/*************************************************

ACF Core + Unique Theme SASS

Author: Bobbi Martin & Joseph Croasdaile

// Table of Contents

// CORE

    1.1 General
     - Variables & Mixins
     - Padding, Margin & Alignment
     - Fonts & Headers
     - Body, Links & Buttons
     - Misc
    1.2 Site Header Import
     - Logo
     - Navigation
    1.3 Content
     - Page Header
     - Body
     - Columns
     - Pagination
     - Search
     - 403
     - 404
    1.4 Footer
     - Sections
     - Widgets
     - Copyright
    1.5 ACF
    1.6 Additional Imports
     - Columns
     - Fadeup
     - Hover Effect
     - Genesis Shortcodes Plugin
     - Grid Slidetoggle
     - Woocommerce
     - Events

// UNIQUE / CUSTOM

    2.1 Site Header
     - Logo
     - Nav    
    2.2 Content
     - Headers
    2.3 Footer
    2.4 Page Specific
     - Homepage
     - About
     - Contact
     - FAQs
    2.5 MISC
     - Image Section
     - Slider Widgets
     - Gravity Forms
     - Audio Player
     - Password Protect

*************************************************/
/************************************************************
*************************************************************

CORE

*************************************************************
************************************************************/
/************************************************************
1.1 GENERAL
************************************************************/
/************************************************************
GENERAL - VARIABLES & MIXINS
************************************************************/
/*$spacer-section-narrow: 4*$spacer-section-variable 6*$spacer-section-variable;     // 64px 96px 
$spacer-section-md-narrow: 4*$spacer-section-variable 8*$spacer-section-variable;     // 64px 96px 
$spacer-section-lg-narrow: 4*$spacer-section-variable 12*$spacer-section-variable;  // 64px 128px
$spacer-section-xl-narrow: 4*$spacer-section-variable 16*$spacer-section-variable; // 64px 160px

$spacer-section-mobile:  1.5*$spacer-section-variable 2*$spacer-section-variable;    // 32px 16px*/
/************************************************************
GENERAL - PADDING, MARGIN  & ALIGNMENT
************************************************************/
.p-t-no {
  padding-top: 0px;
}

.p-t-xs {
  padding-top: 0.5rem;
}

.p-t-sm {
  padding-top: 0.875rem;
}

.p-t-md {
  padding-top: 1.125rem;
}

.p-t-lg {
  padding-top: 1.5rem;
}

.p-t-xl {
  padding-top: 2rem;
}

.p-t-xxl {
  padding-top: 3rem;
}

.p-b-no {
  padding-bottom: 0px !important;
}

.p-b-xs {
  padding-bottom: 0.5rem;
}

.p-b-sm {
  padding-bottom: 0.875rem;
}

.p-b-md {
  padding-bottom: 1.125rem;
}

.p-b-lg {
  padding-bottom: 1.5rem;
}

.p-b-xl {
  padding-bottom: 2rem;
}

.p-b-xxl {
  padding-bottom: 3rem;
}

.p-a-no, .p-no {
  padding: 0px;
}

.p-a-lg {
  padding: 1.5rem;
}

.p-a-xl {
  padding: 2rem;
}

.p-v-no {
  padding-top: 0px;
  padding-bottom: 0px;
}

.m-t-no {
  margin-top: 0px;
}

.m-t-xs {
  margin-top: 0.5rem;
}

.m-t-sm {
  margin-top: 0.875rem;
}

.m-t-md {
  margin-top: 1.125rem;
}

.m-t-lg {
  margin-top: 1.5rem;
}

.m-t-xl {
  margin-top: 2rem;
}

.m-t-xxl {
  margin-top: 3rem;
}

.m-b-no {
  margin-bottom: 0px;
}

.m-b-xs {
  margin-bottom: 0.5rem;
}

.m-b-sm {
  margin-bottom: 0.875rem;
}

.m-b-md {
  margin-bottom: 1.125rem;
}

.m-b-lg {
  margin-bottom: 1.5rem;
}

.m-b-xl {
  margin-bottom: 2rem;
}

.m-b-xxl {
  margin-bottom: 3rem;
}

.m-x-xs {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.m-a-no, .m-no {
  margin: 0px;
}

.text-a-left {
  text-align: left;
}

.text-a-center {
  text-align: center;
}

.text-a-right {
  text-align: right;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.one-half.centered-div, .one-fourth.centered-div, .one-third.centered-div {
  float: none;
  margin: 0 auto;
}

/************************************************************
GENERAL - STRUCTURE MAX WIDTH
************************************************************/
.site-inner {
  max-width: 80vw !important;
  max-width: 80% !important;
  /*margin: 0px auto;*/
  padding: 0px;
}
@media only screen and (max-width: 1260px) {
  .site-inner {
    max-width: 90vw !important;
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 860px) {
  .site-inner {
    margin-top: 0px;
    width: 100%;
  }
}
.site-inner .content {
  width: 100%;
  max-width: unset;
}

.footer-widgets .wrap {
  max-width: 80vw !important;
  max-width: 80% !important;
}
@media only screen and (max-width: 1260px) {
  .footer-widgets .wrap {
    max-width: 90vw !important;
    max-width: 100% !important;
  }
}

/************************************************************
GENERAL - FONTS & HEADERS
************************************************************/
h1, h2, h3, h4, h5, h6 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 1.125rem;
  color: #7e7e7e;
}
 
h1 {
  line-height: 1.2;
}

h2 {
  margin-bottom: 1.5rem;
}
h2 small {
  display: block;
}

h1.alt, h2.alt, h3.alt, h4.alt, h5.alt, h6.alt {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

h1 {
  font-size: 3.375rem;
}
@media only screen and (max-width: 1360px) {
  h1 {
    font-size: 2.953125rem;
    margin-bottom: 0.984375rem;
  }
}
@media only screen and (max-width: 1260px) {
  h1 {
    font-size: 2.53125rem;
    margin-bottom: 0.84375rem;
  }
}
@media only screen and (max-width: 1024px) {
  h1 {
    font-size: 2.19375rem;
    margin-bottom: 0.84375rem;
  }
}
@media only screen and (max-width: 860px) {
  h1 {
    font-size: 1.85625rem;
    margin-bottom: 0.675rem;
  }
}

h2 {
  font-size: 3.0375rem;
}
@media only screen and (max-width: 1360px) {
  h2 {
    font-size: 2.73375rem;
    margin-bottom: 0.95625rem;
  }
}
@media only screen and (max-width: 1260px) {
  h2 {
    font-size: 2.43rem;
    margin-bottom: 0.95625rem;
  }
}
@media only screen and (max-width: 1024px) {
  h2 {
    font-size: 2.12625rem;
    margin-bottom: 0.84375rem;
  }
}
@media only screen and (max-width: 860px) {
  h2 {
    font-size: 1.8225rem;
    margin-bottom: 0.675rem;
  }
}

h3 {
  font-size: 2.025rem;
  line-height: 1.3;
}
@media only screen and (max-width: 1360px) {
  h3 {
    font-size: 1.62rem;
    margin-bottom: 0.984375rem;
  }
}
@media only screen and (max-width: 1024px) {
  h3 {
    font-size: 1.4175rem;
    margin-bottom: 0.84375rem;
  }
}
@media only screen and (max-width: 860px) {
  h3 {
    font-size: 1.0125rem;
    margin-bottom: 0.675rem;
  }
}

h4 {
  font-size: 1.6875rem;
  line-height: 1.5;
}
@media only screen and (max-width: 1360px) {
  h4 {
    font-size: 1.5609375rem;
    margin-bottom: 0.984375rem;
  }
}
@media only screen and (max-width: 1024px) {
  h4 {
    font-size: 1.434375rem;
    margin-bottom: 0.84375rem;
  }
}
@media only screen and (max-width: 860px) {
  h4 {
    font-size: 1.265625rem;
    margin-bottom: 0.675rem;
  }
}

h5 {
  font-size: 1.35rem;
  line-height: 2.025rem;
  line-height: 1.6;
}
@media only screen and (max-width: 1260px) {
  h5 {
    font-size: 1.18125rem;
    margin-bottom: 0.984375rem;
  }
}
@media only screen and (max-width: 1024px) {
  h5 {
    font-size: 1.0125rem;
    margin-bottom: 0.84375rem;
  }
}

h6 {
  font-size: 1.096875rem;
  line-height: 1.6453125rem;
  line-height: 1.6;
  margin-bottom: 0.25rem;
}
@media only screen and (max-width: 1260px) {
  h6 {
    font-size: 1.012415625rem;
    margin-bottom: 0.984375rem;
  }
}

.entry-content h4 {
  margin-top: 1.5rem;
}

.uppercase {
  text-transform: uppercase;
}

p {
  margin: 0 0 1.5rem;
  padding: 0;
}

p:last-child {
  margin-bottom: 0px;
  /*@media only screen and (max-width: $md) {
    margin: 0 0 18px;
  }*/
}

.column_1 p:last-child {
  margin-bottom: 0px;
}
@media only screen and (max-width: 860px) {
  .column_1 p:last-child {
    margin: 0 0 18px;
  }
}

/************************************************************
GENERAL - BODY, LINKS & BUTTONS
************************************************************/
body {
  /*background-color:$white; */
  font-family: "sofia-pro", sans-serif;
  font-weight: 300;
  font-size: 0.975rem;
  color: #000000;
  background-color: #ffffff;
  line-height: 1.6;
}
@media only screen and (max-width: 1260px) {
  body {
    font-size: 0.975rem;
  }
}
@media only screen and (max-width: 860px) {
  body {
    font-size: 0.78rem;
  }
}

a {
  color: #006A9C;
  text-decoration: none;
  font-weight: 800;
}

a:hover {
  color: #005983;
}

.entry-title {
  font-weight: 500;
  font-size: 2.025rem;
  line-height: 1.3;
}
@media only screen and (max-width: 1360px) {
  .entry-title {
    font-size: 1.62rem;
    margin-bottom: 0.984375rem;
  }
}
@media only screen and (max-width: 1024px) {
  .entry-title {
    font-size: 1.4175rem;
    margin-bottom: 0.84375rem;
  }
}
@media only screen and (max-width: 860px) {
  .entry-title {
    font-size: 1.215rem;
    margin-bottom: 0.675rem;
  }
}
.entry-title a {
  color: #006A9C;
  text-decoration: none;
  font-weight: 800;
}
.entry-title a:hover {
  color: #005983;
}

.inverted a {
  color: #ffffff;
}
.inverted a:hover {
  color: #ffffff;
}

@media only screen and (max-width: 860px) {
  p {
    margin: 0 0 18px;
  }
}

.site-inner {
  /*div:not(.mejs-button) button, button:not(.vjs-button):not(.vjs-big-play-button), */
}
.site-inner .button_container a button.default, .site-inner .button {
  padding: 0.875rem 1.125rem;
  border-radius: 0px;
  display: inline-block;
  color: #ffffff;
  font-family: "sofia-pro", sans-serif;
  font-size: 0.975rem;
  border-radius: 36px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
  line-height: initial;
  background-color: #006A9C;
  /*border: 1px solid $primary-color;*/
}
.site-inner .button_container a button.default.large, .site-inner .button.large {
  font-size: 1.95rem;
  line-height: 1.17rem;
  padding: 1.5rem 2rem;
}
@media only screen and (max-width: 480px) {
  .site-inner .button_container a button.default.large, .site-inner .button.large {
    width: 100%;
    font-size: 1.17rem;
    padding: 0.875rem 2rem;
  }
}
@media only screen and (max-width: 1024px) {
  .site-inner .button_container a button.default, .site-inner .button {
    margin-top: 1.125rem;
  }
}
@media only screen and (max-width: 860px) {
  .site-inner .button_container a button.default, .site-inner .button {
    margin-top: 0.5rem;
    margin-bottom: 1.125rem;
    padding: 14px 10px 10px;
  }
}
@media only screen and (max-width: 480px) {
  .site-inner .button_container a button.default, .site-inner .button {
    width: 100%;
    font-size: 0.975rem;
  }
}
.site-inner .button_container a button.default.small, .site-inner .button.small {
  font-size: 0.936rem;
  padding: 14px 24px;
}
@media only screen and (max-width: 860px) {
  .site-inner .button_container a button.default.small, .site-inner .button.small {
    margin-top: 0.5rem;
    margin-bottom: 1.125rem;
    font-size: 0.78rem;
    padding: 14px 10px 10px;
  }
}
.site-inner .button_container a button.default:hover, .site-inner .button:hover {
  background-color: #e6e6e6;
  color: #006A9C;
}
.site-inner .button_container a button.default.inverted, .site-inner .button.inverted {
  background-color: #006A9C;
  color: #ffffff;
}
.site-inner .button_container a button.default.inverted:hover, .site-inner .button.inverted:hover {
  background-color: #006A9C;
  color: #ffffff;
}
.site-inner .button_container a button.default.inverted.outline, .site-inner .button.inverted.outline {
  background-color: transparent;
  border: 1px solid #ffffff;
}
.site-inner .button_container a button.default.red, .site-inner .button.red {
  background-color: red;
  max-width: 500px;
  color: #ffffff;
  border: none;
  display: block;
  margin: 1.125rem auto 1.5rem;
}
.site-inner .button_container a button.default.outline, .site-inner .button.outline {
  background-color: transparent;
}
.site-inner .button_container a button.default.full-width, .site-inner .button.full-width {
  width: 100%;
}
.site-inner .button_container a button.default.tribe-events-filters-group-heading:hover, .site-inner .button.tribe-events-filters-group-heading:hover {
  color: #005983 !important;
}
.site-inner .inverted a, .site-inner .dark a, .site-inner .is-style-gb-dark a {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: #b3b3b3;
  text-underline-position: under;
}
.site-inner .inverted a:hover, .site-inner .dark a:hover, .site-inner .is-style-gb-dark a:hover {
  text-decoration: none;
}
.site-inner .inverted .genesis-nav-menu .current-menu-item > a, .site-inner .inverted .inverted a:hover, .site-inner .dark .genesis-nav-menu .current-menu-item > a, .site-inner .dark .inverted a:hover, .site-inner .is-style-gb-dark .genesis-nav-menu .current-menu-item > a, .site-inner .is-style-gb-dark .inverted a:hover {
  color: #ffffff;
}
.site-inner .inverted button, .site-inner .inverted .button, .site-inner .dark button, .site-inner .dark .button, .site-inner .is-style-gb-dark button, .site-inner .is-style-gb-dark .button {
  background-color: #ffffff;
  color: #006A9C;
}
.site-inner .inverted button:hover, .site-inner .inverted .button:hover, .site-inner .dark button:hover, .site-inner .dark .button:hover, .site-inner .is-style-gb-dark button:hover, .site-inner .is-style-gb-dark .button:hover {
  background-color: #005983;
  color: #ffffff;
}

.button_container {
  padding: 0px;
  margin: 0px;
  margin-top: 0.5rem;
}
.button_container.left {
  text-align: left;
}
.button_container a button.default {
  padding: 24px 60px;
}
@media only screen and (max-width: 1024px) {
  .button_container a button.default {
    margin-top: 24px;
  }
}

.entry-content .button:focus, .entry-content .button:active {
  color: unset;
}

.text-a-left .button_container {
  text-align: left;
}

input[type=submit]:hover {
  background-color: #005983;
  border-width: 0;
  color: #fff;
}

/************************************************************
GENERAL - VIDEO / FLEX / MISC
************************************************************/
#video .wrap {
  padding: 0px;
}

.popmake-content .embed-container, .wp-block-embed__wrapper .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 1.125rem;
}
.popmake-content .embed-container iframe, .popmake-content .embed-container object, .popmake-content .embed-container embed, .wp-block-embed__wrapper .embed-container iframe, .wp-block-embed__wrapper .embed-container object, .wp-block-embed__wrapper .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*.wp-block-embed-vimeo {
  width: 75%;
  @media only screen and (max-width: $xl) {
    width: 90%
  }
}
.wp-block-columns .wp-block-embed-vimeo {
  width: 100%;
  @media only screen and (max-width: $xl) {
    width: 90%
  }
}*/
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
  padding: 0px;
}

.flexbox .columns {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  .flexbox .columns {
    display: inline-block;
  }
}

.hidden {
  display: none;
}

video-js {
  margin-bottom: 0.875rem;
}

/************************************************************
GENERAL - GUTENBERG
************************************************************/
/* Color Options
--------------------------------------------- */
.has-teal-color {
  color: #00869E;
}

.has-teal-background-color {
  background-color: #00869E;
}

.has-lightgray-color {
  color: #f5dadb;
}

.has-lightgray-background-color {
  background-color: #f5dadb;
}

.has-gray-color {
  color: #b3b3b3;
}

.has-gray-background-color {
  background-color: #b3b3b3;
}

.has-darkgray-color {
  color: #585858;
}

.has-darkgray-background-color {
  background-color: #585858;
}

.has-black-color {
  color: #000;
}

.has-black-background-color {
  background-color: #000;
}

.has-white-color {
  color: #fff;
}

.has-white-background-color {
  background-color: #fff;
}

.has-offwhite-color {
  color: #f8efee;
}

.has-offwhite-background-color {
  background-color: #f8efee;
}

.has-lwrprimary-color {
  color: #006A9C;
}

.has-lwrprimary-background-color {
  background-color: #006A9C;
}

.has-lwrprimaryalt-color {
  color: #3386BF;
}

.has-lwrprimaryalt-background-color {
  background-color: #3386BF;
}

.has-lwrlight-color {
  color: #47c5cc;
}

.has-lwrlight-background-color {
  background-color: #47c5cc;
}

.has-milkwhite-color {
  color: #dcdacf;
}

.has-milkwhite-background-color {
  background-color: #dcdacf;
}

.has-blackwhite-color {
  color: #e9e8e1;
}

.has-blackwhite-background-color {
  background-color: #e9e8e1;
}

.has-cottonseed-color {
  color: #bdb8ab;
}

.has-cottonseed-background-color {
  background-color: #bdb8ab;
}

.has-russet-color {
  color: #83311a;
}

.has-russet-background-color {
  background-color: #83311a;
}

.has-bermuda-color {
  color: #8bced2;
}

.has-bermuda-background-color {
  background-color: #8bced2;
}

.has-goldenrod-color {
  color: #cc9b02;
}

.has-goldenrod-background-color {
  background-color: #cc9b02;
}

.has-vbs2020-color {
  color: #a53947;
}

.has-vbs2020-background-color {
  background-color: #a53947;
}

.has-lighttan-color {
  color: #d0ebe6;
}

.has-lighttan-background-color {
  background-color: #d0ebe6;
}

.has-tan-color {
  color: #9ad4ca;
}

.has-tan-background-color {
  background-color: #9ad4ca;
}

.has-teal2020-color {
  color: #0e7d7a;
}

.has-teal2020-background-color {
  background-color: #0e7d7a;
}

.has-orange-color {
  color: #f89d4b;
}

.has-orange-background-color {
  background-color: #f89d4b;
}

.site-container .wp-block-button .wp-block-button__link, .site-container .gb-block-cta .gb-button, .site-container .gb-button, .site-container .button, .site-container div[class*=qubely-block] .qubely-postgrid-wrapper .qubely-postgrid-btn.qubely-button-fill, .site-container .more-link {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  background: linear-gradient(180deg, #3386BF 0%, #006A9C 100%) !important;
  color: #ffffff !important;
  letter-spacing: 0px;
  border-width: 0;
  border-radius: 5px !important;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  width: auto;
  border: 0px;
  padding: 15px 30px 16px;
}
.site-container .wp-block-button .wp-block-button__link.is-small, .site-container .gb-block-cta .gb-button.is-small, .site-container .gb-button.is-small, .site-container .button.is-small, .site-container div[class*=qubely-block] .qubely-postgrid-wrapper .qubely-postgrid-btn.qubely-button-fill.is-small, .site-container .more-link.is-small {
  padding: 0.325rem 1.125rem 0.5rem;
  font-size: 0.78rem !important;
}
@media only screen and (max-width: 480px) {
  .site-container .wp-block-button .wp-block-button__link.is-small, .site-container .gb-block-cta .gb-button.is-small, .site-container .gb-button.is-small, .site-container .button.is-small, .site-container div[class*=qubely-block] .qubely-postgrid-wrapper .qubely-postgrid-btn.qubely-button-fill.is-small, .site-container .more-link.is-small {
    padding: 0.525rem 0.9rem 0.4375rem;
    font-size: 0.78rem;
  }
}
.site-container .wp-block-button .wp-block-button__link.gb-button-size-small, .site-container .wp-block-button .wp-block-button__link.btn-small, .site-container .gb-block-cta .gb-button.gb-button-size-small, .site-container .gb-block-cta .gb-button.btn-small, .site-container .gb-button.gb-button-size-small, .site-container .gb-button.btn-small, .site-container .button.gb-button-size-small, .site-container .button.btn-small, .site-container div[class*=qubely-block] .qubely-postgrid-wrapper .qubely-postgrid-btn.qubely-button-fill.gb-button-size-small, .site-container div[class*=qubely-block] .qubely-postgrid-wrapper .qubely-postgrid-btn.qubely-button-fill.btn-small, .site-container .more-link.gb-button-size-small, .site-container .more-link.btn-small {
  padding: 0.875rem 1.5rem;
  font-size: 0.78rem;
}
@media only screen and (max-width: 480px) {
  .site-container .wp-block-button .wp-block-button__link.gb-button-size-small, .site-container .wp-block-button .wp-block-button__link.btn-small, .site-container .gb-block-cta .gb-button.gb-button-size-small, .site-container .gb-block-cta .gb-button.btn-small, .site-container .gb-button.gb-button-size-small, .site-container .gb-button.btn-small, .site-container .button.gb-button-size-small, .site-container .button.btn-small, .site-container div[class*=qubely-block] .qubely-postgrid-wrapper .qubely-postgrid-btn.qubely-button-fill.gb-button-size-small, .site-container div[class*=qubely-block] .qubely-postgrid-wrapper .qubely-postgrid-btn.qubely-button-fill.btn-small, .site-container .more-link.gb-button-size-small, .site-container .more-link.btn-small {
    padding: 0.525rem 0.9rem 0.4375rem;
    font-size: 0.78rem;
  }
}
.site-container .wp-block-button .wp-block-button__link:hover, .site-container .gb-block-cta .gb-button:hover, .site-container .gb-button:hover, .site-container .button:hover, .site-container div[class*=qubely-block] .qubely-postgrid-wrapper .qubely-postgrid-btn.qubely-button-fill:hover, .site-container .more-link:hover {
  background: linear-gradient(180deg, #2e78ab 0%, #005983 100%) !important;
  color: #ffffff !important;
  box-shadow: none;
}
@media only screen and (max-width: 1024px) {
  .site-container .wp-block-button .wp-block-button__link, .site-container .gb-block-cta .gb-button, .site-container .gb-button, .site-container .button, .site-container div[class*=qubely-block] .qubely-postgrid-wrapper .qubely-postgrid-btn.qubely-button-fill, .site-container .more-link {
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.875rem 1.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .site-container .wp-block-button .wp-block-button__link, .site-container .gb-block-cta .gb-button, .site-container .gb-button, .site-container .button, .site-container div[class*=qubely-block] .qubely-postgrid-wrapper .qubely-postgrid-btn.qubely-button-fill, .site-container .more-link {
    font-size: 0.702rem;
    font-weight: 700;
    padding: 0.5rem 1.125rem;
  }
}
.site-container .wp-block-qubely-button .qubely-block-btn-anchor {
  background-color: #333;
}
.site-container .is-style-gb-dark .wp-block-button .wp-block-button__link, .site-container .is-style-gb-dark .gb-block-cta .gb-button, .site-container .is-style-gb-dark .gb-button {
  background-color: #ffffff !important;
  background: linear-gradient(180deg, #ffffff 0%, #e6e6e6 100%) !important;
  color: #006A9C !important;
  text-decoration: none;
}
.site-container .is-style-gb-dark .wp-block-button .wp-block-button__link:hover, .site-container .is-style-gb-dark .gb-block-cta .gb-button:hover, .site-container .is-style-gb-dark .gb-button:hover {
  background-color: #e6e6e6 !important;
  color: #006A9C !important;
}

@media only screen and (max-width: 480px) {
  .site-container .wp-block-buttons .wp-block-button {
    margin-bottom: 18px;
  }
  .site-container .wp-block-buttons .wp-block-button:last-child {
    margin-bottom: 0px;
  }
}
.site-container .wp-block-buttons .wp-block-button.active a {
  background-color: #e6e6e6 !important;
  color: #006A9C;
  pointer-events: none;
}
.site-container .wp-block-buttons .wp-block-button.active a:hover {
  background-color: #006A9C !important;
  color: #ffffff;
}
.site-container .wp-block-buttons .wp-block-button.is-style-btn-small a {
  padding: 0.65625rem 1.125rem 0.74375rem;
  font-size: 0.78rem;
}
@media only screen and (max-width: 480px) {
  .site-container .wp-block-buttons .wp-block-button.is-style-btn-small a {
    padding: 0.4375rem 0.9rem 0.525rem;
    font-size: 0.624rem;
  }
}
.site-container .wp-block-buttons.small-buttons a {
  padding: 0.65625rem 1.125rem 0.56875rem;
  font-size: 0.78rem;
}
@media only screen and (max-width: 480px) {
  .site-container .wp-block-buttons.small-buttons a {
    padding: 0.4375rem 0.9rem 0.35rem;
    font-size: 0.624rem;
  }
}

.deactive .gb-button {
  background-color: #e6e6e6 !important;
  color: #006A9C !important;
  pointer-events: none;
}

@media only screen and (max-width: 480px) {
  .gb-block-layout-column-inner .gb-block-button.last {
    margin-bottom: 0px;
  }
}

.site-container .wp-block-button.is-style-outline .wp-block-button__link, .site-container .wp-block-genesis-blocks-gb-button.is-style-outline .gb-button {
  background-color: transparent !important;
  border: 2px solid currentColor;
}
.site-container .is-style-gb-dark .wp-block-button.is-style-outline .wp-block-button__link, .site-container .is-style-gb-dark .wp-block-genesis-blocks-gb-button.is-style-outline .gb-button {
  background-color: transparent !important;
  position: relative;
  border: 1px solid #ffffff;
  border-radius: 30px !important;
  color: #ffffff !important;
  text-transform: uppercase;
  /*text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.95);*/
  text-decoration: none;
}
.site-container .is-style-gb-dark .wp-block-button.is-style-outline .wp-block-button__link:before, .site-container .is-style-gb-dark .wp-block-genesis-blocks-gb-button.is-style-outline .gb-button:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  background-image: none;
  width: unset;
  height: unset;
  box-shadow: 0 0 0 2pt white;
  border-radius: 30px;
}
.site-container .is-style-gb-dark .wp-block-button.is-style-outline .wp-block-button__link:hover, .site-container .is-style-gb-dark .wp-block-genesis-blocks-gb-button.is-style-outline .gb-button:hover {
  border: 1px solid transparent;
  background-color: #ffffff !important;
  color: #006A9C !important;
}
.site-container .is-style-gb-dark .wp-block-button.is-style-outline.active-outline .wp-block-button__link {
  background-color: #ffffff !important;
  color: #006A9C !important;
}

.site-container .wp-block-button .wp-block-button__link:focus,
.site-container .wp-block-button .wp-block-button__link:hover,
.site-container .wp-block-button.is-style-outline .wp-block-button__link:focus,
.site-container .wp-block-button.is-style-outline .wp-block-button__link:hover {
  box-shadow: inset 0 0 200px rgba(230, 230, 230, 0.25);
}

.is-style-gb-dark .wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"].is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  position: relative;
  border: 1px solid #ffffff !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  text-transform: uppercase;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.95);
}
.is-style-gb-dark .wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"].is-style-outline .wp-block-button__link:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 6px;
  left: 6px;
  right: 6px;
  bottom: 6px;
  background-image: none;
  width: unset;
  height: unset;
  box-shadow: 0 0 0 2pt white;
  border-radius: 8px;
}

.block-editor-block-list__layout .block-editor-block-list__block .wp-block-genesis-blocks-gb-button.gb-block-button span {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  /*font-size: $font-lg;
  padding: $spacer-md $spacer-xl;*/
  text-transform: uppercase;
  background-color: #006A9C !important;
  border-width: 0;
  border-radius: 5px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  width: auto;
}

.site-container .is-style-divider-button .wp-block-button__link::before, .site-container .is-style-divider-button .wp-block-button__link::after {
  background-color: #ffffff !important;
}

.row-no-top-margin {
  margin-top: 0px !important;
}

.row-no-bottom-margin, .no-margin {
  margin-bottom: 0px !important;
}
.row-no-margin, .col-no-margin {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.row-no-padding, .col-no-padding {
  padding: 0px !important;
}

.no-padding {
  padding: 0px !important;
}

.no-margin {
  margin: 0px !important;
}
.no-margin img, .no-margin figure {
  margin: 0px !important;
}

.first-row {
  margin-top: 0px !important;
}

.last-row {
  margin-bottom: 0px !important;
}

/*.after-entry, .archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-pings {
  margin-bottom: 0px;
}*/
.alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns {
  margin-top: 6vw;
  margin-top: 6%;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns:last-child, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns:last-child {
  margin-top: 6vw;
  margin-bottom: 6vw;
  margin-top: 6%;
  margin-bottom: 6%;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.short-sm, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.short-sm {
  padding: 3vw 6vw;
  padding: 3% 6%;
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.short-sm, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.short-sm {
    padding: 6vw;
    padding: 6%;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.short-md, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.short-md {
  padding: 3vw 6vw;
  padding: 3% 6%;
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.short-md, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.short-md {
    padding: 6vw;
    padding: 6%;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-gb-forty-right .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-gb-forty-right .gb-is-responsive-column {
  grid-template-columns: 1.25fr 0.75fr;
}
@media only screen and (max-width: 1024px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-gb-forty-right .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-gb-forty-right .gb-is-responsive-column {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-gb-forty-right .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-gb-forty-right .gb-is-responsive-column {
    grid-template-columns: unset;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-gb-forty-left .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-gb-forty-left .gb-is-responsive-column {
  grid-template-columns: 0.75fr 1.25fr;
}
@media only screen and (max-width: 1024px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-gb-forty-left .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-gb-forty-left .gb-is-responsive-column {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-gb-forty-left .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-gb-forty-left .gb-is-responsive-column {
    grid-template-columns: unset;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-forty-right-dark .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-forty-right-dark .gb-is-responsive-column {
  grid-template-columns: 1.25fr 0.75fr;
}
@media only screen and (max-width: 1024px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-forty-right-dark .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-forty-right-dark .gb-is-responsive-column {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-forty-right-dark .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-forty-right-dark .gb-is-responsive-column {
    grid-template-columns: unset;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-forty-left-dark .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-forty-left-dark .gb-is-responsive-column {
  grid-template-columns: 0.75fr 1.25fr;
}
@media only screen and (max-width: 1024px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-forty-left-dark .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-forty-left-dark .gb-is-responsive-column {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-forty-left-dark .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.is-style-forty-left-dark .gb-is-responsive-column {
    grid-template-columns: unset;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-lg .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-lg .gb-is-responsive-column {
  max-width: 80vw;
  max-width: 80% !important;
  margin: 0px auto;
}
@media only screen and (max-width: 1260px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-lg .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-lg .gb-is-responsive-column {
    max-width: 90vw;
    max-width: 90% !important;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-lg .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-lg .gb-is-responsive-column {
    /*max-width: 86vw;*/
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-md .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-md .gb-is-responsive-column {
  max-width: 70vw;
  max-width: 70% !important;
  margin: 0px auto;
}
@media only screen and (max-width: 1260px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-md .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-md .gb-is-responsive-column {
    max-width: 90vw;
    max-width: 90% !important;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-md .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-md .gb-is-responsive-column {
    /*max-width: 86vw;*/
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-sm .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-sm .gb-is-responsive-column {
  max-width: 60vw;
  max-width: 60%;
  margin: 0px auto;
}
@media only screen and (max-width: 1260px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-sm .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-sm .gb-is-responsive-column {
    max-width: 80vw;
    max-width: 80%;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-sm .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.narrow-sm .gb-is-responsive-column {
    /*max-width: 86vw;*/
    max-width: 90vw;
    max-width: 90%;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-dark], div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-dark] {
  color: #ffffff;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-dark] .gb-button, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-dark] .gb-button {
  background-color: #ffffff !important;
  color: #006A9C !important;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-dark] .gb-button:hover, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-dark] .gb-button:hover {
  background-color: #e6e6e6 !important;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color], div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color] {
  margin-top: 6vw;
  margin-bottom: 6vw;
  padding: 6vw;
  margin-top: 6%;
  margin-bottom: 6%;
  padding: 6%;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].narrow-md .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].narrow-md .gb-is-responsive-column {
  max-width: 70vw;
  max-width: 70%;
  margin: 0px auto;
}
@media only screen and (max-width: 1260px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].narrow-md .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].narrow-md .gb-is-responsive-column {
    max-width: 90vw;
    max-width: 90%;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].narrow-md .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].narrow-md .gb-is-responsive-column {
    /*max-width: 86vw;*/
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].narrow-sm .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].narrow-sm .gb-is-responsive-column {
  max-width: 60vw;
  max-width: 60%;
  margin: 0px auto;
}
@media only screen and (max-width: 1260px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].narrow-sm .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].narrow-sm .gb-is-responsive-column {
    max-width: 80vw;
    max-width: 80%;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].narrow-sm .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].narrow-sm .gb-is-responsive-column {
    /*max-width: 86vw;*/
    max-width: 90vw;
    max-width: 90%;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color] .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color] .gb-is-responsive-column {
  max-width: 100%;
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color] .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color] .gb-is-responsive-column {
    max-width: 90%;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 20vh 0 18vh;
  padding: 14% 5% 13%;
}
@media only screen and (max-width: 1260px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal {
    padding: 14vh 0 12vh;
    padding: 16% 5% 16%;
  }
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal .wp-block-buttons, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal .wp-block-buttons {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal {
    padding: 12vh 0 8vh;
    padding: 22% 0 12%;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal.hero-short, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal.hero-short {
  padding: 16vh 0 10vh;
  padding: 12% 0 8%;
}
@media only screen and (max-width: 1260px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal.hero-short, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal.hero-short {
    padding: 10vh 0 6vh;
    padding: 14% 0 10%;
  }
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal.hero-short .wp-block-buttons, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal.hero-short .wp-block-buttons {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal.hero-short, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal.hero-short {
    padding: 10vh 0 4vh;
    padding: 22% 0 6%;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal.hero-short-preview, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal.hero-short-preview {
  padding: 16vh 0;
  padding: 16% 0;
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal.hero-short-preview, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal.hero-short-preview {
    padding: 10vh 0 4vh;
    padding: 20% 0 8%;
  }
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal.hero-short-preview .wp-block-buttons, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal.hero-short-preview .wp-block-buttons {
    margin-bottom: 15px;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal h2, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal h2 {
  font-size: 4.6vw;
  line-height: 4.6vw;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.95);
}
@media only screen and (max-width: 1260px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal h2, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal h2 {
    font-size: 6vw;
    line-height: 6vw;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal h2, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal h2 {
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95);
    font-size: 8vw;
    line-height: 9vw;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal h3, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal h3 {
  font-size: 2.6vw;
  line-height: 2.6vw;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.95);
  margin-top: -2vh;
  margin-bottom: 4vh;
}
@media only screen and (max-width: 1260px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal h3, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal h3 {
    font-size: 3vw;
    line-height: 3vw;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal h3, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].si-hero-internal h3 {
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.95);
    font-size: 4vw;
    line-height: 4.5vw;
    margin-top: -1vh;
    margin-bottom: 2vh;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-xs, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-xs {
  padding: 2.2vw 4vw;
  padding: 2.2% 4%;
  margin-bottom: 2vw;
  margin-bottom: 2%;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-xs .wp-block-buttons .wp-block-button, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-xs .wp-block-buttons .wp-block-button {
  margin-bottom: 0px;
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-xs .wp-block-buttons .wp-block-button:nth-child(1), div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-xs .wp-block-buttons .wp-block-button:nth-child(1) {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-xs, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-xs {
    padding: 5vw 0;
    padding: 5% 0;
    margin-bottom: 8vw;
    margin-bottom: 8%;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-sm, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-sm {
  padding: 3vw 6vw;
  padding: 3% 6%;
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-sm, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-sm {
    padding: 6vw;
    padding: 6%;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-md, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-md {
  padding: 3vw 6vw;
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-md, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].short-md {
    padding: 6vw;
  }
}

.photo-extended img {
  min-width: 160%;
  border-radius: 24px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 480px) {
  .photo-extended img {
    border-radius: 18px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  }
}
.photo-extended.leftside img {
  margin-right: 0%;
  /*-webkit-transform: translateX(-15vw);
  transform: translateX(-15vw); */
  min-width: 160%;
  -webkit-transform: translateX(-40%);
  transform: translateX(-40%);
}
@media only screen and (max-width: 1260px) {
  .photo-extended.leftside img {
    /*min-width: 78vw;
    -webkit-transform: translateX(-39vw);
    transform: translateX(-39vw);*/
  }
}
@media only screen and (max-width: 480px) {
  .photo-extended.leftside img {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    min-width: unset;
    width: 100%;
    margin: 0px;
  }
}
@media only screen and (max-width: 480px) {
  .photo-extended.rightside .gb-block-layout-column:nth-child(1) {
    grid-area: col2;
  }
  .photo-extended.rightside .gb-block-layout-column:nth-child(2) {
    grid-area: col1;
  }
}
.photo-extended.rightside img {
  /*min-width: 58vw;*/
  width: 100%;
  min-width: 160%;
  margin-left: 0%;
}
@media only screen and (max-width: 1260px) {
  .photo-extended.rightside img {
    /*min-width: 78vw;*/
    margin-left: 0%;
  }
}
@media only screen and (max-width: 480px) {
  .photo-extended.rightside img {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    min-width: unset;
    width: 100%;
    margin: 10px 0px 0px;
  }
}

.is-style-header-no-margin {
  margin-top: 0px !important;
  margin-bottom: 0.25rem !important;
}

.is-style-header-no-top-margin {
  margin-top: 0px !important;
}

body .site-container p.has-large-font-size {
  font-size: 1.3rem;
}
@media only screen and (max-width: 1024px) {
  body .site-container p.has-large-font-size {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 860px) {
  body .site-container p.has-large-font-size {
    font-size: 1.17rem;
  }
}
body .site-container p.has-normal-font-size {
  font-size: 0.975rem;
}
@media only screen and (max-width: 860px) {
  body .site-container p.has-normal-font-size {
    font-size: 0.78rem;
  }
}
body .site-container p.has-small-font-size {
  font-size: 0.858rem;
}
@media only screen and (max-width: 860px) {
  body .site-container p.has-small-font-size {
    font-size: 0.78rem;
  }
}
body .site-container h2.has-small-font-size {
  font-size: 1.096875rem;
}
@media only screen and (max-width: 1260px) {
  body .site-container h2.has-small-font-size {
    font-size: 0.9871875rem;
  }
}
@media only screen and (max-width: 1024px) {
  body .site-container h2.has-small-font-size {
    font-size: 0.8775rem;
  }
}
@media only screen and (max-width: 860px) {
  body .site-container h2.has-small-font-size {
    font-size: 0.7678125rem;
  }
}
body .site-container h2.has-normal-font-size {
  font-size: 2.025rem;
}
@media only screen and (max-width: 1260px) {
  body .site-container h2.has-normal-font-size {
    font-size: 1.771875rem;
  }
}
@media only screen and (max-width: 1024px) {
  body .site-container h2.has-normal-font-size {
    font-size: 1.51875rem;
  }
}
@media only screen and (max-width: 860px) {
  body .site-container h2.has-normal-font-size {
    font-size: 1.215rem;
  }
}
@media only screen and (max-width: 480px) {
  body .site-container h2.has-normal-font-size {
    font-size: 1.0125rem;
  }
}
body .site-container h2.has-large-font-size {
  font-size: 4.55625rem;
}
@media only screen and (max-width: 1260px) {
  body .site-container h2.has-large-font-size {
    font-size: 4.2525rem;
  }
}
@media only screen and (max-width: 1024px) {
  body .site-container h2.has-large-font-size {
    font-size: 3.94875rem;
  }
}
@media only screen and (max-width: 860px) {
  body .site-container h2.has-large-font-size {
    font-size: 3.645rem;
  }
}
@media only screen and (max-width: 480px) {
  body .site-container h2.has-large-font-size {
    font-size: 3.34125rem;
  }
}
body .site-container h2.has-larger-font-size {
  font-size: 6.075rem;
}
@media only screen and (max-width: 1260px) {
  body .site-container h2.has-larger-font-size {
    font-size: 5.315625rem;
  }
}
@media only screen and (max-width: 1024px) {
  body .site-container h2.has-larger-font-size {
    font-size: 4.55625rem;
  }
}
@media only screen and (max-width: 860px) {
  body .site-container h2.has-larger-font-size {
    font-size: 3.796875rem;
  }
}
@media only screen and (max-width: 480px) {
  body .site-container h2.has-larger-font-size {
    font-size: 2.278125rem;
  }
}
body .site-container h3.has-small-font-size {
  font-size: 0.8775rem;
}
@media only screen and (max-width: 1260px) {
  body .site-container h3.has-small-font-size {
    font-size: 0.7678125rem;
  }
}
@media only screen and (max-width: 1024px) {
  body .site-container h3.has-small-font-size {
    font-size: 0.658125rem;
  }
}
@media only screen and (max-width: 860px) {
  body .site-container h3.has-small-font-size {
    font-size: 0.5484375rem;
  }
}
@media only screen and (max-width: 480px) {
  body .site-container h3.has-small-font-size {
    font-size: 0.43875rem;
  }
}
body .site-container h3.has-normal-font-size {
  font-size: 1.35rem;
}
@media only screen and (max-width: 1260px) {
  body .site-container h3.has-normal-font-size {
    font-size: 1.215rem;
  }
}
@media only screen and (max-width: 1024px) {
  body .site-container h3.has-normal-font-size {
    font-size: 1.1475rem;
  }
}
@media only screen and (max-width: 860px) {
  body .site-container h3.has-normal-font-size {
    font-size: 1.08rem;
  }
}
@media only screen and (max-width: 480px) {
  body .site-container h3.has-normal-font-size {
    font-size: 1.0125rem;
  }
}
body .site-container h3.has-larger-font-size {
  font-size: 3.375rem;
}
@media only screen and (max-width: 1260px) {
  body .site-container h3.has-larger-font-size {
    font-size: 2.953125rem;
  }
}
@media only screen and (max-width: 1024px) {
  body .site-container h3.has-larger-font-size {
    font-size: 2.53125rem;
  }
}
@media only screen and (max-width: 860px) {
  body .site-container h3.has-larger-font-size {
    font-size: 2.109375rem;
  }
}
@media only screen and (max-width: 480px) {
  body .site-container h3.has-larger-font-size {
    font-size: 1.6875rem;
  }
}
body .site-container h4.has-small-font-size {
  font-size: 0.8775rem;
}
@media only screen and (max-width: 1260px) {
  body .site-container h4.has-small-font-size {
    font-size: 0.7678125rem;
  }
}
@media only screen and (max-width: 1024px) {
  body .site-container h4.has-small-font-size {
    font-size: 0.658125rem;
  }
}
@media only screen and (max-width: 860px) {
  body .site-container h4.has-small-font-size {
    font-size: 0.5484375rem;
  }
}
@media only screen and (max-width: 480px) {
  body .site-container h4.has-small-font-size {
    font-size: 0.43875rem;
  }
}
body .site-container h4.has-normal-font-size {
  font-size: 1.35rem;
}
@media only screen and (max-width: 1260px) {
  body .site-container h4.has-normal-font-size {
    font-size: 1.18125rem;
  }
}
@media only screen and (max-width: 1024px) {
  body .site-container h4.has-normal-font-size {
    font-size: 1.0125rem;
  }
}
@media only screen and (max-width: 860px) {
  body .site-container h4.has-normal-font-size {
    font-size: 0.81rem;
  }
}
@media only screen and (max-width: 480px) {
  body .site-container h4.has-normal-font-size {
    font-size: 0.675rem;
  }
}
body .site-container h4.has-larger-font-size {
  font-size: 2.953125rem;
}
@media only screen and (max-width: 1260px) {
  body .site-container h4.has-larger-font-size {
    font-size: 2.53125rem;
  }
}
@media only screen and (max-width: 1024px) {
  body .site-container h4.has-larger-font-size {
    font-size: 2.109375rem;
  }
}
@media only screen and (max-width: 860px) {
  body .site-container h4.has-larger-font-size {
    font-size: 1.940625rem;
  }
}
@media only screen and (max-width: 480px) {
  body .site-container h4.has-larger-font-size {
    font-size: 1.6875rem;
  }
}

.is-style-shadow img {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 480px) {
  .is-style-shadow img {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  }
}

.is-style-rounded-shadow img {
  border-radius: 24px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 480px) {
  .is-style-rounded-shadow img {
    border-radius: 18px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  }
}

@media only screen and (max-width: 480px) {
  figure.alignright, figure.alignleft {
    margin: 0px 0px 4vw 0px !important;
  }
  figure.alignright img, figure.alignleft img {
    width: 100%;
  }
}

#video .wrap {
  padding: 0px;
}

.embed-container-manual {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 1.125rem;
}

.embed-container-manual iframe, .embed-container-manual object, .embed-container-manual embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.flexbox .columns {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 480px) {
  .flexbox .columns {
    display: inline-block;
  }
}
.hidden {
  display: none;
}

video-js {
  margin-bottom: 0.875rem;
}

.wp-block-spacer.is-style-spacer-xs {
  height: 12px !important;
}
.wp-block-spacer.is-style-spacer-small {
  height: 32px !important;
}
@media only screen and (max-width: 480px) {
  .wp-block-spacer.is-style-spacer-small {
    height: 12px !important;
  }
}
.wp-block-spacer.is-style-spacer-medium {
  height: 48px !important;
}
@media only screen and (max-width: 480px) {
  .wp-block-spacer.is-style-spacer-medium {
    height: 24px !important;
  }
}
.wp-block-spacer.is-style-spacer-large {
  height: 6vw !important;
}
@media only screen and (max-width: 480px) {
  .wp-block-spacer.is-style-spacer-large {
    height: 8vw !important;
  }
}
.wp-block-spacer.is-style-spacer-xl {
  height: 72px !important;
}

.rounded-shadow {
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 480px) {
  .rounded-shadow {
    border-radius: 15px !important;
  }
}

.sh-cta-homepage {
  max-width: 1000px;
  margin: -8vw auto 0px;
  padding: 4vw 1vw;
  border-radius: 30px;
  z-index: 10;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}
.sh-cta-homepage .gb-block-button {
  margin-bottom: 0px;
}
.sh-cta-homepage h2 {
  color: #006A9C;
}
@media only screen and (max-width: 1260px) {
  .sh-cta-homepage {
    max-width: 90vw;
    max-width: 90%;
    padding: 6vw 1vw;
  }
}
@media only screen and (max-width: 480px) {
  .sh-cta-homepage {
    /*max-width: 86vw;*/
    margin: -6vw auto 0px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  }
}

@media only screen and (max-width: 1024px) {
  .how-it-works .n2-ss-slider .n2-ss-layer-content[data-verticalalign=center] {
    justify-content: end;
  }
}

div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color], div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color] {
  margin-top: 6vw;
  margin-bottom: 6vw;
  padding: 6vw;
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color], div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color] {
    margin-top: 8vw;
    margin-bottom: 8vw;
    padding: 8vw 0;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].small-padding, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].small-padding {
  margin-top: 2vw;
  margin-bottom: 2vw;
  padding: 2vw;
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].small-padding, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].small-padding {
    margin-top: 8vw;
    margin-bottom: 8vw;
    padding: 8vw 0;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].small-padding .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].small-padding .gb-is-responsive-column {
  grid-gap: 0 2em;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns {
  padding: 3vw 0px;
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns {
    padding: 6vw 0px;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column {
  max-width: 100vw;
  grid-template-columns: 0.75fr 1.25fr 1.25fr 0.75fr;
  grid-gap: 0;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column .gb-block-layout-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column .gb-block-layout-column {
  border-left: 1px solid #000000;
  display: grid;
  align-items: center;
  justify-items: center;
  height: 100%;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column .gb-block-layout-column figure, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column .gb-block-layout-column figure {
  margin-bottom: 0px;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column .gb-block-layout-column:nth-child(1), div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column .gb-block-layout-column:nth-child(1) {
  border-left: none;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column .gb-block-layout-column:nth-child(2), div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column .gb-block-layout-column:nth-child(3), div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column .gb-block-layout-column:nth-child(2), div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column .gb-block-layout-column:nth-child(3) {
  padding: 2.25vw;
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column .gb-block-layout-column:nth-child(2), div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column .gb-block-layout-column:nth-child(2) {
    padding: 4.5vw;
    border-bottom: 1px solid #000000;
  }
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column .gb-block-layout-column:nth-child(3), div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column .gb-block-layout-column:nth-child(3) {
    padding: 4.5vw;
  }
}
@media only screen and (max-width: 1260px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column {
    grid-template-columns: 0.3fr 1.7fr 1.7fr 0.3fr;
    grid-template-areas: "col1 col2 col3 col4";
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns .gb-is-responsive-column {
    display: grid;
    grid-template-columns: 0.15fr 2.7fr 0.15fr;
    grid-template-rows: 1fr 0.5fr;
    gap: 1px 1px;
    grid-template-areas: "col1 col2 col4" "col1 col3 col4";
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns.is-style-gb-dark .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns.is-style-gb-dark .gb-is-responsive-column {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns.is-style-gb-dark .gb-is-responsive-column .gb-block-layout-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns.is-style-gb-dark .gb-is-responsive-column .gb-block-layout-column {
  border-left: 1px solid #ffffff;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns.is-style-gb-dark .gb-is-responsive-column .gb-block-layout-column:nth-child(1), div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns.is-style-gb-dark .gb-is-responsive-column .gb-block-layout-column:nth-child(1) {
  border-left: none;
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns.is-style-gb-dark .gb-is-responsive-column .gb-block-layout-column:nth-child(2), div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns[class*=-background-color].vbs21-outlined-columns.is-style-gb-dark .gb-is-responsive-column .gb-block-layout-column:nth-child(2) {
    border-bottom: 1px solid #ffffff;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top {
  margin-top: 0px;
  background: url(../images/2021reveal/reveal2021-newsletter-bg.jpg);
  background-size: cover;
  z-index: 10;
  margin-top: -20px;
  padding: 36px 0px;
  border: none;
  -webkit-mask: url(../images/2021reveal/reveal2021-newsletter-alpha.png) repeat-x;
  mask: url(../images/2021reveal/reveal2021-newsletter-alpha.png) repeat-x;
  -webkit-mask-size: contain;
  mask-size: contain;
}
@media only screen and (max-width: 1360px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top {
    -webkit-mask-size: cover;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column {
  max-width: 100vw;
  grid-template-columns: 0.35fr 1.7fr 0.6fr 0.35fr;
  grid-gap: 0;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-layout-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-layout-column {
  border-left: 1px solid #000000;
  display: grid;
  align-items: center;
  justify-items: center;
  height: 100%;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-layout-column:nth-child(1), div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-layout-column:nth-child(1) {
  border-left: none;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-layout-column:nth-child(2), div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-layout-column:nth-child(3), div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-layout-column:nth-child(2), div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-layout-column:nth-child(3) {
  padding: 1vw 2.25vw;
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-layout-column:nth-child(2), div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-layout-column:nth-child(2) {
    padding: 2vw 4.5vw;
    border-bottom: 1px solid #000000;
  }
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-layout-column:nth-child(3), div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-layout-column:nth-child(3) {
    padding: 3vw 4.5vw 2vw;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-button, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-button {
  margin: 0px;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-button a, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-button a {
  padding: 14px 24px;
}
@media only screen and (max-width: 1024px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-button a, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-button a {
    padding: 12px;
    font-size: 1em;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-button a, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column .gb-block-button a {
    width: 100%;
  }
}
@media only screen and (max-width: 1260px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column {
    grid-template-columns: 0.2fr 2.4fr 1.2fr 0.2fr;
    grid-template-areas: "col1 col2 col3 col4";
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-is-responsive-column {
    display: grid;
    grid-template-columns: 0.15fr 2.7fr 0.15fr;
    grid-template-rows: 1fr 0.5fr;
    gap: 1px 1px;
    grid-template-areas: "col1 col2 col4" "col1 col3 col4";
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-block-layout-column-inner, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gb-block-layout-column-inner {
  width: 100%;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gform_wrapper, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gform_wrapper {
  margin: 0px;
  max-width: 100%;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top form .gform_body, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top form .gform_body {
  position: relative;
  float: left;
  width: 70%;
  padding: 0px;
  margin-top: 0px;
  margin-right: 12px;
}
@media only screen and (max-width: 1024px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top form .gform_body, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top form .gform_body {
    width: 60%;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top form .gform_body ul li.gfield, div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top form .gform_body div.ginput_container, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top form .gform_body ul li.gfield, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top form .gform_body div.ginput_container {
  margin-top: 0px;
  padding-top: 0;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top form .gform_body input#input_2_1, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top form .gform_body input#input_2_1 {
  width: 100%;
  margin: 0px;
  padding: 12px;
  border-radius: 30px;
}
@media only screen and (max-width: 1024px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top form .gform_body input#input_2_1, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top form .gform_body input#input_2_1 {
    padding: 8px;
    margin: 0px;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gform_footer, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gform_footer {
  float: right;
  clear: none;
  width: 25%;
  position: relative;
  margin: 0px;
  padding: 0px;
}
@media only screen and (max-width: 1024px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gform_footer, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gform_footer {
    width: 35%;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gform_footer input[type=submit], div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gform_footer input[type=submit] {
  float: left;
  background-color: #47c5cc;
  color: #000000;
  padding: 12px 24px;
  border-width: 0;
  border-radius: 30px;
}
@media only screen and (max-width: 1024px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gform_footer input[type=submit], div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gform_footer input[type=submit] {
    padding: 9px;
    width: 100%;
    margin: 0px;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gform_footer input[type=submit]:hover, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-newsletter-top .gform_footer input[type=submit]:hover {
  background-color: #ffffff;
  color: #006A9C;
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns .gform_footer, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns .gform_footer {
  /*float: right;
  clear: none;
  width: 25%;
  position: relative;*/
  margin-top: 2rem;
  padding: 0px;
}
@media only screen and (max-width: 1024px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns .gform_footer, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns .gform_footer {
    width: 35%;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns .gform_footer input[type=submit], div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns .gform_footer input[type=submit] {
  float: left;
  background-color: #006A9C;
  color: #ffffff;
  padding: 12px 24px;
  border-width: 0;
  border-radius: 30px;
}
@media only screen and (max-width: 1024px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns .gform_footer input[type=submit], div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns .gform_footer input[type=submit] {
    padding: 9px;
    width: 100%;
    margin: 0px;
  }
}
div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns .gform_footer input[type=submit]:hover, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns .gform_footer input[type=submit]:hover {
  background-color: #e6e6e6;
  color: #006A9C !important;
}
@media only screen and (max-width: 1260px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-theme-overview .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-theme-overview .gb-is-responsive-column {
    grid-template-columns: 0.75fr 1.25fr;
  }
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-theme-overview .gb-is-responsive-column:nth-child(1) img, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-theme-overview .gb-is-responsive-column:nth-child(1) img {
    min-width: 50vw;
    margin-right: 6%;
    -webkit-transform: translateX(-20vw);
    transform: translateX(-20vw);
  }
}
@media only screen and (max-width: 480px) {
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-theme-overview .gb-is-responsive-column, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-theme-overview .gb-is-responsive-column {
    grid-template-columns: unset;
  }
  div[class*=gb-section-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-theme-overview .gb-is-responsive-column:nth-child(1) img, div[class*=gb-layout-].alignfull.wp-block-genesis-blocks-gb-columns.vbs21-theme-overview .gb-is-responsive-column:nth-child(1) img {
    -webkit-transform: translateX(0vw);
    transform: translateX(0vw);
    min-width: unset;
    width: 100%;
    margin: 0px;
  }
}

@media only screen and (max-width: 860px) {
  .gb-layout-columns-5 > .gb-layout-column-wrap.gb-is-responsive-column {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "col1 col2 col3" "col4 col5 col6";
  }
}
@media only screen and (max-width: 480px) {
  .gb-layout-columns-5 > .gb-layout-column-wrap.gb-is-responsive-column {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "col1" "col2" "col3" "col4" "col5";
  }
}

.gpb-slate-image-text figure, .gb-layout-service-3 figure, .gpb-slate-section-cta-accent figure {
  margin-bottom: 0px;
}
.gpb-slate-image-text figure img, .gb-layout-service-3 figure img, .gpb-slate-section-cta-accent figure img {
  display: block;
}

div[class*=qubely-block] .qubely-post-grid-view {
  border-radius: 5px;
  /*background: $white;
  box-shadow: 0 25px 40px 0 rgba(0, 0, 0, 0.05);*/
}
div[class*=qubely-block] .qubely-post-grid-view .qubely-post-grid-img {
  /*border-radius: 10px 10px 0px 0px;*/
  border-radius: 5px;
}
div[class*=qubely-block] .qubely-post-grid-view .qubely-post-grid-content {
  padding: 1.125rem 0px 1.5rem;
}
@media only screen and (max-width: 860px) {
  div[class*=qubely-block] .qubely-post-grid-view:nth-child(3) {
    display: none;
  }
}
div[class*=qubely-block] .qubely-postgrid-intro, div[class*=qubely-block] .qubely-postgrid-meta {
  font-family: "sofia-pro", sans-serif;
}
div[class*=qubely-block] .qubely-post-list-wrapper {
  border-radius: 5px;
  /*background: $white;*/
  /*box-shadow: 0 25px 40px 0 rgba(0, 0, 0, 0.05);*/
}
div[class*=qubely-block] .qubely-post-list-wrapper .qubely-post-list-img {
  /*border-radius: 10px 0px 0px 10px;*/
  border-radius: 5px;
}
@media only screen and (max-width: 1024px) {
  div[class*=qubely-block] .qubely-post-list-wrapper .qubely-post-list-img .qubely-post-image {
    height: 300px;
    object-fit: cover;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=qubely-block] .qubely-post-list-wrapper .qubely-post-list-img .qubely-post-image {
    width: 100%;
    height: 224px;
    object-fit: cover;
  }
}
@media only screen and (max-width: 480px) {
  div[class*=qubely-block] .qubely-post-list-wrapper .qubely-post-list-img {
    /*border-radius: 10px 10px 0px 0px;*/
    border-radius: 5px;
  }
}
div[class*=qubely-block] .qubely-post-list-wrapper .qubely-post-list-content {
  padding: 1.5rem;
}
@media only screen and (max-width: 480px) {
  div[class*=qubely-block] .qubely-post-list-wrapper .qubely-post-list-content {
    padding: 1.5rem 0px;
  }
}

div[class*=qubely-block] .qubely-postgrid-category a {
  font-family: "sofia-pro", sans-serif;
  text-transform: none !important;
  color: #3386BF;
}
div[class*=qubely-block] .qubely-postgrid-category a:hover {
  color: #2e78ab;
}
div[class*=qubely-block] .qubely-postgrid-title {
  font-family: "sofia-pro", sans-serif;
  font-size: 1.51875rem;
  line-height: 1.3;
}
@media only screen and (max-width: 1360px) {
  div[class*=qubely-block] .qubely-postgrid-title {
    font-size: 1.434375rem;
    margin-bottom: 0.984375rem;
  }
}
@media only screen and (max-width: 1024px) {
  div[class*=qubely-block] .qubely-postgrid-title {
    font-size: 1.35rem;
    margin-bottom: 0.84375rem;
  }
}
@media only screen and (max-width: 860px) {
  div[class*=qubely-block] .qubely-postgrid-title {
    font-size: 1.265625rem;
    margin-bottom: 0.675rem;
  }
}
div[class*=qubely-block] .qubely-postgrid-title a {
  font-weight: 600;
  color: #006A9C;
}
div[class*=qubely-block] .qubely-postgrid-meta {
  color: #7e7e7e;
  font-weight: 400;
}
div[class*=qubely-block] .qubely-postgrid-meta a {
  color: #3386BF;
}
div[class*=qubely-block] .qubely-postgrid-meta a:hover {
  color: #2e78ab;
}
div[class*=qubely-block] .qubely-postgrid-meta i {
  display: none;
}
div[class*=qubely-block] .qubely-postgrid-intro {
  font-size: 0.975rem;
  color: #000000;
  margin-bottom: 0.875rem;
}
div[class*=qubely-block] .qubely-postgrid-intro::after {
  content: "...";
}

.qubely-tab-item .qubely-tab-title {
  font-family: "sofia-pro", sans-serif;
  padding: 4px 12px 2px !important;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
  .qubely-tab-item .qubely-tab-title {
    font-size: 0.624rem;
    padding: 4px 12px !important;
  }
}

.qubely-block-tab figure {
  text-align: center;
}

.qubely-block-tab {
  width: 90%;
  margin: 0px auto;
}

@media only screen and (max-width: 480px) {
  .resource-products img {
    margin-bottom: 0.875rem !important;
  }
}

.rect-auto, .c100.p100 .slice, .c100.p99 .slice, .c100.p98 .slice, .c100.p97 .slice, .c100.p96 .slice, .c100.p95 .slice, .c100.p94 .slice, .c100.p93 .slice, .c100.p92 .slice, .c100.p91 .slice, .c100.p90 .slice, .c100.p89 .slice, .c100.p88 .slice, .c100.p87 .slice, .c100.p86 .slice, .c100.p85 .slice, .c100.p84 .slice, .c100.p83 .slice, .c100.p82 .slice, .c100.p81 .slice, .c100.p80 .slice, .c100.p79 .slice, .c100.p78 .slice, .c100.p77 .slice, .c100.p76 .slice, .c100.p75 .slice, .c100.p74 .slice, .c100.p73 .slice, .c100.p72 .slice, .c100.p71 .slice, .c100.p70 .slice, .c100.p69 .slice, .c100.p68 .slice, .c100.p67 .slice, .c100.p66 .slice, .c100.p65 .slice, .c100.p64 .slice, .c100.p63 .slice, .c100.p62 .slice, .c100.p61 .slice, .c100.p60 .slice, .c100.p59 .slice, .c100.p58 .slice, .c100.p57 .slice, .c100.p56 .slice, .c100.p55 .slice, .c100.p54 .slice, .c100.p53 .slice, .c100.p52 .slice, .c100.p51 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100.p100 .fill, .c100.p99 .fill, .c100.p98 .fill, .c100.p97 .fill, .c100.p96 .fill, .c100.p95 .fill, .c100.p94 .fill, .c100.p93 .fill, .c100.p92 .fill, .c100.p91 .fill, .c100.p90 .fill, .c100.p89 .fill, .c100.p88 .fill, .c100.p87 .fill, .c100.p86 .fill, .c100.p85 .fill, .c100.p84 .fill, .c100.p83 .fill, .c100.p82 .fill, .c100.p81 .fill, .c100.p80 .fill, .c100.p79 .fill, .c100.p78 .fill, .c100.p77 .fill, .c100.p76 .fill, .c100.p75 .fill, .c100.p74 .fill, .c100.p73 .fill, .c100.p72 .fill, .c100.p71 .fill, .c100.p70 .fill, .c100.p69 .fill, .c100.p68 .fill, .c100.p67 .fill, .c100.p66 .fill, .c100.p65 .fill, .c100.p64 .fill, .c100.p63 .fill, .c100.p62 .fill, .c100.p61 .fill, .c100.p60 .fill, .c100.p59 .fill, .c100.p58 .fill, .c100.p57 .fill, .c100.p56 .fill, .c100.p55 .fill, .c100.p54 .fill, .c100.p53 .fill, .c100.p52 .fill, .c100.p51 .fill, .c100 .bar {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill, .c100.p100 .fill, .c100.p100.bar:after, .c100.p99 .fill, .c100.p99.bar:after, .c100.p98 .fill, .c100.p98.bar:after, .c100.p97 .fill, .c100.p97.bar:after, .c100.p96 .fill, .c100.p96.bar:after, .c100.p95 .fill, .c100.p95.bar:after, .c100.p94 .fill, .c100.p94.bar:after, .c100.p93 .fill, .c100.p93.bar:after, .c100.p92 .fill, .c100.p92.bar:after, .c100.p91 .fill, .c100.p91.bar:after, .c100.p90 .fill, .c100.p90.bar:after, .c100.p89 .fill, .c100.p89.bar:after, .c100.p88 .fill, .c100.p88.bar:after, .c100.p87 .fill, .c100.p87.bar:after, .c100.p86 .fill, .c100.p86.bar:after, .c100.p85 .fill, .c100.p85.bar:after, .c100.p84 .fill, .c100.p84.bar:after, .c100.p83 .fill, .c100.p83.bar:after, .c100.p82 .fill, .c100.p82.bar:after, .c100.p81 .fill, .c100.p81.bar:after, .c100.p80 .fill, .c100.p80.bar:after, .c100.p79 .fill, .c100.p79.bar:after, .c100.p78 .fill, .c100.p78.bar:after, .c100.p77 .fill, .c100.p77.bar:after, .c100.p76 .fill, .c100.p76.bar:after, .c100.p75 .fill, .c100.p75.bar:after, .c100.p74 .fill, .c100.p74.bar:after, .c100.p73 .fill, .c100.p73.bar:after, .c100.p72 .fill, .c100.p72.bar:after, .c100.p71 .fill, .c100.p71.bar:after, .c100.p70 .fill, .c100.p70.bar:after, .c100.p69 .fill, .c100.p69.bar:after, .c100.p68 .fill, .c100.p68.bar:after, .c100.p67 .fill, .c100.p67.bar:after, .c100.p66 .fill, .c100.p66.bar:after, .c100.p65 .fill, .c100.p65.bar:after, .c100.p64 .fill, .c100.p64.bar:after, .c100.p63 .fill, .c100.p63.bar:after, .c100.p62 .fill, .c100.p62.bar:after, .c100.p61 .fill, .c100.p61.bar:after, .c100.p60 .fill, .c100.p60.bar:after, .c100.p59 .fill, .c100.p59.bar:after, .c100.p58 .fill, .c100.p58.bar:after, .c100.p57 .fill, .c100.p57.bar:after, .c100.p56 .fill, .c100.p56.bar:after, .c100.p55 .fill, .c100.p55.bar:after, .c100.p54 .fill, .c100.p54.bar:after, .c100.p53 .fill, .c100.p53.bar:after, .c100.p52 .fill, .c100.p52.bar:after, .c100.p51 .fill, .c100.p51.bar:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  /*float: left;*/
  /*margin: 0 0.1em 0.1em 0;*/
  margin: 0 auto 10px;
  background-color: #ccc;
}
.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
@media only screen and (max-width: 860px) {
  .c100 {
    margin: 18px auto 10px;
  }
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
@media only screen and (max-width: 860px) {
  .c100.big {
    font-size: 160px;
  }
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #ccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #f5f5f5;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}
.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
.c100.dark {
  background-color: #777;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777;
}
.c100.dark:after {
  background-color: #666;
}
.c100.dark:hover > span {
  color: #c6ff00;
}
.c100.green .bar,
.c100.green .fill {
  border-color: #4db53c !important;
}
.c100.green:hover > span {
  color: #4db53c;
}
.c100.green.dark .bar,
.c100.green.dark .fill {
  border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
  color: #5fd400;
}
.c100.orange .bar,
.c100.orange .fill {
  border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
  color: #dd9d22;
}
.c100.orange.dark .bar,
.c100.orange.dark .fill {
  border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
  color: #e08833;
}

/*.site-container {
  overflow: hidden;
}
.footer-widget-area {
  padding-left: 0px;
  @media only screen and (max-width: $lg) { 
    padding-right: 0px;
  }
}*/
/************************************************************
1.2 SITE HEADER IMPORT
************************************************************/
/*@import 'header_centered_stacked'; // Centered Logo Stacked ontop of Centered w/ Shrink, Widget Support*/
/************************************************************
1.3 CONTENT
************************************************************/
/************************************************************
1.3 CONTENT - HEADER
************************************************************/
/************************************************************
1.3 CONTENT - BODY / WRAPPERS
************************************************************/
.search.search-no-results .content .entry, .archive.archive-no-results .content .entry {
  padding: 1.5rem 1.5rem 5rem;
  text-align: center;
  width: 100%;
  /*background: #f4f4f4;*/
  background-color: #ffffff;
  box-shadow: none;
  margin-top: -40px;
  border-radius: 5px;
}

.search.search-no-results .content .entry {
  margin-top: 0px;
}

/************************************************************
1.3 CONTENT - COLUMNS
************************************************************/
/************************************************************
1.3 CONTENT - PAGINATION
************************************************************/
.archive-pagination ul, .pagination-next, .pagination-previous {
  background-color: #ffffff;
}

/************************************************************
1.3 CONTENT - SEARCH
************************************************************/
/************************************************************
1.3 CONTENT - 403
************************************************************/
/************************************************************
1.4 FOOTER
************************************************************/
/************************************************************
1.4 FOOTER - WIDGETS
************************************************************/
.footer-widgets {
  border: none;
  background-color: transparent;
  padding: 0px;
}
.footer-widgets .wrap {
  max-width: unset !important;
  width: 100%;
}
.footer-widgets .wrap .footer-widget-area {
  width: 100%;
  padding: 0px;
}
.footer-widgets .wrap .footer-widget-area section {
  /*margin-top: 2vw;*/
  margin-bottom: 2vw;
  padding: 3vw 0px;
}
@media only screen and (max-width: 480px) {
  .footer-widgets .wrap .footer-widget-area section {
    margin-top: 4vw;
    margin-bottom: 4vw;
    padding: 6vw 0px;
  }
}
.footer-widgets .wrap .footer-widget-area section#sf-newsletter {
  background-color: #dcdacf;
  margin-top: 0vw;
}
.footer-widgets .wrap .footer-widget-area section#sf-newsletter .widget-wrap {
  max-width: 40vw !important;
  margin: 0px auto;
}
@media only screen and (max-width: 1260px) {
  .footer-widgets .wrap .footer-widget-area section#sf-newsletter .widget-wrap {
    max-width: 70vw !important;
    max-width: 70% !important;
  }
}
@media only screen and (max-width: 480px) {
  .footer-widgets .wrap .footer-widget-area section#sf-newsletter .widget-wrap {
    max-width: 86vw !important;
    max-width: 86% !important;
  }
}
.footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget .widget-wrap {
  max-width: 100vw;
  margin: 0px auto;
}
.footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget .widgettitle {
  display: none;
}
.footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget .gb-block-layout-column-inner {
  width: 100%;
}
.footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget .gform_wrapper {
  margin: 0px;
  max-width: 100%;
}
.footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget form .gform_body {
  position: relative;
  float: left;
  width: 70%;
  padding: 0px;
  margin-top: 0px;
  margin-right: 12px;
}
@media only screen and (max-width: 1024px) {
  .footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget form .gform_body {
    width: 60%;
  }
}
.footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget form .gform_body ul li.gfield, .footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget form .gform_body div.ginput_container {
  margin-top: 0px;
  padding-top: 0;
}
.footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget form .gform_body input#input_2_1 {
  width: 100%;
  margin: 0px;
  padding: 12px;
  border-radius: 30px;
}
@media only screen and (max-width: 1024px) {
  .footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget form .gform_body input#input_2_1 {
    padding: 8px;
    margin: 0px;
  }
}
.footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget .gform_footer {
  float: right;
  clear: none;
  width: 25%;
  position: relative;
  margin: 0px;
  padding: 0px;
}
@media only screen and (max-width: 1024px) {
  .footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget .gform_footer {
    width: 35%;
  }
}
.footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget .gform_footer input[type=submit] {
  float: left;
  padding: 12px 24px;
  border-width: 0;
  border-radius: 30px;
  background-color: #006A9C;
}
@media only screen and (max-width: 1024px) {
  .footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget .gform_footer input[type=submit] {
    padding: 9px;
    width: 100%;
    margin: 0px;
  }
}
.footer-widgets .wrap .footer-widget-area section.sf-page-widget.widget .gform_footer input[type=submit]:hover {
  background-color: #005983;
}

/************************************************************
1.4 FOOTER - CTA
************************************************************/
.footer-cta {
  margin-bottom: 0px;
  margin-top: 0px;
}
.footer-cta::before {
  content: none;
}
.footer-cta .wrap {
  max-width: 80vw !important;
  max-width: 80% !important;
}
@media only screen and (max-width: 1260px) {
  .footer-cta .wrap {
    max-width: 90vw !important;
    max-width: 100% !important;
  }
}
.footer-cta .wrap .widget {
  box-shadow: none;
  padding: 0px;
  background-color: transparent;
}

/************************************************************
1.4 FOOTER - NAV
************************************************************/
.site-footer .wrap {
  padding: 0px;
}
.site-footer .wrap .nav-secondary {
  max-width: 80vw !important;
  margin: 0px auto;
  text-align: center;
}
@media only screen and (max-width: 1260px) {
  .site-footer .wrap .nav-secondary {
    max-width: 90vw !important;
  }
}
@media only screen and (max-width: 480px) {
  .site-footer .wrap .nav-secondary {
    max-width: 86vw !important;
  }
}
.site-footer .wrap .nav-secondary .genesis-nav-menu {
  margin-bottom: 1.5rem;
  padding-bottom: 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.site-footer .wrap .nav-secondary .genesis-nav-menu a {
  padding: 1.5rem 1.5rem;
  text-transform: uppercase;
  color: #ffffff;
  border-bottom: 1px solid transparent;
}
.site-footer .wrap .nav-secondary .genesis-nav-menu a:hover {
  color: #ffffff;
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 480px) {
  .site-footer .wrap .nav-secondary .genesis-nav-menu a {
    padding: 0.5rem 0.25rem;
    font-size: 0.658125rem;
  }
}
.site-footer .wrap .nav-secondary .genesis-nav-menu .current-menu-item a {
  border-bottom: 1px solid #fff;
}

/************************************************************
1.4 FOOTER - COPYRIGHT
************************************************************/
.site-footer {
  background: linear-gradient(180deg, #3386BF 0%, #006A9C 100%);
  font-size: 0.78rem;
  line-height: 0.975rem;
  color: #ffffff;
  border: none;
  position: relative;
  text-align: center;
  padding: 1.125rem 0.5rem 3rem;
}
.site-footer a {
  color: #ffffff;
  font-size: 0.82875rem;
}
.site-footer span {
  margin: 0 10px;
}
@media only screen and (max-width: 860px) {
  .site-footer {
    text-align: center;
  }
}
/************************************************************
1.6 ADDITIONAL IMPORTS
************************************************************/
.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
  float: left;
  margin-left: 1.6666666667%;
}

.one-half,
.three-sixths,
.two-fourths {
  width: 49.1666666667%;
}

.one-third,
.two-sixths {
  width: 32.2222222222%;
}

.four-sixths,
.two-thirds {
  width: 66.1111111111%;
}

.one-fourth {
  width: 23.75%;
}

.three-fourths {
  width: 74.5833333333%;
}

.one-fifth {
  width: 18.6666666667%;
}

.two-fifths {
  width: 39%;
}

.three-fifths {
  width: 59.3333333333%;
}

.four-fifths {
  width: 79.6666666667%;
}

.one-sixth {
  width: 15.2777777778%;
}

.five-sixths {
  width: 83.0555555556%;
}

.first {
  clear: both;
  margin-left: 0;
}

@media only screen and (max-width: 767px) {
  .five-sixths,
.four-fifths,
.four-sixths,
.one-fourth,
.one-half,
.one-fifth,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
    margin: 0;
    width: 100%;
  }
}
.gb-tabs .tab-labels {
  overflow: hidden;
  padding: 0.5rem 0px;
  text-align: left;
  width: max-content;
}
@media only screen and (max-width: 480px) {
  .gb-tabs .tab-labels {
    width: 100%;
  }
}
.gb-tabs .tab-labels li a {
  background-color: transparent;
  border: 1px solid #307bbb;
  margin-right: 0px;
  display: inline-block;
  color: #307bbb;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  font-size: 0.975rem;
  font-weight: 700;
  padding: 6px 15px 7px;
  margin: 0px 1.125rem;
}
.gb-tabs .tab-labels li a:hover {
  background: #307bbb;
  color: #ffffff;
}
.gb-tabs .tab-labels li a:focus {
  outline: none;
}
.gb-tabs .tab-labels li.ui-tabs-active a {
  background: #307bbb;
  border: 1px solid #307bbb;
  color: #ffffff;
}
.gb-tabs .tab-labels .ui-tabs-active a {
  background: #307bbb !important;
  border: none;
}
.gb-tabs .gb-tab-content {
  background-color: transparent;
  text-align: left;
  padding: 1.125rem 0px;
}
.gb-tabs.centered .tab-labels {
  text-align: center;
  margin: 0px auto;
}
.gb-tabs.centered .gb-tab-content {
  text-align: center;
}

.gb-accordion {
  /*border: 1px solid #d9d9d9;*/
  margin-bottom: 15px;
}
.gb-accordion .gb-accordion-trigger {
  padding-top: 14px;
  background-color: #b3b3b3;
}
.gb-accordion .gb-accordion-content {
  background-color: transparent;
  padding: 0.875rem 3rem;
}
@media only screen and (max-width: 480px) {
  .gb-accordion .gb-accordion-content {
    padding: 0.875rem 0.875rem;
  }
}
.gb-accordion .ui-accordion-header-active {
  background-color: #b3b3b3;
}
.gb-accordion .ui-accordion-content-active {
  background-color: #ffffff;
}
.gb-accordion.centered .gb-accordion-trigger {
  text-align: center;
}
.gb-accordion.centered .gb-accordion-trigger.gb-accordion-trigger::before {
  margin-right: 0px;
  float: right;
}
.gb-accordion.centered .gb-accordion-content {
  text-align: center;
}

.gb-toggle .gb-toggle-content {
  padding-left: 21px;
}

.col-wrapper div {
  /*border: 1px solid $gray;*/
  padding: 0 0 0.875rem 0;
}

#camp-faq .gb-accordion .gb-accordion-trigger {
  background-color: transparent;
  padding: 10px 0px;
}
#camp-faq .gb-accordion .gb-accordion-trigger:focus {
  color: #ffffff;
}
#camp-faq .gb-accordion .gb-accordion-trigger::before {
  content: none;
}
#camp-faq .gb-accordion .gb-accordion-content {
  height: unset !important;
}
#camp-faq .gb-accordion .ui-accordion-content-active {
  background-color: transparent;
}

.gb-accordion .gb-accordion-trigger {
  background-color: transparent;
  padding: 10px 0px;
}
.gb-accordion .gb-accordion-trigger::before {
  content: none;
}
.gb-accordion .gb-accordion-content {
  height: unset !important;
}
.gb-accordion .gb-accordion-content p {
  /*display: none;*/
}
.gb-accordion .gb-accordion-content ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 0em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 20px;
}
.gb-accordion .gb-accordion-content ul li {
  list-style-type: unset;
}
.gb-accordion .ui-accordion-content-active {
  background-color: transparent;
}

.gb-tabs h5 {
  text-transform: none;
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * 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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-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);
  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);
  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);
  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);
  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);
  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);
  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.05);
  transform: scale(1.05);
  /*@include prefixed(transition-timing-function, cubic-bezier(.47,2.02,.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);
  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);
  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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: 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);
  transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
  -webkit-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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  -webkit-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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
  -webkit-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);
  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);
  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);
  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);
  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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-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);
  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);
  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);
  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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
  -webkit-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);
  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);
  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);
  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);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  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 {
  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);
  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;
  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);
  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);
  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);
  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);
  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);
  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);
  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);
  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);
  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);
  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);
  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);
  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);
  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);
  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);
  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);
  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);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  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);
  transform: translateY(-4px);
  -webkit-transition-property: transform;
  transition-property: 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);
  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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  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);
  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;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
  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);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  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 {
  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);
  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;
  transition-property: 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;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-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);
  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);
  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%;
  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);
  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;
  transition-property: transform;
  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);
  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);
  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;
  transition-property: transform;
  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);
  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);
  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;
  transition-property: transform;
  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);
  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);
  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;
  transition-property: transform;
  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);
  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);
  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;
  transition-property: transform;
}
.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: "";
  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;
  transition-property: transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
  -webkit-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);
  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);
  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;
  transition-property: transform;
}
.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  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;
  transition-property: transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
  -webkit-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);
  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);
  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;
  transition-property: transform;
}
.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: "";
  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;
  transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
  -webkit-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);
  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);
  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;
  transition-property: transform;
}
.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: "";
  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;
  transition-property: transform;
}
.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
  -webkit-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);
  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);
  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;
  transition-property: 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);
  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);
  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;
  transition-property: 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);
  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);
  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);
  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);
  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;
  transition-property: 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);
  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);
  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);
  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);
  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);
  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);
  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;
  transition-property: 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);
  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;
  transition-property: 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);
  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);
  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);
  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);
  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);
  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;
  transition-property: 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);
  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;
  transition-property: 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);
  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;
  transition-property: 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);
  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);
  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;
  transition-property: 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);
  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);
  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;
  transition-property: 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);
  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);
  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;
  transition-property: 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);
  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);
  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;
  transition-property: 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);
  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);
  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);
  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);
  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);
  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);
  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);
  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);
  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: 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;
  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);
  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: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  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);
  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: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  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);
  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: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  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;
}

/*
@import 'slidetoggle'; // Show + Expand Content
@import 'fadeup_effect';
@import 'woocommerce';
@import 'events';
*/
/************************************************************
*************************************************************

UNIQUE / CUSTOM

*************************************************************
************************************************************/
/************************************************************
2.1 GENERAL
************************************************************/
/************************************************************
2.1 SITE HEADER - LOGO
************************************************************/
.title-area {
  padding: 0px;
}

/************************************************************
2.1 SITE HEADER - NAV
************************************************************/
/*.header-left {
  float: right;
}
.title-area {
  float: right;
}*/
/************************************************************
2.1 BUTTONS
************************************************************/
/************************************************************
2.2 CONTENT
************************************************************/
/************************************************************
2.2 HOMEPAGE
************************************************************/
@media only screen and (max-width: 860px) {
  .home .site-inner, .home.page.page-template-blocks .site-inner {
    padding: 0px 7%;
  }
}

.header-hero {
  background-image: linear-gradient(0deg, rgba(0, 106, 156, 0.85) 50%, rgba(0, 106, 156, 0.65) 100%), url(https://lwresearch21.wpengine.com/wp-content/uploads/2020/11/cropped-background.jpg) !important;
}
@media only screen and (max-width: 860px) {
  .header-hero {
    padding-bottom: 16vw;
  }
}
@media only screen and (max-width: 480px) {
  .header-hero {
    padding-bottom: 24vw;
  }
}
.header-hero h1 {
  margin-bottom: 1.5rem;
}
.header-hero .button {
  background: #ffffff !important;
  color: #006A9C !important;
}
.header-hero .button:hover {
  background: #e6e6e6 !important;
  color: #005983 !important;
}

.homepage-research-slider .n2-ss-section-main-content {
  border-radius: 12px;
}
.homepage-research-slider div[class*=heading] {
  font-family: "sofia-pro", sans-serif !important;
}
.homepage-research-slider div[class*=button-container] a {
  font-family: "sofia-pro", sans-serif !important;
}

.homepage-featured-posts-header {
  margin-top: -180px !important;
}
@media only screen and (max-width: 1024px) {
  .homepage-featured-posts-header {
    margin-top: -132px !important;
  }
}
@media only screen and (max-width: 860px) {
  .homepage-featured-posts-header {
    margin-top: -100px !important;
  }
}

.homepage-featured-posts {
  /*background-color: #f4f4f4;*/
  background-color: #ffffff;
  margin-left: calc(-1260px / 2 + 100% / 2) !important;
  margin-right: calc(-1260px / 2 + 100% / 2) !important;
  max-width: 1260px !important;
  padding: 28px 30px 30px !important;
  border-radius: 5px;
  /*@media only screen and (max-width: $lg) { 
    margin-left: calc(-860px / 2 + 100% / 2) !important;
    margin-right: calc(-860px / 2 + 100% / 2) !important;
    max-width: 860px !important;
  }*/
  /*@media only screen and (max-width: $md) { 
    margin: $spacer-sm -30px 1.5em !important;
    width: calc(100% + 60px) !important;
  }*/
}
@media only screen and (max-width: 1360px) {
  .homepage-featured-posts {
    margin-left: calc(-1200px / 2 + 100% / 2) !important;
    margin-right: calc(-1200px / 2 + 100% / 2) !important;
    max-width: 1200px !important;
  }
}
@media only screen and (max-width: 1260px) {
  .homepage-featured-posts {
    margin-left: calc(-996px / 2 + 100% / 2) !important;
    margin-right: calc(-996px / 2 + 100% / 2) !important;
    padding: 16px 18px 18px !important;
    max-width: 996px !important;
  }
}
@media only screen and (max-width: 860px) {
  .homepage-featured-posts {
    margin: 2rem 0px 1.5em !important;
    width: 100% !important;
    padding: 12px 0px 0px !important;
  }
}

@media only screen and (max-width: 860px) {
  .homepage-middle-columns .gb-layout-column-wrap {
    grid-template-columns: 1fr;
    grid-template-areas: "col1" "col2";
  }
}

.home .qubely-postgrid-pagination {
  display: none;
}

.homepage-resources-slider::before {
  content: " ";
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 90%, white 100%);
  position: absolute;
  z-index: 10;
  left: 0px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media only screen and (max-width: 860px) {
  .homepage-resources-slider::before {
    background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, white 100%);
  }
}

/* SIDEBAR POPULAR POSTS */
@media only screen and (max-width: 860px) {
  .home .wpp-list {
    display: grid;
    grid-template-rows: auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "col1 col2" "col3 col4";
    grid-gap: 0 2em;
  }
}
@media only screen and (max-width: 480px) {
  .home .wpp-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-template-areas: "col1" "col2" "col3" "col4";
  }
}
@media only screen and (max-width: 860px) {
  .home .wpp-list li {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: col1;
  }
  .home .wpp-list li:nth-child(2) {
    grid-area: col2;
  }
  .home .wpp-list li:nth-child(3) {
    grid-area: col3;
  }
  .home .wpp-list li:nth-child(4) {
    grid-area: col4;
  }
}

.wpp-list {
  padding-left: 0px !important;
}
.wpp-list li:first-child .post-image {
  background: linear-gradient(180deg, #2e78ab 0%, #005983 100%);
}
.wpp-list li:first-child .post-image .post-meta {
  color: #ffffff;
}
.wpp-list li:first-child .post-image .post-meta a {
  color: #ffffff;
}
.wpp-list li .post-image {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.wpp-list li .post-image .post-meta {
  position: absolute;
  bottom: 20px;
  left: 10%;
  width: 85%;
  z-index: 500;
  font-size: 1.17rem;
}
.wpp-list li .post-image .post-meta .category {
  font-size: 0.78rem;
}
.wpp-list li .post-image img {
  margin: 0px;
  height: 240px;
  object-fit: cover;
  opacity: 0.3;
}

.box-shadow {
  box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.25) !important;
}

/************************************************************
2.2 SECTIONS COLORS
************************************************************/
/************************************************************
2.2 WRAPS
************************************************************/
/************************************************************
2.2 HEADER
************************************************************/
.header-hero {
  padding-bottom: 12vw;
}
@media only screen and (max-width: 480px) {
  .header-hero {
    padding-bottom: 18vw;
  }
}

.hero-page-title {
  padding: 4vw 180px 0 180px;
}
@media only screen and (max-width: 1024px) {
  .hero-page-title {
    padding-left: 140px;
    padding-right: 140px;
  }
}
@media only screen and (max-width: 860px) {
  .hero-page-title {
    padding-left: 0;
    padding-right: 0;
  }
}

body:not(.home) .header-hero {
  padding-bottom: 6vw;
}
body:not(.home) .hero-page-title {
  padding-top: 2vw;
  text-align: center;
}
body:not(.home) .hero-page-title h1 {
  font-weight: 500;
  font-size: 3.493125rem;
}
@media only screen and (max-width: 1360px) {
  body:not(.home) .hero-page-title h1 {
    font-size: 3.0375rem;
    margin-bottom: 0.95625rem;
  }
}
@media only screen and (max-width: 1260px) {
  body:not(.home) .hero-page-title h1 {
    font-size: 2.73375rem;
    margin-bottom: 0.95625rem;
  }
}
@media only screen and (max-width: 1024px) {
  body:not(.home) .hero-page-title h1 {
    font-size: 2.43rem;
    margin-bottom: 0.84375rem;
  }
}
@media only screen and (max-width: 860px) {
  body:not(.home) .hero-page-title h1 {
    font-size: 2.43rem;
    margin-bottom: 0.675rem;
  }
}

/*      #mysticky-nav.wrapfixed .myfixed {
    background-color: $primary-color;        
}*/
.site-header {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.site-header .wrap {
  /* .header-right {
     float: left;
     text-align: left;
   }

   .header-left {
     float: right;
     @media only screen and (max-width: $sm) { 
       &:focus-within {
         width: 100%;
         padding: 0px 10px;
         position: absolute;
         z-index: 10000;
         left: 0px;
         right: 0px;
         .search-form {
             background-color: $primary-color;
           }
         .search-form::before {
           top: 8px;
           right: 5px;
         }
         input[type="search"] {
           padding-right: 20px;
         }
       }
     }

     .search-form::before {
       right: 0px;
       top: 18px;
       @media only screen and (max-width: $sm) { 
         top: 8px;
       }
     }
      input[type="search"] {
       text-align: right;
       @media only screen and (max-width: $sm) { 
         font-size: 0.75*$font-xs;
         padding: 10px 15px;                
       }
      }
     @media only screen and (max-width: $lg) { 
       display: block;
     }
   }*/
}
@media only screen and (max-width: 1024px) {
  .site-header .wrap {
    padding-left: 0%;
    padding-right: 0%;
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  .site-header .wrap {
    padding: 10px;
  }
}
.site-header .wrap .title-area {
  margin-left: 25%;
}
@media only screen and (max-width: 860px) {
  .site-header .wrap .title-area {
    float: unset;
    display: inline-block;
    width: 50%;
  }
  .site-header .wrap .title-area a {
    text-align: center;
  }
  .site-header .wrap .title-area .custom-logo {
    float: unset;
  }
}
@media only screen and (max-width: 860px) {
  .site-header .wrap .title-area {
    /*width: 40%;
    margin-left: 30%;*/
    float: left;
  }
}
@media only screen and (max-width: 860px) {
  .site-header .wrap .menu-toggle {
    width: 25%;
    padding: 8px 0px;
  }
}
@media only screen and (max-width: 480px) {
  .site-header .wrap .menu-toggle {
    width: 20%;
    padding: 8px 0px;
    font-size: 0.585rem;
  }
  .site-header .wrap .menu-toggle::before {
    font-size: 10px;
  }
}
.site-header .wrap .genesis-responsive-menu .genesis-nav-menu a:focus, .site-header .wrap .genesis-responsive-menu .genesis-nav-menu a:hover {
  color: #e6e6e6;
}
.site-header .wrap .genesis-responsive-menu .genesis-nav-menu a {
  padding: 24px 20px;
}
.site-header .wrap .genesis-responsive-menu .search {
  display: inline-block;
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: left;
  vertical-align: middle;
  margin: -4px 1.5rem 0;
}
@media only screen and (max-width: 860px) {
  .site-header .wrap .genesis-responsive-menu .search {
    display: block;
    margin: 0;
    padding: 0 0.9rem 0.9rem;
  }
}
.site-header .wrap .genesis-responsive-menu .search .search-form-input {
  padding: 0.35rem 0.875rem;
  font-size: 0.78rem;
}
@media only screen and (max-width: 1024px) {
  .site-header .wrap .genesis-responsive-menu .wrap {
    padding: 0px;
  }
  .site-header .wrap .genesis-responsive-menu .wrap .genesis-nav-menu {
    font-size: 0.702rem;
  }
  .site-header .wrap .genesis-responsive-menu .wrap .genesis-nav-menu a {
    background-color: transparent !important;
    /*padding: $spacer-sm !important;*/
  }
}
@media only screen and (max-width: 860px) {
  .site-header .wrap .genesis-responsive-menu .wrap {
    padding: 0px;
    border: none;
  }
  .site-header .wrap .genesis-responsive-menu .wrap .genesis-nav-menu {
    font-size: 0.624rem;
    background-color: transparent !important;
  }
  .site-header .wrap .genesis-responsive-menu .wrap .genesis-nav-menu a {
    background-color: transparent !important;
    padding: 0.875rem !important;
  }
  .site-header .wrap .genesis-responsive-menu .wrap .genesis-nav-menu .menu-item {
    text-align: center;
  }
}

.site-header.shrink {
  position: fixed;
  width: 100%;
  background: #307bbb;
  z-index: 5000;
}
@media only screen and (min-width: 860px) {
  .site-header.shrink .wrap {
    border: 0px;
    padding: 10px 0px;
    display: flex;
    align-items: center;
  }
  .site-header.shrink .genesis-responsive-menu {
    width: 80%;
    display: inline-block;
    float: right;
    text-align: right;
    margin-left: auto;
  }
  .site-header.shrink .genesis-responsive-menu .wrap {
    border: 0px;
    padding: 0px;
    text-align: right;
  }
  .site-header.shrink .genesis-responsive-menu .genesis-nav-menu a {
    padding: 2px 18px 12px;
    font-size: 11px;
  }
  .site-header.shrink .genesis-responsive-menu .search {
    margin: 0px;
  }
  .site-header.shrink .genesis-responsive-menu .search .search-form-input {
    padding: 0.25rem 0.875rem;
  }
  .site-header.shrink .title-area {
    margin-left: 0%;
    float: left;
    display: inline-block;
    width: 20%;
  }
}
@media only screen and (max-width: 860px) {
  .site-header.shrink .wrap {
    padding: 10px 0;
  }
}
@media only screen and (max-width: 480px) {
  .site-header.shrink .wrap {
    padding: 6px 0 4px;
  }
}

/*// STICKY NAV + SEARCH
  #mysticky-nav {
    .genesis-responsive-menu {
        clear: both;
        display: block;
      }
    }    
  #mysticky-nav.wrapfixed {        
    .site-header.myfixed {
      @media only screen and (max-width: $lg) { 
        .wrap {            
          border: 0px;
          padding: 6px 0px;
        }
      }

      @media only screen and (min-width: $lg) { 
        .wrap {            
          border: 0px;
          padding: 12px 0px;
        }
        .header-left {
          width: 15%;
          .search-form::before {
            right: 0px;
            top: 3px;
          }
           input[type="search"] {
            font-size: 11px;
            padding: 2px 18px;
           }

        }
        .genesis-responsive-menu {
          width: 70%;
          display: inline-block;
          .wrap {
            border: 0px;
            padding: 0px;
          }
          a {
            padding: 2px 18px 12px;
            font-size: 11px;
          }
        }
        .title-area {
          margin-left: 0%;
          float: left;
          display: inline-block;
          width: 15%;
        }
      }
       .header-right {
        float: left;
        text-align: left;
      }

      .header-left {
        float: right;
        @media only screen and (max-width: $sm) { 
          &:focus-within {
            width: 100%;
            padding: 0px 10px;
            position: absolute;
            z-index: 10000;
            left: 0px;
            right: 0px;
            .search-form {
                background-color: $primary-color;
              }
            .search-form::before {
              top: 8px;
              right: 5px;
            }
            input[type="search"] {
              padding-right: 20px;
            }
          }
        }

        .search-form::before {
          right: 0px;
          top: 18px;
          @media only screen and (max-width: $sm) { 
            top: 8px;
          }
        }
         input[type="search"] {
          text-align: right;
          @media only screen and (max-width: $sm) { 
            font-size: 0.75*$font-xs;
            padding: 10px 15px;                
          }
         }
        @media only screen and (max-width: $lg) { 
          display: block;
        }
      }
    }
  }
*/
.menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover {
  color: #e6e6e6;
}

/************************************************************
2.2 H1 - H6
************************************************************/
.featured-content .widget-title .more-posts-title, .widget-title {
  font-family: "sofia-pro", sans-serif;
  font-weight: 500;
  text-transform: none;
}

.section-header-link a {
  font-size: 1.17rem;
  padding-left: 1.125rem;
  color: #3386BF;
}
.section-header-link a:hover {
  color: #2e78ab;
}

/************************************************************
2.2 IMAGES
************************************************************/
/************************************************************
2.2 FORMS
************************************************************/
/************************************************************
2.2 PAGES
************************************************************/
.site-container {
  overflow: hidden;
}

.error404 .site-inner::before, .page .site-inner::before, .single .site-inner::before {
  content: none;
}

.error404 .site-inner, .page .site-inner, .single .site-inner {
  background-color: transparent;
  box-shadow: none;
}

.single .content .entry-content > p:first-of-type {
  font-size: 1.56rem;
  letter-spacing: -0.7px;
}

.page-template-default.sidebar-content .content-sidebar-wrap .content, .page-template-default.content-sidebar .content-sidebar-wrap .content {
  padding: 0px;
}
.page-template-default.full-width-content .content-sidebar-wrap {
  /*background-color: #f4f4f4;*/
  background-color: #ffffff;
  /*margin-left: calc(-1260px / 2 + 100% / 2) !important;
  margin-right: calc(-1260px / 2 + 100% / 2) !important;*/
  display: block;
  margin: 1.125rem auto 1.5em !important;
  max-width: 1260px !important;
  width: 100%;
  padding: 28px 30px 30px !important;
  border-radius: 5px;
  /*display: inline-block;*/
  box-shadow: none;
}
@media only screen and (max-width: 1360px) {
  .page-template-default.full-width-content .content-sidebar-wrap {
    /*margin-left: calc(-1200px / 2 + 100% / 2) !important;
    margin-right: calc(-1200px / 2 + 100% / 2) !important;*/
    display: block;
    margin: 0px auto 1.5em !important;
    max-width: 1200px !important;
  }
}
@media only screen and (max-width: 1260px) {
  .page-template-default.full-width-content .content-sidebar-wrap {
    /*margin-left: calc(-996px / 2 + 100% / 2) !important;
    margin-right: calc(-996px / 2 + 100% / 2) !important;*/
    margin: 0px auto 1.5em !important;
    padding: 16px 18px 18px !important;
    max-width: 996px !important;
  }
}
@media only screen and (max-width: 860px) {
  .page-template-default.full-width-content .content-sidebar-wrap {
    margin: 0px 0px 1.5em !important;
    width: 100% !important;
    padding: 0px !important;
  }
}

.qubely.sidebar-content .entry-content .alignfull {
  margin-left: calc(-1200px / 2 + 100% / 2);
  margin-right: calc(-1200px / 2 + 100% / 2);
  max-width: 1200px;
}
@media only screen and (max-width: 1360px) {
  .qubely.sidebar-content .entry-content .alignfull {
    /*margin-left: calc(-1200px / 2 + 100% / 2) !important;
    margin-right: calc(-1200px / 2 + 100% / 2) !important;*/
    display: block;
    margin: 0px auto 1.5em !important;
    max-width: 1200px !important;
  }
}
@media only screen and (max-width: 1260px) {
  .qubely.sidebar-content .entry-content .alignfull {
    /*margin-left: calc(-996px / 2 + 100% / 2) !important;
    margin-right: calc(-996px / 2 + 100% / 2) !important;*/
    margin: 0px auto 1.5em !important;
    max-width: 996px !important;
  }
}
@media only screen and (max-width: 860px) {
  .qubely.sidebar-content .entry-content .alignfull {
    margin: 0px 0px 1.5em !important;
    width: 100% !important;
  }
}

/************************************************************
2.2 BLOG
************************************************************/
/*.category {
  .site-inner {
    main {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
      grid-gap: 1em 2em;
      @media only screen and (max-width: $md) { 
        grid-template-columns: 1fr;
        grid-gap: 0;
      }
    }        
  }
}*/
.sidebar-content .content-sidebar-wrap, .content-sidebar .content-sidebar-wrap {
  /*background-color: #f4f4f4;*/
  background-color: #ffffff;
  margin-left: calc(-1260px / 2 + 100% / 2) !important;
  margin-right: calc(-1260px / 2 + 100% / 2) !important;
  max-width: 1260px !important;
  padding: 28px 30px 30px !important;
  border-radius: 5px;
  display: inline-block;
  width: 100%;
  /*@media only screen and (max-width: $lg) { 
    margin-left: calc(-860px / 2 + 100% / 2) !important;
    margin-right: calc(-860px / 2 + 100% / 2) !important;
    max-width: 860px !important;
  }*/
  /*@media only screen and (max-width: $md) { 
    margin: $spacer-sm -30px 1.5em !important;
    width: calc(100% + 60px) !important;
  }*/
}
@media only screen and (max-width: 1360px) {
  .sidebar-content .content-sidebar-wrap, .content-sidebar .content-sidebar-wrap {
    margin-left: calc(-1200px / 2 + 100% / 2) !important;
    margin-right: calc(-1200px / 2 + 100% / 2) !important;
    max-width: 1200px !important;
  }
}
@media only screen and (max-width: 1260px) {
  .sidebar-content .content-sidebar-wrap, .content-sidebar .content-sidebar-wrap {
    margin-left: calc(-996px / 2 + 100% / 2) !important;
    margin-right: calc(-996px / 2 + 100% / 2) !important;
    padding: 16px 18px 18px !important;
    max-width: 996px !important;
  }
}
@media only screen and (max-width: 860px) {
  .sidebar-content .content-sidebar-wrap, .content-sidebar .content-sidebar-wrap {
    margin: 1.125rem 0px 1.5em !important;
    width: 100% !important;
    padding: 12px 4% 0px !important;
  }
}
.sidebar-content .content-sidebar-wrap .content, .content-sidebar .content-sidebar-wrap .content {
  float: left;
  width: calc(70% - 30px);
  border-radius: 5px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 860px) {
  .sidebar-content .content-sidebar-wrap .content, .content-sidebar .content-sidebar-wrap .content {
    width: calc(70% - 30px);
  }
}
@media only screen and (max-width: 480px) {
  .sidebar-content .content-sidebar-wrap .content, .content-sidebar .content-sidebar-wrap .content {
    width: 100%;
  }
}
.sidebar-content .content-sidebar-wrap .sidebar-primary, .content-sidebar .content-sidebar-wrap .sidebar-primary {
  float: right;
  width: 30%;
  border-radius: 5px;
  /*background-color: #fff;
  box-shadow: 0 25px 40px 0 rgba(0, 0, 0, 0.05);
  padding: 30px;*/
}
.sidebar-content .content-sidebar-wrap .sidebar-primary h2, .sidebar-content .content-sidebar-wrap .sidebar-primary h3, .content-sidebar .content-sidebar-wrap .sidebar-primary h2, .content-sidebar .content-sidebar-wrap .sidebar-primary h3 {
  font-weight: 300;
  letter-spacing: unset;
  font-size: 1.6875rem;
  line-height: 1.3;
}
@media only screen and (max-width: 1360px) {
  .sidebar-content .content-sidebar-wrap .sidebar-primary h2, .sidebar-content .content-sidebar-wrap .sidebar-primary h3, .content-sidebar .content-sidebar-wrap .sidebar-primary h2, .content-sidebar .content-sidebar-wrap .sidebar-primary h3 {
    font-size: 1.5609375rem;
    margin-bottom: 0.984375rem;
  }
}
@media only screen and (max-width: 1024px) {
  .sidebar-content .content-sidebar-wrap .sidebar-primary h2, .sidebar-content .content-sidebar-wrap .sidebar-primary h3, .content-sidebar .content-sidebar-wrap .sidebar-primary h2, .content-sidebar .content-sidebar-wrap .sidebar-primary h3 {
    font-size: 1.434375rem;
    margin-bottom: 0.84375rem;
  }
}
@media only screen and (max-width: 860px) {
  .sidebar-content .content-sidebar-wrap .sidebar-primary h2, .sidebar-content .content-sidebar-wrap .sidebar-primary h3, .content-sidebar .content-sidebar-wrap .sidebar-primary h2, .content-sidebar .content-sidebar-wrap .sidebar-primary h3 {
    font-size: 1.265625rem;
    margin-bottom: 0.675rem;
  }
}
@media only screen and (max-width: 860px) {
  .sidebar-content .content-sidebar-wrap .sidebar-primary, .content-sidebar .content-sidebar-wrap .sidebar-primary {
    margin-top: 0px;
    width: 30%;
  }
}
@media only screen and (max-width: 480px) {
  .sidebar-content .content-sidebar-wrap .sidebar-primary, .content-sidebar .content-sidebar-wrap .sidebar-primary {
    width: 100%;
  }
}
.sidebar-content .content-sidebar-wrap .sidebar-primary .search-form-input, .content-sidebar .content-sidebar-wrap .sidebar-primary .search-form-input {
  padding: 0.5rem 1.125rem 0.6rem;
}
@media only screen and (max-width: 860px) {
  .sidebar-content .content-sidebar-wrap .sidebar-primary .search-form-input, .content-sidebar .content-sidebar-wrap .sidebar-primary .search-form-input {
    font-size: 1.17rem;
  }
}
.sidebar-content .content-sidebar-wrap .sidebar-primary .widget, .content-sidebar .content-sidebar-wrap .sidebar-primary .widget {
  background-color: transparent;
  box-shadow: none;
  padding: 30px 0px 30px 0px;
  margin: 0px;
  border-bottom: 1px solid #e6e6e6;
}
.sidebar-content .content-sidebar-wrap .sidebar-primary .widget:nth-child(2), .content-sidebar .content-sidebar-wrap .sidebar-primary .widget:nth-child(2) {
  padding-top: 0px;
}
.sidebar-content .content-sidebar-wrap .sidebar-primary .widget:last-child, .content-sidebar .content-sidebar-wrap .sidebar-primary .widget:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}

article {
  border-radius: 5px;
}
article .entry-image-link img {
  width: 100%;
  margin: 0px 0px 24px;
  /*border-radius: 10px 10px 0px 0px;*/
  border-radius: 5px;
}
article .entry-container {
  padding: 0px 0px 10px !important;
}

.parent-category {
  /*display: block;*/
  /*font-size: $h6;*/
  color: #e6e6e6;
  /*font-size: $font-md;*/
  font-weight: 400;
}

/*.entry-categories {
  font-size: $h3;
  line-height: $h4;
  a {
    color: $lightgray;
    font-weight: 400;
  }
}*/
.entry-header h2 {
  margin-bottom: 0px;
}
.entry-header p.entry-meta {
  text-transform: none;
  font-weight: 400;
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  font-size: 0.78rem;
  letter-spacing: 1px;
}
.entry-header p.entry-meta a {
  /*border-bottom: 1px solid $lightgray;*/
  color: #3386BF;
  font-weight: 700;
}
.entry-header p.entry-meta a:hover {
  text-decoration: none;
  /*border-bottom: 1px solid $action-primary-alt-active;*/
  color: #2e78ab;
}

.entry-content .more-link {
  margin-bottom: 0px !important;
}

.single.sidebar-content .content {
  /*padding: 30px;*/
  padding: 0px;
}
.single.sidebar-content .content .post-image {
  margin-bottom: 0.875rem;
}
.single.sidebar-content .post-image {
  border-radius: 5px;
}
.single p.entry-meta {
  font-size: 0.78rem;
}
.single p.entry-meta a {
  border-bottom: 1px solid #b3b3b3;
  font-weight: 400;
}
.single p.entry-meta a:hover {
  text-decoration: none;
  border-bottom: 1px solid #e6e6e6;
  color: #e6e6e6;
}

.single-post .header-hero, .genesis-title-hidden .header-hero {
  padding-bottom: 4vw !important;
}
.single-post .hero-page-title, .genesis-title-hidden .hero-page-title {
  display: none;
}
.single-post .entry-header, .genesis-title-hidden .entry-header {
  margin-bottom: 2rem;
}
.single-post figure, .genesis-title-hidden figure {
  width: 100% !important;
}
.single-post figure img, .genesis-title-hidden figure img {
  width: 100%;
}
.single-post figure figcaption, .genesis-title-hidden figure figcaption {
  text-align: left;
}

.author-box {
  border-radius: 5px;
}

.after-entry, .author-box {
  font-size: 18px;
  margin-bottom: 0px;
}

.entry {
  background-color: transparent;
  box-shadow: none;
}

.content-sidebar .content, .sidebar-content .content {
  background-color: transparent;
  box-shadow: none;
  padding: 0px;
}

.bctt-click-to-tweet {
  background-color: #307bbb;
}
.bctt-click-to-tweet a.bctt-ctt-btn {
  color: #ffffff !important;
}
.bctt-click-to-tweet a {
  font-family: "sofia-pro", sans-serif !important;
  color: #ffffff !important;
}
.bctt-click-to-tweet a:hover {
  color: #e6e6e6 !important;
}

/************************************************************
2.2 SEARCH
************************************************************/
.search.content-sidebar .content, .search.sidebar-content .content {
  background-color: transparent;
  box-shadow: none;
}

/************************************************************
2.2 FIELDS / INPUTS
************************************************************/
input, select, textarea {
  border-radius: 5px;
}

/************************************************************
2.2 SIDEBAR
************************************************************/
.sidebar {
  font-size: 0.975rem;
}

/************************************************************
2.3 FOOTER
************************************************************/


/************************************************************
3.0 Useful Group Components
************************************************************/
.page-template-research-landing .header-hero {
  padding-bottom: 10px!important;
}

.page-template-research-landing .site-inner {
  display: none;
}


.u-container {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 40px;
  box-sizing: border-box;
  width: 100%;
}

@media only screen and (max-width: 950px) {
  .u-container {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 600px) {
  .u-container {
    padding: 0 20px;
  }
}
/************************************************************
3.1 Centered CTA Hero
************************************************************/

.o-centered-cta-hero {
  position: relative;
  margin-bottom: 60px;
  box-sizing: border-box;
}

.o-centered-cta-hero__container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 2;
}

.o-centered-cta-hero__background-image {
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 350px;
}

.o-centered-cta-hero__background-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #28282B;
  opacity: .65;
  z-index: 2;
}

.o-centered-cta-hero__heading {
  opacity: 0;
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
}

.o-centered-cta-hero__footer {
  margin: 20px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o-centered-cta-hero

.o-centered-cta-hero__button + .o-centered-cta-hero__button {
  margin-left: 20px;
}

/* .o-centered-cta-hero__heading {
  color: #ffffff;
}
.o-centered-cta-hero__body {
  color: #ffffff; */
/* } */

@media only screen and (max-width: 950px) {
  .o-centered-cta-hero__background-image {
      background-size: contain;
      height: 250px;
    }
}

@media only screen and (max-width: 600px) {
  .o-centered-cta-hero__background-image {
      height: 150px;
    }
}

/************************************************************
3.2 Gallery Images Grid Text
/************************************************************/

.o-gallery-images-grid-text {
  margin-top: 100px;
  
}

.o-gallery-images-grid-text__container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.o-gallery-images-grid-text__left {
  width: calc(50% - 15px);
  margin-right: 30px;
  display: flex;
  flex-direction: column;
}

.o-gallery-images-grid-text__top-left-image {
  height: 188px;
}

.o-gallery-images-grid-text__right{
  display: flex;
  flex-direction: column;
  width: calc(50% - 15px);
}

.o-gallery-images-grid-text__top-right-images {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  height: 188px;
}

.o-gallery-images-grid-text__top-right-images img{
  width: calc(50% - 10px);
}

.o-gallery-images-grid-text__top-right-images img:last-of-type{
 margin-left: 20px;
}

.o-gallery-images-grid-text__image {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.o-gallery-images-grid-text__text {
  margin: 20px 0;
  border: 1px solid #a39f98;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.o-gallery-images-grid-text__right-text {
  margin-bottom: 0;
}

.o-gallery-images-grid-text__text--highlight {
  font-size: 100px;
  color: #ec6168;
  display: block;
  text-align: center;
}

@media only screen and (max-width: 950px) {
  .o-gallery-images-grid-text {
    margin-top: 60px;
  }

  .o-gallery-images-grid-text__container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .o-gallery-images-grid-text__left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    max-width: 600px;
  }

  .o-gallery-images-grid-text__right {
    width: 100%;
    max-width: 600px;
  }

  .o-gallery-images-grid-text__text--highlight {
    font-size: 60px;
    line-height: 70px;
  }
}

@media only screen and (max-width: 600px) {
  .o-gallery-images-grid-text__text--highlight {
    font-size: 40px;
    line-height: 50px;
  }

  .o-gallery-images-grid-text__top-right-images {
    flex-direction: column;
    height: unset;
  }

  .o-gallery-images-grid-text__top-right-images img {
    width: 100%;
    height: 100px;
  }
  .o-gallery-images-grid-text__top-right-images img:last-of-type{
    margin-top: 20px;
    margin-left: 0;
  }
}

/************************************************************
3.3 Aligned Text List Block
/************************************************************/

.o-aligned-text-list-block {
  margin: 100px 0;
}

.o-aligned-text-list-block__block {
  padding: 60px;
  box-sizing: border-box;
  display: flex;
  background-color: #3386BF;
  align-items: center;
}

.o-aligned-text-list-block__text-side {
  width: calc(50% - 15px);
  margin-right: 30px;
}

.o-aligned-text-list-block__text{
  color: #ffffff;
}


.o-aligned-text-list-block__highlight{
  font-size: 40px;
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}

.o-aligned-text-list-block__list{
  width: calc(50% - 15px);
}

.o-aligned-text-list-block__item {
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  list-style-type: none;
  padding-right: 20px;
  padding-left: 20px;
  box-sizing: border-box;
}

.o-aligned-text-list-block__item + .o-aligned-text-list-block__item {
  margin-top: 20px;
  border-top: 2px solid white;
  padding-top: 20px;
}

.o-aligned-text-list-block__item:first-of-type {
  border-top: 2px solid white;
  padding-top: 20px;
}

.o-aligned-text-list-block__item:last-of-type {
  border-bottom: 2px solid white;
  padding-bottom: 20px;
}


@media only screen and (max-width: 950px) {
  .o-aligned-text-list-block {
    margin: 60px 0;
  }

  .o-aligned-text-list-block__block {
    padding: 40px;
    flex-direction: column;
  }

  .o-aligned-text-list-block__text-side {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .o-aligned-text-list-block__list {
    width: 100%;
  }

  .o-aligned-text-list-block__item {
    padding: 10px 0;
  }
}

/************************************************************
3.1 Testimonial
************************************************************/

.o-testimonial {
  /* background: #3386BF; */
}

.o-testimonial__container {
  position: relative;
  display: flex;
}

.o-testimonial__left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: left;
  width: 50%;
  background: #3386BF;
  padding: 100px 40px;
  box-sizing: border-box;
}

.o-testimonial__body {
  text-align: center;
  color: #ffffff;
}

.o-testimonial .o-testimonial__button {
  background: #ffffff !important;
  color: #006A9C !important;
}

.o-testimonial__right{
  position: absolute;
  top: 0;
  right: 40px;
  width: calc(50% - 40px);
  height: 100%;
}

.o-testimonial__image {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  object-fit: cover;
  object-position: center;
}

@media only screen and (max-width: 950px) {
  .o-testimonial__container {
    flex-direction: column;
  }

  .o-testimonial__left {
    width: 100%;
    padding: 40px;
  }

  .o-testimonial__right {
    position: relative;
    right: auto;
    height: 250px;
    width: 100%;
  }

  .o-testimonial__image {
    width: 100%;
    height: 100%;
    left: 0;
  }
}

/************************************************************
3.2 Articles Grid
/************************************************************/

.o-articles-grid {
  margin: 100px 0;
}

.o-articles-grid__container {
  max-width: 1480px;
}

.o-articles-grid__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

.o-articles-grid__article {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* .o-articles-grid__article:hover .o-articles-grid__image {
  transform: scale(1.1);
} */

.o-articles-grid__link {
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.o-articles-grid__image-wrapper {
  overflow: hidden;
  min-height: 430px;
  width: 100%;
  position: relative;
}

.o-articles-grid__image {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
  transition: ease-in-out 0.2s;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.o-articles-grid__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-right: 1px solid #a39f98;
  border-bottom: 1px solid #a39f98;
  border-left: 1px solid #a39f98;
  padding: 30px;
  box-sizing: border-box;
  height: 100%;
}

.o-articles-grid__title {
  color: #006A9C;
  font-size: 20px;
  line-height: 24px;
}

.o-articles-grid__button {
    font-family: "sofia-pro", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background: linear-gradient(180deg, #3386BF 0%, #006A9C 100%) !important;
    color: #ffffff !important;
    letter-spacing: 0px;
    border-width: 0;
    border-radius: 5px !important;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    width: auto;
    border: 0px;
    padding: 10px 14px;
    margin-top: auto;
}

.o-articles-grid__button:hover {
    background: linear-gradient(180deg, #2e78ab 0%, #005983 100%) !important;
}

@media only screen and (max-width: 950px) {
  .o-articles-grid {
    margin: 60px 0;
  }

  .o-articles-grid__list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    max-width: 600px;
    margin: 0 auto;
  }

  .o-articles-grid__image-wrapper {
    min-height: 250px;
  }

  .o-articles-grid__content {
    padding: 20px;
  }
}


/************************************************************
3.2 Centered CTA Block
************************************************************/

.o-centered-cta-block {
  margin: 100px 0;
}

.o-centered-cta-block__container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.o-centered-cta-block__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.25) !important;
  padding: 60px;
  box-sizing: border-box;
}

.o-centered-cta-block__button {
  background: linear-gradient(180deg, #3386BF 0%, #006A9C 100%) !important
}


@media only screen and (max-width: 950px) {
  .o-centered-cta-block {
    margin: 60px 0;
  }
}

/************************************************************
3.2 Centered Form
************************************************************/

.o-centered-form {
  margin: 100px 0;
}

.o-centered-form__container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 960px;
}

.o-centered-form__heading {
  width: 100%;
  text-align: center;
}

.o-centered-form__form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 600px;
}

.o-centered-form .gform_wrapper,
.o-centered-form .gform_wrapper .gform_body {
  width: 100%;
}

.o-centered-form .gform_button.button{
  background: linear-gradient(180deg, #3386BF 0%, #006A9C 100%) !important;
  border-radius: 0!important;
}

@media only screen and (max-width: 950px) {
  .o-centered-form {
    margin: 60px 0;
  }
}


/************************************************************
3.2 Centered Form
************************************************************/

.o-aligned-text-image-statistic {
  margin-top: 30px;
  margin-bottom: 100px;
}

.o-aligned-text-image-statistic--flipped .o-aligned-text-image-statistic__container {
  flex-direction: row-reverse;
}

.o-aligned-text-image-statistic--flipped .o-aligned-text-image-statistic__text-side {
  margin-right: 0;
  margin-left: 30px;
}

.o-aligned-text-image-statistic__container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.o-aligned-text-image-statistic__text {
  display: flex;
  align-items: center;
  text-align: center;
  border: 1px solid #a39f98;
  padding: 40px;
  margin-top: 20px;
  height: 100%;
}

.o-aligned-text-image-statistic__text--highlight {
  font-size: 100px;
  display: block;
  color: #ec6168;
}

.o-aligned-text-image-statistic__text-side {
  width: calc(50% - 15px);
  margin-right: 30px;
  border: 1px solid #a39f98;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.o-aligned-text-image-statistic__image-side {
  display: flex;
  flex-direction: column;
  width: calc(50% - 15px);
}

.o-aligned-text-image-statistic__statistic {
  text-align: center;
}

.o-aligned-text-image-statistic__chart-wrapper {
  margin: 0 auto 30px;
}

.o-aligned-text-image-statistic__statistic--highlight{
  font-size: 70px;
  line-height: 70px;
  display: block;
  color: #ec6168;
  text-align: center;
  margin-bottom: 20px;
}

.o-aligned-text-image-statistic__statistic-container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-top: 30px;
}

.o-aligned-text-image-statistic__chart-wrapper {
  max-width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto 30px;
}


@media only screen and (max-width: 950px) {
  .o-aligned-text-image-statistic {
    margin-bottom: 60px;
  }

  .o-aligned-text-image-statistic--flipped .o-aligned-text-image-statistic__container {
    flex-direction: column-reverse;
  }

  .o-aligned-text-image-statistic--flipped .o-aligned-text-image-statistic__text-side {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .o-aligned-text-image-statistic__container {
   flex-direction: column;
  }

  .o-aligned-text-image-statistic__text-side {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .o-aligned-text-image-statistic__text-side,
  .o-aligned-text-image-statistic__image-side {
    width: 100%;
    max-width: 600px;
  }

  .o-aligned-text-image-statistic__statistic--highlight {
    font-size: 50px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 600px) {
  .o-aligned-text-image-statistic__statistic--highlight {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
  }

  .o-aligned-text-image-statistic__chart-wrapper {
    width: 200px!important;
  }
}

/************************************************************
3.2 Slide Carousel
************************************************************/

.o-slider-carousel {
  margin: 100px 0;
}

.o-slider-carousel__heading {
  text-align: center;
  margin: 0 auto 30px;
}

.o-slider-carousel__subheading {
  text-align: center;
  margin: 0 auto 60px;
}


@media only screen and (max-width: 950px) {
  .o-slider-carousel {
    margin: 60px 0;
  }

  .o-slider-carousel__subheading {
    margin-bottom: 30px;
  }
}

/************************************************************
3.2 File Downloads
************************************************************/

.o-file-downloads {
  margin: 100px 0;
}

.o-file-downloads__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 700px;
}

.o-file-downloads__heading {
  margin-bottom: 40px;
}

.o-file-downloads__list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.o-file-downloads__item {
  display: flex;
  align-items: center;
  border-top: 2px solid #a39f98;
  width: 100%;
  padding: 20px;
}

.o-file-downloads__item:last-of-type {
  border-bottom: 2px solid #a39f98;
}

.o-file-downloads__item svg:first-of-type {
  width: 30px;
  height: 100%;
  margin-right: 20px;
}

.o-file-downloads__item svg path {
  fill: #ec6168;
}

.o-file-downloads__kicker {
  text-transform: uppercase;
  font-weight: 700;
}

.o-file-downloads__title {
  font-size: 20px;
  line-height: 24px;
  color: #006A9C;
  margin-bottom: 0;
}

.o-file-downloads__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 100%;
  margin-left: auto;
  padding: 10px;
  box-sizing: border-box;
  background: linear-gradient(180deg, #3386BF 0%, #006A9C 100%) !important;
}

.o-file-downloads__link svg{
  margin: 0 auto!important;
}

.o-file-downloads__link svg path {
  fill: #ffffff;
}

@media only screen and (max-width: 950px) {
  .o-file-downloads {
    margin: 60px 0;
  }

  .o-file-downloads__item {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .o-file-downloads__item svg:first-of-type {
    margin: 0 auto 20px;
  }

  .o-file-downloads__title {
    font-size: 18px;
    line-height: 20px;
  }

  .o-file-downloads__link {
    margin-right: auto;
    margin-top: 20px;
  }
}

/************************************************************
3.2 Video Block
************************************************************/

.o-video-block {
    margin: 100px 0;
}

.o-video-block__list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

.o-video-block__item {
    flex: 1 100%;
    max-width: calc(50% - 15px);

    
}

.o-video-block__item iframe{
  width:  100%;
  height: 100%;
  max-height: 100% !important;
  aspect-ratio: 16 / 9;
}

.o-video-block__video{
    width: 100%;
    height: 100%;
    max-height: 100% !important;
    aspect-ratio: 16 / 9;
}

@media only screen and (max-width: 950px) {
    .o-video-block {
        margin: 60px 0;
    }
}

@media only screen and (max-width: 768px) {
    .o-video-block__item {
        max-width: 100%;
    }
}
    
