/*!
 * Working Solutions — CSS Bundle
 * Generated: 2026-09-04T15:33:16.964Z
 *
 * DO NOT EDIT THIS FILE DIRECTLY.
 * It is auto-generated by concatenating individual CSS files.
 *
 * To rebuild after editing a CSS file:
 *   cd to the theme directory, then run:
 *   npm run bundle
 *
 * To auto-rebuild on every CSS save:
 *   npm run bundle:watch
 *
 * To toggle between this bundle and the individual CSS files,
 * add one of the following to wp-config.php:
 *   define('WORKING_SOLUTIONS_USE_BUNDLED_CSS', true);   // use this bundle
 *   define('WORKING_SOLUTIONS_USE_BUNDLED_CSS', false);  // use individual files
 *
 * Source: build-css-bundle.js
 */

/* ---- style.css ---- */
/*
Theme Name: Working Solutions 2026
Theme URI: #
Author: Digitech Austin Team
Author URI: http://digitechwebdesignaustin.com
Description:
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: working-solutions-2026
*/

/* ---- css/style.css ---- */
@charset "UTF-8";
/*


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

working_solutions is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/



html {
  box-sizing: border-box; overflow-x: hidden; }

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




/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a.nice-select.open, a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/* SIZES
---------------------------------- */
/*--------------------------------------------------------------
# Nice-select
--------------------------------------------------------------*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-21px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #287EA9; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active, a.nice-select.open {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%; }

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0; }

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 1.5em;
  left: -999em;
  z-index: 99999; }

.main-navigation ul ul ul {
  left: -999em;
  top: 0; }

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%; }

.main-navigation ul ul a {
  width: 200px; }

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto; }

.main-navigation li {
  float: left;
  position: relative;
  text-decoration: none;
  list-style: none; }

.main-navigation a {
  display: block;
  text-decoration: none; }

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

.headerbox {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 21; }

.headerbox__button, #menu-work-at-home > li > a {
  display: none;
  float: left;
  text-transform: uppercase;
  border: 2px solid #32cd32;
  border-radius: 3px;
  padding: 3px 9px;
  color: #32cd32;
  transition: background-color 0.3s, color 0.3s; }
  @media (min-width: 1171px) {
    .headerbox__button, #menu-work-at-home > li > a {
      display: block; } }
  .headerbox__button:hover, #menu-work-at-home > li > a:hover {
    background-color: #32cd32;
    color: #fff; }

.headerbox .nav_bc {
  float: left;
  width: 100%;
  background: #fff; }

.headerbox .nav_bc .nav {
  float: left;
  width: 100%;
  padding: 0 2%; }

.headerbox .nav_bc .nav .logo {
  float: left;
  margin-top: 2.5rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

@media screen and (max-width: 73.125em) {
  .headerbox .nav_bc .nav .logo {
    margin-top: 1.5625rem; } }

@media screen and (max-width: 33.75em) {
  .headerbox .nav_bc .nav .logo {
    width: 50%; } }

.headerbox .global_search {
  float: left;
  margin-top: 2.5rem;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

@media screen and (max-width: 73.125em) {
  .headerbox .global_search {
    margin-top: 1.5625rem;
    margin-right: 2.5rem; } }

.headerbox.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200; }

.headerbox.fixed .nav_bc {
  box-shadow: 0px 0px 0px #ccc; }

.headerbox.fixed .nav_bc:after {
  content: '';
  background: url(../images/border-bottom-sticky.jpg) no-repeat center center/100%;
  height: 3px;
  float: left;
  width: 100%; }

.headerbox.fixed .nav_bc .logo {
  margin-top: 1.25rem; }

.headerbox.fixed .nav_bc span.global_search {
  margin-top: 1rem; }

.search-form.fixed .search-input {
  z-index: 222;
  height: 4rem; }

.search-input {
  background: #fff;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  height: 7.125rem;
  font-size: 2.5rem;
  position: fixed;
  top: -7.125rem;
  z-index: 22;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.search-input:last-child {
  margin-right: 0; }

@media screen and (max-width: 73.125em) {
  .search-input {
    height: 4.6875rem; } }

.search-input.active {
  top: 0rem; }

.search-input input {
  border: none;
  font-size: 2.5rem;
  height: 100%;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0 2%;
  font-family: 'lato-light'; }

.search-input input:last-child {
  margin-right: 0; }

.search-input .cross-icon {
  cursor: pointer;
  height: 1.375rem;
  position: absolute;
  right: 2%;
  top: 50%;
  margin-top: -0.6875rem;
  width: 1.375rem;
  font-size: 0; }

#menu-work-at-home {
  display: none;
  position: relative;
  margin-top: 18px;
  margin-left: 30px;
  float: left;
  z-index: 1; }
  @media (min-width: 1179px) {
    #menu-work-at-home {
      display: block; } }
  #menu-work-at-home > li:hover ul {
    visibility: visible;
    opacity: 1; }
  #menu-work-at-home > li > ul {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -2px;
    min-width: 100%;
    font-size: 1rem;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s; }
    #menu-work-at-home > li > ul li {
      border-top: 0.0625rem solid #2db92d; }
    #menu-work-at-home > li > ul a {
      display: block;
      padding: 5px 10px;
      color: #fff;
      background: #32cd32; }
      #menu-work-at-home > li > ul a:hover {
        background: #2db92d; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
  background-color: #222222;
  color: #fff;
  font-size: 14px; }
  .footer a {
    color: inherit; }

.footer__top,
.footer__bottom {
  padding: 0 calc(3% + 15px); }

.footer__top {
  padding-top: 90px;
  padding-bottom: 90px;
  overflow: hidden; }

@media (min-width: 1024px) {
  .footer__group {
    width: 700px;
    float: right; } }

.footer__brand {
  max-width: 16rem;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  border-right: 0.25rem solid #fff;
  overflow: hidden; }
  @media (min-width: 1024px) {
    .footer__brand {
      margin-top: 5px;
      float: left; } }

.footer__logo {
  display: block; }
  .footer__logo img {
    display: block; }

.footer__social {
  margin-top: 22px;
  float: right;
  overflow: hidden; }
  .footer__social li {
    width: 32px;
    margin-right: 10px;
    float: left; }
  .footer__social a,
  .footer__social img {
    display: block; }

.footer__text {
  max-width: 400px;
  margin: 40px auto 0;
  clear: both; }
  @media (min-width: 1024px) {
    .footer__text {
      margin: 0;
      clear: none;
      float: right; } }

.footer__bottom {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #5e5e5e;
  overflow: hidden; }

.footer__links {
  overflow: hidden; }
  @media (min-width: 1024px) {
    .footer__links {
      float: left; } }
  .footer__links li {
    margin-right: 24px;
    margin-bottom: 24px;
    float: left; }
    @media (min-width: 1024px) {
      .footer__links li {
        margin-bottom: 0; } }

@media (min-width: 1024px) {
  .footer__copyright {
    float: right; } }

/*--------------------------------------------------------------
# Responsive Menu
--------------------------------------------------------------*/
/* --------------------------------

NAV components

-------------------------------- */
.archive-section {
  width: 100%;
  margin: 0 auto; }

.nav-links {
  display: none !important; }

.posts-navigation {
  display: none !important; }

.cd-main-content {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform; }

.cd-main-content,
.cd-main-header,
.cd-nav-trigger {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s; }

.cd-main-content {
  background: #e2e3df;
  min-height: 100vh;
  z-index: 2;
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  display: none; }

.cd-header-buttons {
  position: absolute;
  display: inline-block;
  top: 3px;
  right: 5%; }

.cd-header-buttons li {
  display: inline-block; }

.nav-on-left .cd-header-buttons {
  right: auto;
  left: 5%; }

.nav-on-left .cd-header-buttons li {
  float: right; }

.cd-search-trigger,
.cd-nav-trigger {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3; }

.fixed .cd-nav-trigger {
  margin-top: 0.75rem; }

.cd-nav-trigger {
  margin-top: 32px;
  float: left;
  top: 0;
  position: fixed;
  right: 0.8125rem;
  z-index: 21;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.cd-nav-trigger {
  margin-top: 1.0625rem; }

.cd-nav-trigger.fixed {
  margin-top: 11px;
  z-index: 200; }

.cd-nav-trigger span,
.cd-nav-trigger span::before,
.cd-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #2e3233; }

.cd-nav-trigger span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s; }

.cd-nav-trigger span::before,
.cd-nav-trigger span::after {
  /* other 2 lines */
  content: '';
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s; }

.cd-nav-trigger span::before {
  /* menu icon top line */
  top: -6px; }

.cd-nav-trigger span::after {
  /* menu icon bottom line */
  top: 6px; }

.cd-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(255, 255, 255, 0); }

.cd-nav-trigger.nav-is-visible span::before,
.cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: white; }

.cd-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg); }

.cd-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg); }

.cd-primary-nav,
.cd-primary-nav ul {
  position: fixed;
  top: 75px;
  right: 0;
  height: 100%;
  width: 260px;
  background: #2e3233;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s; }
  @media (min-width: 1171px) {
    .cd-primary-nav,
    .cd-primary-nav ul {
      top: 114px; } }

.cd-primary-nav {
  transform: translate3d(100%, 0, 0);
  transition: transform 0.3s !important;
  visibility: visible !important; }
  .cd-primary-nav.nav-is-visible {
    transform: translate3d(0, 0, 0); }

.cd-primary-nav ul {
  top: 0 !important;
  margin: 0; }

.cd-primary-nav a,
.cd-primary-nav ul a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #3a3f40;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s; }

.cd-primary-nav.is-hidden,
.cd-primary-nav ul.is-hidden {
  /* secondary navigations hidden by default */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.cd-primary-nav.moves-out > li > a,
.cd-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0; }

.nav-on-left .cd-primary-nav,
.nav-on-left .cd-primary-nav ul {
  right: auto;
  left: 0; }

.cd-primary-nav {
  z-index: 20;
  text-transform: uppercase; }

.cd-primary-nav .see-all a {
  /* different style for the See all button on mobile and tablet */
  color: #69aa6f; }

.cd-primary-nav .cd-nav-gallery .cd-nav-item,
.cd-primary-nav .cd-nav-icons .cd-nav-item {
  /* items with picture (or icon) and title */
  height: 80px;
  line-height: 80px; }

.cd-primary-nav .cd-nav-gallery .cd-nav-item h3,
.cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
  overflow: hidden;
  text-overflow: ellipsis; }

.cd-primary-nav .cd-nav-gallery .cd-nav-item {
  padding-left: 90px; }

.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px; }

.cd-primary-nav .cd-nav-icons .cd-nav-item {
  padding-left: 75px; }

.cd-primary-nav .cd-nav-icons .cd-nav-item p {
  color: #2e3233;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none; }

.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
  /* item icon */
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px; }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
  background-image: url("../img/line-icon-1.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
  background-image: url("../img/line-icon-2.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
  background-image: url("../img/line-icon-3.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
  background-image: url("../img/line-icon-4.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
  background-image: url("../img/line-icon-5.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
  background-image: url("../img/line-icon-6.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
  background-image: url("../img/line-icon-7.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
  background-image: url("../img/line-icon-8.svg"); }

.cd-primary-nav {
  /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
  visibility: hidden;
  -webkit-transition: visibility 0s 0.3s;
  -moz-transition: visibility 0s 0.3s;
  transition: visibility 0s 0.3s; }

.cd-primary-nav.nav-is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s; }

.cd-secondary-nav {
  margin-top: 50px; }

.cd-primary-nav .has-children > a,
.go-back a {
  position: relative; }

.cd-primary-nav .has-children > a::before,
.cd-primary-nav .has-children > a::after,
.go-back a::before,
.go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #464c4e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.cd-primary-nav .has-children > a::before,
.go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.cd-primary-nav .has-children > a::after,
.go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.cd-primary-nav .has-children > a {
  padding-right: 40px; }

.cd-primary-nav .has-children > a::before,
.cd-primary-nav .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%; }

.cd-primary-nav .go-back a {
  padding-left: 40px; }

.cd-primary-nav .go-back a::before,
.cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%; }

.cd-search {
  position: absolute;
  height: 50px;
  width: 100%;
  top: 50px;
  left: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s; }

.cd-search form {
  height: 100%;
  width: 100%; }

.cd-search input {
  border-radius: 0;
  border: none;
  background: #ffffff;
  height: 100%;
  width: 100%;
  padding: 0 5%;
  box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

.cd-search input::-webkit-input-placeholder {
  color: #c9cbc4; }

.cd-search input::-moz-placeholder {
  color: #c9cbc4; }

.cd-search input:-moz-placeholder {
  color: #c9cbc4; }

.cd-search input:-ms-input-placeholder {
  color: #c9cbc4; }

.cd-search input:focus {
  outline: none; }

.cd-search.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s; }

.nav-is-fixed .cd-search {
  position: fixed; }

.cd-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  z-index: 11;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(28, 54, 101, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; }

.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; }

.cd-overlay.is-visible.search-is-visible,
.nav-on-left .cd-overlay.is-visible.search-is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }




.fixed-contact {
  position: fixed;
  right: -46px;
  top: 50%;
  background: -webkit-linear-gradient(to bottom, #30D827, #34A3D4) !important;
  background: -moz-linear-gradient(to bottom, #30D827, #34A3D4) !important;
  background: -o-linear-gradient(to bottom, #30D827, #34A3D4) !important;
  background: linear-gradient(to bottom, #30D827, #34A3D4) !important; 
  /*background-color: #34a3d4;*/ 
  color: #fff !important;
  text-transform: none;
  padding: 0.5rem 1.25rem 2rem;
  border-radius: 10px 10px 0 0;
  transform: rotate(-90deg);
  overflow: hidden;
  z-index: 3;
  transition: .3s ease all;
  /*margin-top: -33px;*/
  margin-top: -250px;
  font-size: 1.375rem;
  font-weight: 900;
  font-family: 'Source Sans Pro', sans-serif;
}
.fixed-contact:hover {
  right: -34px;
}
@media (max-width: 768px) {
  .fixed-contact {
    margin-top: -100px;
  }
}
@media screen and (max-height: 1000px) {
  .fixed-contact {
    margin-top: -100px;
  }
}
@media screen and (max-height: 680px) {
  .fixed-contact {
    margin-top: 0;
  }
}
  /*.fixed-contact::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #005597;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    z-index: -1;
    content: ''; }
  .fixed-contact:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1); }*/

.slick-dots li {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

/* ========================================================================== embed css ========================================================================== */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; 
  margin-bottom: 50px;
}

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

/* ========================================================================== resources ========================================================================== */
.res_doc {
  font-size: 18px !important;
  text-transform: initial !important;
  margin-bottom: 12px !important;
  margin-top: -25px !important;
  letter-spacing: 0px !important;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.res_title {
  text-transform: uppercase !important;
  font-size: 20px !important;
  margin-top: -16px !important;
  margin-bottom: 20px !important;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.list-content {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }


.gsection_title {
  display: none; }



/*--------------------------------------------------------------
# IE Fixes
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@font-face {
  font-family: "proximanovabold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-bold-webfont.woff2") format("woff2"), url("../fonts/proximanova-bold-webfont.woff") format("woff"), url("../fonts/proximanova-bold-webfont.ttf") format("truetype"), url("../fonts/proximanova-bold-webfont.svg#proximanovabold") format("svg"); }

@font-face {
  font-family: "proximanovalight";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-light-webfont.woff2") format("woff2"), url("../fonts/proximanova-light-webfont.woff") format("woff"), url("../fonts/proximanova-light-webfont.ttf") format("truetype"), url("../fonts/proximanova-light-webfont.svg#proximanovalight") format("svg"); }

@font-face {
  font-family: "proximanovaregular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-regular-webfont.woff2") format("woff2"), url("../fonts/proximanova-regular-webfont.woff") format("woff"), url("../fonts/proximanova-regular-webfont.ttf") format("truetype"), url("../fonts/proximanova-regular-webfont.svg#proximanovaregular") format("svg"); }

@font-face {
  font-family: "proximanovasemibold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/proximanova-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proximanova-semibold-webfont.woff2") format("woff2"), url("../fonts/proximanova-semibold-webfont.woff") format("woff"), url("../fonts/proximanova-semibold-webfont.ttf") format("truetype"), url("../fonts/proximanova-semibold-webfont.svg#proximanovasemibold") format("svg"); }

@font-face {
  font-family: "lato-bold";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-bold-webfont.woff2") format("woff2"), url("../fonts/lato-bold-webfont.woff") format("woff"), url("../fonts/lato-bold-webfont.ttf") format("truetype"), url("../fonts/lato-bold-webfont.svg#lato-bold") format("svg"); }

@font-face {
  font-family: "lato-light";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-light-webfont.woff2") format("woff2"), url("../fonts/lato-light-webfont.woff") format("woff"), url("../fonts/lato-light-webfont.ttf") format("truetype"), url("../fonts/lato-light-webfont.svg#lato-light") format("svg"); }

@font-face {
  font-family: "lato-regular";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular-webfont.woff2") format("woff2"), url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.ttf") format("truetype"), url("../fonts/lato-regular-webfont.svg#lato-regular") format("svg"); }

@font-face {
  font-family: "lato-italic";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/lato-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-italic-webfont.woff2") format("woff2"), url("../fonts/lato-italic-webfont.woff") format("woff"), url("../fonts/lato-italic-webfont.ttf") format("truetype"), url("../fonts/lato-italic-webfont.svg#lato-italic") format("svg"); }

body,
button,
input,
select,
textarea {
  color: #000;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin: 0;
  font-weight: 400;
  font-family: 'Source Sans Pro', sans-serif; }

h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 2.75rem;
  text-transform: none;
  color: #000;
  letter-spacing: 0px;
  margin-bottom: 30px;
  line-height: 55px;
}

@media screen and (max-width: 68.75em) {
  h2 {
    font-size: 1.875rem;
    line-height: 38px; } }

h2.head-big {
  font-size: 2.8125rem;
  line-height: 3.5rem;
  /* letter-spacing: 0.1875rem;*/ }
h2.text-white {
  color: #fff;
}
@media screen and (max-width: 68.75em) {
  h2.head-big {
    font-size: 1.5625rem; } }

h2.head-blog {
  font-size: 2rem;
  line-height: 2.875rem;
  color: #34A3D4 !important;
  margin-top: 10px;
  margin-bottom: 15px;
  /* letter-spacing: 0.1875rem;*/ }

h2.head-blog::after {
  content: "____";
  border-bottom: 2px solid #34A3D4;
  max-width: 25%;
  margin-top: -1.5625em;
  color: transparent;
  border-top: .5em solid transparent;
  display: block; }

@media screen and (max-width: 68.75em) {
  h2.head-blog {
    font-size: 1.875rem;
    line-height: 2.5rem; } }

@media screen and (max-width: 480px) {
  .white-why-us-descript {
    color: #fff !important; } }

@media screen and (max-width: 480px) {
  .why-us-descript {
    color: #fff !important; } }

h2.head-medium {
  font-size: 2.5rem;
  /* letter-spacing: 0.1875rem;*/ }

@media screen and (max-width: 68.75em) {
  h2.head-medium {
    font-size: 1.875rem; } }

h3 {
  font-size: 1.5rem;
  /*  letter-spacing: .125rem; */ }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.125rem; }

p {
  position: relative;
  margin: 0;
  padding: 0.625rem 0;
  font-size: 1.125rem;
  line-height: 1.667;
  letter-spacing: 0.0125rem; }

dfn,
cite,
em,
i {
  font-family: font-family: 'Source Sans Pro', sans-serif;
  font-style: italic; 
}

blockquote {
  margin: 30px 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark,
ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

a:not(.btn, .button-new, .btn-cta, .post__cta__button, .newsroom-v3__blocks__item, .resources-v2__reset, .cta__button) {
  /*outline: none !important;*/
  color: #21AD12;
  font-weight: bold;
  text-decoration: none }

li {
  list-style: none; }

* {
  margin: 0;
  padding: 0;
  outline: none; }

img {
  border: 0;
  max-width: 100%; }

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

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.125rem;
  color: #000; }

blockquote,
q {
  quotes: "" ""; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ""; }

.head_banner img {
  float: left;
  width: 100%; }

.blog_head_banner img {
  float: left;
  width: 100%; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul,
ol {
  margin: 0; }

ul {
  list-style: none; }

ol {
  list-style: none; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 0;
  list-style: none; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

.clearfix {
  clear: both; }

.wrapper {
  width: 57.25rem;
  margin: 0 auto; }

@media screen and (max-width: 1000px) {
  .wrapper {
    width: 94%; } }

.wrapper-full {
  width: 100%;
  margin: 0 auto;
  padding: 0 3%; }

.wrapper_padding {
  width: 100%;
  margin: 0 auto;
  padding: 0 5%; }

table {
  margin: 0 0 1.5em;
  width: 100%; }

.glitch {
  background: #32cd32;
  width: 2.75rem;
  height: 0.125rem;
  margin-top: 0.625rem; }

.container {
  padding: 4.0625rem 0rem; }

/*--------------------------------------------------------------
# Blog Elements
--------------------------------------------------------------*/
/*
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}


mark {
    background: #ff0;
    color: #000;
}


sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

legend {
    border: 0;
    padding: 0;
}


optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}*/
.line {
  color: rgba(255, 255, 255, 0.7);
  display: table;
  font-family: "Open Sans Condensed", Helvetica, sans-serif;
  font-weight: 200;
  letter-spacing: 2px;
  margin-bottom: 1em;
  text-transform: uppercase;
  white-space: nowrap; }

.line:before,
.line:after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)) no-repeat center/85% 1px;
  content: '';
  display: table-cell;
  width: 50%; }

.line.line-dark {
  color: #222;
  font-weight: 900; }

.line.line-dark:before,
.line.line-dark:after {
  background: linear-gradient(to bottom, rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0.7)) no-repeat center/85% 1px; }

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  color: #fff;
  text-decoration: none; }

.navigation li {
  display: inline; }

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
  background-color: #34A3D4;
  border-radius: 3px;
  cursor: pointer;
  padding: 12px;
  padding: 0.75rem; }

.navigation li a:hover,
.navigation li.active a {
  background-color: #003366; }

/*pre {
    background: #e6e6e6;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #555555;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}


*/
.amp {
  font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
  font-style: italic;
  font-weight: normal; }

.prelude {
  color: #4CAAB9;
  display: block;
  font-weight: normal;
  margin: 0 0 10px;
  text-transform: uppercase; }

.breaker {
  font-family: "Open Sans Condensed", Helvetica, sans-serif;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 1em;
  padding: 1em 0;
  text-align: center; }

.breaker.breaker-grey {
  border-color: #859596; }

.single-post .entry-content p:first-child {
  line-height: 1.2; }

/**,
*:before,
*:after {
    box-sizing: inherit;
}*/
.pagination-page-arch a:hover,
.pagination-page-arch a:active,
.pagination-page-arch a.nice-select.open,
.pagination-page-arch a:visited,
.pagination-page-arch a:focus {
  color: #32cd32 !important; }

blockquote {
  background: #f9f9f9;
  border-left: 7px solid #34A3D4;
  margin: auto 70px;
  padding: 1em 30px;
  quotes: "“" "”" "‘" "’"; }

blockquote p {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 2.5rem;
  margin: 25px 25px;
  font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
  font-weight: 900; }

@media only screen and (max-width: 800px) {
  blockquote {
    margin: 2em;
    padding: 1em 16px; }
  blockquote p {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.5rem;
    margin-left: 10px; } }

@media only screen and (max-width: 480px) {
  blockquote {
    margin: 1em;
    padding: 1em 16px; }
  blockquote p {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.5rem;
    margin-left: 10px; } }

/*
ul,
ol {
    margin: 0 0 1.5em .5em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: .5em;
}*/
.progress,
.pagination,
.breadcrumbs,
.author-profile ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.progress li,
.pagination li,
.breadcrumbs li,
.author-profile ul li {
  display: inline-block; }

.list-bordered,
.list-alternate,
.list-checkmark {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5em; }

.list-unstyled li,
.list-bordered li,
.list-alternate li,
.list-checkmark li {
  margin: 5px;
  padding: 5px; }

.list-bordered li p,
.list-alternate li p,
.list-checkmark li p {
  margin: 0; }

.list-bordered {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.list-bordered li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1em; }

.list-alternate {
  text-align: center; }

.list-alternate li {
  margin: 0;
  padding: 1em; }

.list-alternate li:nth-child(even) {
  background: #f2f2f2; }

.list-alternate li:nth-child(odd) {
  background: #e6e6e6; }

.list-checkmark li:before {
  font: normal normal normal 16px/1 FontAwesome;
  content: "\f00c";
  margin-right: .5em; }

.progress {
  overflow: hidden;
  width: 100%;
  position: absolute;
  bottom: 1em;
  left: 0;
  right: 0;
  margin: 0 auto; }

.progress li {
  margin: 0 .5em 0 1em;
  background: rgba(0, 0, 0, 0.2);
  padding: .7em 1em .7em 2em;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  position: relative; }

.progress li:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) transparent;
  left: -1em; }

.progress li:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid rgba(0, 0, 0, 0.2);
  right: -1em; }

.progress li.current {
  font-weight: bold;
  background: rgba(0, 0, 0, 0.5); }

.progress li.current:before {
  border-color: rgba(0, 0, 0, 0.5); }

.progress li.current:after {
  border-left: 1em solid rgba(0, 0, 0, 0.5); }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

/*img {
    height: auto;
    max-width: 100%;
}*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border: 1px solid #e6e6e6;
  margin: 0 0 1.5em;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

table caption {
  padding: 1em 0;
  text-align: center; }

table td,
table th {
  border-left: 1px solid #e6e6e6;
  border-width: 0 0 0 1px;
  font-size: inherit;
  margin: 0;
  overflow: visible;
  padding: 1em; }

table td:first-child,
table th:first-child {
  border-left-width: 0; }

table thead {
  background-color: #e6e6e6;
  text-align: left;
  vertical-align: bottom; }

table.striped td {
  background-color: transparent; }

table.striped tr:nth-child(2n-1) td {
  background-color: #f7f7f7; }

table.bordered td {
  border-bottom: 1px solid #e6e6e6; }

table.bordered tbody > tr:last-child > td {
  border-bottom-width: 0; }

table.bordered-horizontal td,
table.bordered-horizontal th {
  border-width: 0 0 1px 0;
  border-bottom: 1px solid #e6e6e6; }

table.bordered-horizontal tbody > tr:last-child > td {
  border-bottom-width: 0; }

@media only screen and (max-width: 767px) {
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block; }
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  tr {
    border: 1px solid #f0f0f0; }
  td {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
    padding-left: 50%; }
  .comparison-chart table td:before {
    font-style: italic;
    margin-right: 1em; }
  .comparison-chart table td:nth-of-type(2):before {
    content: "Sell Media:"; }
  .comparison-chart table td:nth-of-type(3):before {
    content: "Smug Mug:"; }
  .comparison-chart table td:nth-of-type(4):before {
    content: "Photoshelter:"; }
  .comparison-chart table td:nth-of-type(5):before {
    content: "ShootProof:"; }
  .comparison-chart table td:nth-of-type(6):before {
    content: "Zenfolio:"; }
  .comparison-chart table td:nth-of-type(7):before {
    content: "WooCommerce Photography:"; } }

.box,
.mini-box {
  position: relative;
  padding: 1em 0;
  text-align: left; }

.box h2 {
  font-size: 100%; }

h2.archival {
  margin-bottom: 1.875em; }

.box p,
.mini-box p {
  margin: 0; }

.box-lighten {
  background: rgba(255, 255, 255, 0.1); }

.box-darken {
  background: rgba(0, 0, 0, 0.1); }

.box-slate {
  background: #34A3D4;
  color: #fff; }

.box-slate p {
  color: #fff;
  font-size: 1.875rem !important; }

.box-slate a {
  color: #e6e6e6; }

.box-slate a:hover,
.box-slate a:active,
.box-slate a.nice-select.open,
.box-slate a:visited,
.box-slate a:focus {
  color: #cccccc;
  outline: 0; }

.box-orange {
  background: #ff6900;
  color: #fff; }

.box-orange p {
  color: #fff;
  font-size: 1.875rem !important; }

.box-orange a {
  color: #fff; }

.box-orange a:hover,
.box-orange a:active,
.box-orange a.nice-select.open,
.box-orange a:visited,
.box-orange a:focus {
  color: #cccccc;
  outline: 0; }

.box-dark,
.box-newsletter {
  background: #222;
  color: #fff; }

.box-dark p,
.box-newsletter p {
  color: rgba(255, 255, 255, 0.5); }

.box-notice {
  background: #fff9c0;
  color: #48545c;
  padding: 1px 20px 20px 20px; 
  margin-bottom: 40px;}

body.single {
  background-color: #F2F3F4; }

#blog_container_style {
  background-color: #fff;
  margin: 25px 150px 25px 150px;
  padding: 110px 130px 110px 130px; }

@media screen and (max-width: 1240px) {
  #blog_container_style {
    margin: 20px 90px 20px 90px;
    padding: 70px 70px 70px 70px; } }

@media only screen and (max-width: 800px) {
  #blog_container_style {
    margin: 15px 50px 15px 50px;
    padding: 25px 50px 25px 50px; } }

@media only screen and (max-width: 480px) {
  #blog_container_style {
    margin: 0px;
    padding: 15px 15px 15px 15px; } }

#blog_container_style h3 {
  margin-top: 40px;
  font-size: 1.625rem;
  text-transform: uppercase;
  line-height: 2.375rem; }

.recent-post-bc .post_news_bc .post_news > ul, div.mesnery .post_news_bc .post_news > ul {
  padding: 0 3%; }

.recent-post-bc .post_news_bc .post_news > ul li, div.mesnery .post_news_bc .post_news > ul li {
  display: table-cell;
  padding: 0 15px;
  width: 22%; }

div.mesnery .post_news_bc .post_news > ul li .news_image img {
  width: 100%;
  display: block;
  min-height: 16.75rem; }

.recent-post-bc .post_news_bc .post_news > ul li .news_image img {
  width: 100%;
  display: block;
  min-height: 16.75rem; }

@media screen and (max-width: 1700px) {
  div.mesnery .post_news_bc .post_news > ul li .news_image img {
    width: 100%;
    display: block;
    min-height: 10.75rem; }
  .recent-post-bc .post_news_bc .post_news > ul li .news_image img {
    width: 100%;
    display: block;
    min-height: 10.75rem; } }

.recent-post-bc .post_news_bc .post_news > ul li .news_desc, div.mesnery .post_news_bc .post_news > ul li .news_desc {
  background: #fff;
  padding: 1.25rem;
  min-height: 16.75rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.news_desc h4 {
  font-family: 'Source Sans Pro', sans-serif; }

.recent-post-bc .post_news_bc .post_news > ul li .news_desc h4,
div.mesnery .post_news_bc .post_news > ul li .news_desc h4 {
  color: #34A3D4;
  font-size: 1.25rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

@media screen and (max-width: 720px) {
  .recent-post-bc .post_news_bc .post_news > ul li .news_desc h4,
  div.mesnery .post_news_bc .post_news > ul li .news_desc h4 {
    color: #34A3D4;
    font-size: 1.125rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; } }

.recent-post-bc .post_news_bc .post_news > ul li .news_desc h4 a, div.mesnery .post_news_bc .post_news > ul li .news_desc h4 a {
  color: #21AD12; font-weight: 400; font-size: 1.125rem; line-height: 1; }

.recent-post-bc .post_news_bc .post_news > ul li .news_desc h4 a:hover, div.mesnery .post_news_bc .post_news > ul li .news_desc h4 a:hover {
  color: #32cd32; }

.recent-post-bc .post_news_bc .post_news > ul li .news_desc .date_news, div.mesnery .post_news_bc .post_news > ul li .news_desc .date_news {
  color: #b0babf;
  font-size: .8125rem;
  min-height: 238px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.recent-post-bc .post_news_bc .post_news > ul li .news_desc .date_news:before, div.mesnery .post_news_bc .post_news > ul li .news_desc .date_news:before {
  content: '';
  background: url("../images/watch_clock.png") no-repeat;
  height: 1rem;
  width: 1rem;
  padding-left: 1.5625rem;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: .125rem; }

.recent-post-bc .post_news_bc .post_news > ul li .news_desc .descr_news p, div.mesnery .post_news_bc .post_news > ul li .news_desc .descr_news p {
  color: #3f3f3f;
  font-size: 1rem;
  line-height: 1.55rem;
  /*letter-spacing: .0625rem;*/
  margin-bottom: 2.5em;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.recent-post-bc .post_news_bc .post_news > ul li .test_arrow_bc,
div.mesnery .post_news_bc .post_news > ul li .test_arrow_bc {
  float: left;
  width: 100%;
  text-align: center;
  transition: all 0.3s ease 0s;
  margin-top: -1.75rem; }

.recent-post-bc .post_news_bc .post_news > ul li .test_arrow_bc .test_arrow,
div.mesnery .post_news_bc .post_news > ul li .test_arrow_bc .test_arrow {
  -webkit-transition: all, 0.3s, ease, 0s;
  -moz-transition: all, 0.3s, ease, 0s;
  transition: all, 0.3s, ease, 0s;
  display: inline-block;
  overflow: hidden; }

.recent-post-bc .post_news_bc .post_news.corporate-news > ul li, div.mesnery .post_news_bc .post_news.corporate-news > ul li {
  padding: 0 2.5rem; }

.recent-post-bc .post_news_bc .post_news .post_news, div.mesnery .post_news_bc .post_news .post_news {
  text-align: center; }

.blog-ind .head_banner,
.resources-ind .head_banner {
  position: relative;
  font-size: 0;
  text-align: center;
  background-color: #234074;
  padding: 5rem 1.25rem;
  min-height: auto;
  z-index: 1; }

.blog-ind .blog_head_banner,
.resources-ind .blog_head_banner {
  position: relative;
  font-size: 0;
  text-align: center;
  background-color: #234074;
  padding: 5rem 1.25rem; }

.blog-ind .head_banner:after,
.resources-ind .head_banner:after,
.blog-ind .head_banner:before,
.resources-ind .head_banner:before {
  background: url(../images/banner-con.png) no-repeat center center;
  width: 100%;
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.blog-ind .head_banner:after,
.resources-ind .head_banner:after {
  background: url(../images/banner-arrow.png) no-repeat left center;
  position: absolute;
  right: 0;
  left: auto;
  width: 65%;
  background-size: cover;
  opacity: 0.6; }

.blog-ind .head_banner:before,
.resources-ind .head_banner:before {
  background: url(../images/banner-con.png) no-repeat center center; }

.blog-ind .head_banner img,
.resources-ind .head_banner img {
  float: none; }

.blog-ind .head_banner h2,
.resources-ind .head_banner h2 {
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-family: 'Source Sans Pro', sans-serif;
  font-style: italic;
  color: #f7f7f7;
  position: relative;
  text-transform: capitalize;
  z-index: 20; }

@media screen and (max-width: 68.75em) {
  .blog-ind .head_banner h2,
  .resources-ind .head_banner h2 {
    font-size: 1.25rem; } }

.blog-ind .head_banner h3, .blog-ind .head_banner h1 {
  font-size: 2.5rem;
  text-transform: uppercase;
  color: #f7f7f7;
  position: relative;
  padding: 15px;
  z-index: 20; }

.resources-ind .head_banner h1, .resources-ind .head_banner h3 {
  font-size: 4.0625rem;
  text-transform: uppercase;
  color: #f7f7f7;
  position: relative;
  z-index: 20; }

@media screen and (max-width: 68.75em) {
  .resources-ind .head_banner h1, .blog-ind .head_banner h3,
  .resources-ind .head_banner h3 {
    font-size: 1.875rem; } }

.resources-ind .head_banner h1:before, .blog-ind .head_banner h3:before,
.resources-ind .head_banner h3:before {
  content: ' ';
  display: block;
  margin: 0 auto;
  background: #80e559;
  width: 2.9375rem;
  height: .1875rem; }

.blog-ind .bottom_box,
.features_leader {
  float: left;
  width: 100%;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%; }

.blog-ind .bottom_box:last-child,
.features_leader:last-child {
  margin-right: 0; }

.blog-ind .bottom_box ul li.tag,
.features_leader ul li.tag {
  float: left;
  width: 33.33%;
  padding: 9.375rem 3.75rem 1.25rem 2.5rem;
  background: #ff6900;
  position: relative;
  height: 494px;
  overflow: hidden; }

@media screen and (max-width: 60em) {
  .blog-ind .bottom_box ul li.tag,
  .features_leader ul li.tag {
    width: 100%;
    height: auto !important; } }

.blog-ind .bottom_box ul li.tag ul li,
.features_leader ul li.tag ul li {
  margin-left: 23px;
  margin-top: 19px;
  list-style: initial; }

.blog-ind .bottom_box ul li.tag ul li a,
.features_leader ul li.tag ul li a {
  text-decoration: underline; }

.blog-ind .bottom_box ul li.tag ul li p,
.features_leader ul li.tag ul li p {
  font-family: 'Source Sans Pro', sans-serif;
  font-style: italic;
  padding: 0; }

.blog-ind .bottom_box ul li.tag .content_feat h3,
.features_leader ul li.tag .content_feat h3 {
  color: #fff; }

.blog-ind .bottom_box ul li.tag .content_feat .cntnt-feat p,
.features_leader ul li.tag .content_feat .cntnt-feat p {
  color: #fff; }

.blog-ind .bottom_box ul li.tag:after,
.features_leader ul li.tag:after {
  background: url("../images/Individual-Leader-one.png") no-repeat;
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 49%; }

.blog-ind .bottom_box ul li.tag.two-feature,
.features_leader ul li.tag.two-feature {
  background: #1c3665; }

.blog-ind .bottom_box ul li.tag.two-feature:after,
.features_leader ul li.tag.two-feature:after {
  background: url("../images/Individual-Leader2.png") no-repeat;
  bottom: 0;
  left: 10%;
  top: 61%; }

.blog-ind .bottom_box ul li.tag.three-feature,
.features_leader ul li.tag.three-feature {
  background: #fc3; }

.blog-ind .bottom_box ul li.tag.three-feature:after,
.features_leader ul li.tag.three-feature:after {
  background: url("../images/Individual-Leader3.png") no-repeat;
  right: 0; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: .75rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }

button:active, button.nice-select.open,
button.nice-select.open,
button:focus,
input[type="button"]:active,
input[type="button"].nice-select.open,
input[type="button"].nice-select.open,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"].nice-select.open,
input[type="reset"].nice-select.open,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"].nice-select.open,
input[type="submit"].nice-select.open,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }




.btn_arrow {
  font-size: 16px;
  text-align: center;
  display: inline-table;
  vertical-align: bottom;
  height: 2.5rem;
  min-width: 2.5rem;
  border-radius: 1000px;
  background: linear-gradient(to top, #34A3D4, #30D827);
  position: relative;
  transition: all 0.3s ease 0s; }

.btn_arrow:after {
  background: url("../images/right_arrow_test.png") no-repeat center center;
  content: '';
  height: 100%;
  width: 1.5625rem;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  position: absolute;
  right: 5.5px; 
  background-size: 40%;
}

.btn_arrow span {
  text-transform: uppercase;
  letter-spacing: 0.015625rem;
  vertical-align: middle;
  height: 100%;
  transition-property: top, opacity;
  transition-duration: 0.2s;
  transition-delay: 0.2s;
  position: absolute;
  width: 169px;
  bottom: -56px;
  left: 0;
  opacity: 0.2; }

.btn_arrow:hover {
  min-width: 9.5rem; }

.btn_arrow:hover span {
  padding-right: 20px;
  top: 8px;
  opacity: 1;
  color: #fff; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111; }

select {
  border: 1px solid #ccc; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
  padding: 3px; }

textarea {
  padding-left: 3px;
  width: 100%; }

input,
select,
textarea {
  text-shadow: none;
  outline: none; }

.gform_wrapper {
  display: block !important; }

/*--------------------------------------------------------------
# archive
--------------------------------------------------------------*/
.archive .page-header {
  position: relative;
  background-image: url("../images/search.jpg");
  min-height: 28.125rem;
  float: left;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 100px; }

@media screen and (max-width: 73.125em) {
  .archive .page-header {
    min-height: 25rem;
    background-position: center 60px; } }

@media screen and (max-width: 60em) {
  .archive .page-header {
    min-height: 21.875rem; } }

@media screen and (max-width: 46.25em) {
  .archive .page-header {
    min-height: 17.5rem; } }

.archive .page-header .overlay {
  background: #1c3665;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8; }

.archive .page-header .container {
  padding-right: 3%;
  padding-bottom: 1%;
  padding-left: 3%;
  position: absolute;
  bottom: 0; }

.archive .page-header .container-rightalign {
  float: right;
  margin-right: 2.35765%; }

.archive .page-header h1 {
  color: #ffffff;
  text-transform: uppercase; }

.archive .page-header h1 span {
  color: #32cd32; }

.archive .content-area {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 3%; }

.archive .content-area:last-child {
  margin-right: 0; }

.archive .content-area article {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 28%;
  background: #f2f3f4;
  padding: 1% 2% 1% 2%;
  color: #707070;
  text-align: left;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.archive .content-area article:last-child {
  margin-right: 0; }

@media screen and (max-width: 73.125em) {
  .archive .content-area article {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
  .archive .content-area article:last-child {
    margin-right: 0; } }

@media screen and (max-width: 52.5em) {
  .archive .content-area article {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
  .archive .content-area article:last-child {
    margin-right: 0; } }

.archive .content-area article:nth-child(3n+3) {
  margin-right: 0; }

@media screen and (max-width: 73.125em) {
  .archive .content-area article:nth-child(3n+3) {
    margin-right: 2.35765%; } }

.archive .content-area article:nth-child(3n+4) {
  clear: left; }

@media screen and (max-width: 73.125em) {
  .archive .content-area article:nth-child(3n+4) {
    clear: none; } }

@media screen and (max-width: 73.125em) {
  .archive .content-area article:nth-child(2n+2) {
    margin-right: 0; } }

@media screen and (max-width: 73.125em) {
  .archive .content-area article:nth-child(2n+3) {
    clear: left; } }

@media screen and (max-width: 52.5em) {
  .archive .content-area article:nth-child(1n+1) {
    margin-right: 0; } }

@media screen and (max-width: 52.5em) {
  .archive .content-area article:nth-child(1n+2) {
    clear: left; } }

.archive .content-area article:hover {
  background: #34A3D4;
  color: #fff;
  box-shadow: 1px 5px 28px rgba(37, 37, 37, 0.3); }

.archive .content-area article:hover h2 {
  color: #ffffff; }

.archive .content-area article:hover a.readmore {
  color: #32cd32; }

.archive .content-area article:hover ul li a {
  color: #ffffff; }

.archive .content-area article span.posted-on {
  padding-left: 20px; }

.archive .content-area article h2 {
  font-weight: bold;
  color: #1c3665;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.archive .content-area article h2 span {
  color: #32cd32; }

.archive .content-area article ul {
  margin-right: 0; }

.archive .content-area article ul li {
  display: inline;
  font-weight: 600;
  font-size: 17px;
  font-family: 'Source Sans Pro', sans-serif;
  font-style: italic;
  padding-right: 3px; }

.archive .content-area article ul li a {
  margin-right: 0;
  color: #898989;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.archive .content-area article p {
  transition: all 0s ease 0s; }

.archive .content-area article a.readmore {
  color: #b0babf;
  float: right;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.25rem; }

.archive .archivenotfound {
  text-align: center; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/
.search .page-header {
  position: relative;
  background-image: url("../images/search.jpg");
  min-height: 28.125rem;
  float: left;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 100px; }

@media screen and (max-width: 73.125em) {
  .search .page-header {
    min-height: 25rem;
    background-position: center 60px; } }

@media screen and (max-width: 60em) {
  .search .page-header {
    min-height: 21.875rem; } }

@media screen and (max-width: 46.25em) {
  .search .page-header {
    min-height: 17.5rem; } }

.search .page-header .overlay {
  background: #1c3665;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.8; }

.search .page-header .container {
  padding-right: 3%;
  padding-bottom: 1%;
  padding-left: 3%;
  position: absolute;
  bottom: 0; }

.search .page-header .container-rightalign {
  padding-right: 3%;
  padding-bottom: 1%;
  padding-left: 3%;
  position: absolute;
  bottom: 0; }

.search .page-header h1 {
  color: #ffffff;
  text-transform: uppercase; }

.search .page-header h1 span {
  color: #32cd32; }

.search .content-area {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 3%; }

.search .content-area:last-child {
  margin-right: 0; }

.search .content-area article {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 31.76157%;
  background: #f2f3f4;
  padding: 3% 3% 1% 3%;
  color: #707070;
  text-align: left;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.search .content-area article:last-child {
  margin-right: 0; }

@media screen and (max-width: 73.125em) {
  .search .content-area article {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
  .search .content-area article:last-child {
    margin-right: 0; } }

@media screen and (max-width: 52.5em) {
  .search .content-area article {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
  .search .content-area article:last-child {
    margin-right: 0; } }

.search .content-area article:nth-child(3n+3) {
  margin-right: 0; }

@media screen and (max-width: 73.125em) {
  .search .content-area article:nth-child(3n+3) {
    margin-right: 2.35765%; } }

.search .content-area article:nth-child(3n+4) {
  clear: left; }

@media screen and (max-width: 73.125em) {
  .search .content-area article:nth-child(3n+4) {
    clear: none; } }

@media screen and (max-width: 73.125em) {
  .search .content-area article:nth-child(2n+2) {
    margin-right: 0; } }

@media screen and (max-width: 73.125em) {
  .search .content-area article:nth-child(2n+3) {
    clear: left; } }

@media screen and (max-width: 52.5em) {
  .search .content-area article:nth-child(1n+1) {
    margin-right: 0; } }

@media screen and (max-width: 52.5em) {
  .search .content-area article:nth-child(1n+2) {
    clear: left; } }

.search .content-area article:hover {
  background: #34A3D4;
  color: #fff;
  box-shadow: 1px 5px 28px rgba(37, 37, 37, 0.3); }

.search .content-area article:hover h2 {
  color: #ffffff; }

.search .content-area article:hover a.readmore {
  color: #32cd32; }

.search .content-area article:hover ul li a {
  color: #ffffff; }

.search .content-area article span.posted-on {
  padding-left: 20px; }

.search .content-area article h2 {
  font-weight: bold;
  color: #1c3665;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.search .content-area article h2 span {
  color: #32cd32; }

.search .content-area article ul {
  margin-right: 0; }

.search .content-area article ul li {
  display: inline;
  font-weight: 600;
  font-size: 17px;
  font-family: 'Source Sans Pro', sans-serif;
  font-style: italic;
  padding-right: 3px; }

.search .content-area article ul li a {
  margin-right: 0;
  color: #898989;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.search .content-area article p {
  transition: all 0s ease 0s; }

.search .content-area article a.readmore {
  color: #b0babf;
  float: right;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.25rem; }

.search .searchnotfound {
  text-align: center; }

/*--------------------------------------------------------------
# All pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/
.page404 {
  background-image: url("../images/404.jpg");
  position: relative;
  width: 100%;
  overflow: hidden; }

.page404 .overlap {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  z-index: 0; }

.page404 .overlap:after {
  background: url("../images/circle-bg.png") no-repeat center 80%;
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.page404.bluedark .overlap {
  background: #1c3665; }

.page404 .wrapper {
  width: 40%;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 4.875rem 0 10.5625rem 0; }

.page404 .wrapper i.icon {
  border: 1px solid #667892;
  border-radius: 100%;
  display: inline-block;
  padding: 1.1875rem; }

.page404 .wrapper i.icon div {
  border: 1px solid #b0babf;
  padding: 1.5rem 2.75rem;
  display: inline-flex;
  border-radius: 100%; }

.page404 .wrapper h2 {
  font-size: 2.5rem;
  margin-top: 3.875rem;
  margin-bottom: .75rem; }

.page404 .wrapper .glitch {
  margin: 0 auto; }

.page404 .wrapper p {
  font-size: 1.5rem;
  padding-top: 1.375rem;
  line-height: 2.3125rem;
  padding-bottom: 3.8125rem; }

.page404 .wrapper a {
  font-size: 1.125rem;
  padding: .875rem 1.75rem;
  margin-right: 1.5625rem; }

.page404 .wrapper a i {
  font-size: 1.5rem;
  margin-right: .5625rem; }

.page404 .wrapper a:nth-child(2) {
  margin-right: 0rem; }


.recent-post-bc {
  background: #f1f1f1;
  display: inline-block;
  padding-bottom: 60px;
  width: 100%; }

.recent-post-bc .post_news_bc .corporate-news ul li {
  padding: 0 !important; }

@media screen and (max-width: 52.5em) {
  .recent-post-bc .post_news_bc .corporate-news ul li {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 2rem; }
  .recent-post-bc .post_news_bc .corporate-news ul li:last-child {
    margin-right: 0; } }

@media screen and (min-width: 52.5625em) {
  .recent-post-bc .post_news_bc .corporate-news ul li {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-bottom: 0; }
  .recent-post-bc .post_news_bc .corporate-news ul li:last-child {
    margin-right: 0; } }

.corporate-half.white div.left_desc_busines:after {
  background: #fff; }

.corporate-half.white div.left_desc_busines h2 {
  }

.corporate-half.white div.left_desc_busines p {
  }

.corporate-half.white div.left_desc_busines .glitch {
  background: #32cd32; }

.corporate-half.white:after {
  background: #fff; }

.corporate-half.white .right_start_image.mobile_only {
  display: none; }

@media screen and (max-width: 68.75em) {
  .corporate-half.white .right_start_image.mobile_only {
    display: block; } }

@media screen and (max-width: 68.75em) {
  .corporate-half.white .right_start_image.hide_mobile {
    display: none; } }

.corporate-half.white .right_start_image:after {
  border-left: 3.5625rem solid #fff; }

@media screen and (max-width: 68.75em) {
  .corporate-half.white .right_start_image:after {
    bottom: -29px;
    top: auto;
    left: 47%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); } }

.corporate-half.lightgrey div.left_desc_busines:after {
  background: #f9f9fa; }





.corporate-half.lightgrey div.left_desc_busines .glitch {
  background: #21AD12; }

.corporate-half.lightgrey:after {
  background: #fff; }

.corporate-half.lightgrey .right_start_image:after {
  border-left: 3.5625rem solid #f9f9fa; }

@media screen and (max-width: 52.5em) {
  .corporate-half.lightgrey .right_start_image:after {
    bottom: -29px;
    top: auto;
    left: 47%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); } }

.corporate-half.blue div.left_desc_busines:after {
  background: #1c3665; }

.corporate-half.blue div.left_desc_busines h2 {
  color: #fff; }

.corporate-half.blue div.left_desc_busines p {
  color: #fff; }

.corporate-half.blue div.left_desc_busines .glitch {
  background: #32cd32; }

.corporate-half.blue:after {
  background: #fff; }

.corporate-half.blue div.right_start_image:after {
  border-right: 3.5625rem solid #1c3665; }

@media screen and (max-width: 68.75em) {
  .corporate-half.blue div.right_start_image:after {
    bottom: -29px;
    top: auto;
    left: 47%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); } }


div.mesnery {
  padding-top: 2.5rem;
  background: #f1f1f1;
  clear: both;
  float: left;
  width: 100%; }

div.mesnery .post_news_bc .post_news {
  text-align: center; }

div.mesnery .post_news_bc .post_news ul {
  text-align: left; }

div.mesnery .post_news_bc .post_news ul li {
  margin: 0.75% 1% 0.75% 0;
  transition: none; }

div.mesnery .post_news_bc .post_news ul li:nth-child(n+25) {
  display: none; }

div.mesnery .post_news_bc .post_news ul li.display-this {
  display: block; }

@media screen and (max-width: 68.75em) {
  div.mesnery .post_news_bc .post_news ul li {
    width: 45%; } }

@media screen and (max-width: 47.5em) {
  div.mesnery .post_news_bc .post_news ul li {
    width: 94%; } }

div.mesnery .post_news_bc .post_news ul li:hover .news_desc {
  background-color: #1c3665;
  color: #fff; }

div.mesnery .post_news_bc .post_news ul li:hover .news_desc h4 a {
  color: #84e658; }

div.mesnery .post_news_bc .post_news ul li:hover .news_desc .date_news:before {
  background: url("../images/svg/time_orange.svg") no-repeat; }

div.mesnery .post_news_bc .post_news ul li:hover .news_desc .descr_news p,
div.mesnery .post_news_bc .post_news ul li:hover .news_desc .date_news {
  color: #fff; }

div.mesnery .post_news_bc .post_news ul li:nth-child(4n+4) {
  margin-right: 0; }

div.mesnery .post_news_bc .post_news .loadmore {
  color: #fff; }

.blog-ind .head_banner h2 a {
  color: #fc3; }

.blog-ind .head_banner h2 a:hover {
  color: #15a1f6; }

.blog-ind .head_banner h3:before {
  background: #15a1f6; }

.blog-ind .head_banner .date {
  color: #fff;
  z-index: 10;
  position: relative; }

.blog-ind .head_banner .date i {
  background: url(../images/svg/time_orange.svg) no-repeat;
  display: inline-flex;
  padding: 17px 26px 5px 12px; }

.blog-ind .container {
  max-width: 87.5rem;
  margin: 0 auto;
  clear: both;
  width: auto; }
.page-template-default .blog-ind .container {
  max-width: 56rem;
}
.blog-ind .article-box {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  vertical-align: top;
  padding-right: 2.0625rem;
  padding-bottom: 2.0625rem;
  padding-left: 2.0625rem;
  line-height: 1.5625rem; }

.blog-ind .article-box:last-child {
  margin-right: 0; }

.blog-ind .article-box ol {
  margin-left: 22px; }

.blog-ind .article-box ol li {
  list-style-type: decimal;
  margin-bottom: .9375rem;
  margin-top: .9375rem; }

.blog-ind .article-box ul {
  margin-left: 22px; }

.blog-ind .article-box ul li {
  list-style-type: disc;
  margin-bottom: .9375rem;
  margin-top: .9375rem; }

.blog-ind .article-box.img {
  padding-right: 2.0625rem;
  padding-bottom: 2.0625rem;
  padding-left: 0;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%; }

.blog-ind .article-box.img:last-child {
  margin-right: 0; }

.blog-ind .author-section .author-left-wrapper {
  width: 50%;
  float: left;
  background: #DFE2E2;
  padding: 2.0625rem 2.0625rem 2.0625rem 0; }

@media screen and (max-width: 52.5em) {
  .blog-ind .author-section .author-left-wrapper {
    width: 100%; } }

.blog-ind .author-section .author-left-wrapper .avtar {
  width: 43.75rem;
  float: right; }

@media screen and (max-width: 100.0625em) {
  .blog-ind .author-section .author-left-wrapper .avtar {
    width: 94%; } }

@media screen and (max-width: 52.5em) {
  .blog-ind .author-section .author-left-wrapper .avtar {
    text-align: center;
    width: 100%; } }

.blog-ind .author-section .author-left-wrapper .avtar img {
  width: 110px;
  border-radius: 92px;
  float: left;
  margin-right: 37px; }

@media screen and (max-width: 52.5em) {
  .blog-ind .author-section .author-left-wrapper .avtar img {
    float: none;
    margin-right: 0; } }

.blog-ind .author-section .author-left-wrapper .avtar p {
  color: #ff6900;
  text-transform: uppercase;
  font-size: 16px;
  font-family: 'Source Sans Pro', sans-serif;
  font-style: italic;
  line-height: 22px;
  margin: 0;
  padding: 0;
  font-weight: 800; }

@media screen and (max-width: 52.5em) {
  .blog-ind .author-section .author-left-wrapper .avtar p {
    float: left;
    width: 100%; } }

.blog-ind .author-section .author-left-wrapper .avtar .name {
  color: #1c3665;
  font-style: inherit;
  font-size: 23px;
  font-weight: 800;
  margin: 8px 0 10px 0; }

.blog-ind .author-section .author-left-wrapper .avtar .name:after {
  content: ' ';
  display: flex;
  background: #e8ebed;
  width: 2.9375rem;
  height: .1875rem;
  margin-top: .8125rem; }

@media screen and (max-width: 52.5em) {
  .blog-ind .author-section .author-left-wrapper .avtar .name:after {
    display: inherit;
    margin: 10px auto 0; } }

.blog-ind .author-section .author-left-wrapper .avtar .date {
  color: #34A3D4;
  font-style: initial; }

.blog-ind .author-section .author-left-wrapper .avtar .date i {
  background: url(../images/svg/time_orange.svg) no-repeat; }

.blog-ind .author-section .author-right-wrapper {
  width: 50%;
  float: left;
  background: #e8ebed;
  padding: 2.0625rem 2.0625rem 1.625rem; }

@media screen and (max-width: 52.5em) {
  .blog-ind .author-section .author-right-wrapper {
    width: 100%; } }

.blog-ind .author-section .author-right-wrapper .share ul li {
  display: inline;
  margin-right: 2rem; }

@media screen and (max-width: 52.5em) {
  .blog-ind .author-section .author-right-wrapper .share ul li {
    margin-right: 1rem; } }

.blog-ind .author-section .author-right-wrapper .share ul li svg {
  height: 42px;
  width: 42px; }

.blog-ind .author-section .author-right-wrapper h3 {
  color: #1c3665;
  font-style: inherit;
  font-size: 23px;
  font-weight: 800;
  margin: 8px 0 19px 0; }

.blog-ind .author-section .author-right-wrapper h3:after {
  content: ' ';
  display: flex;
  background: #fc6921;
  width: 2.9375rem;
  height: .1875rem;
  margin-top: .3125rem;
  margin-bottom: 1.0625rem; }

.blog-ind .bottom_box ul li {
  float: left;
  width: 100%; }

.blog-ind .bottom_box ul li.tag {
  padding: 4.8125rem 0rem 1.25rem 0rem;
  color: #fff;
  height: 32.375rem; }

.blog-ind .bottom_box ul li.tag .glitch {
  margin: 0 3.75rem .625rem 2.5rem; }

.blog-ind .bottom_box ul li.tag h3 {
  font-size: 1.875rem;
  font-weight: bold;
  margin: 0 3.75rem .625rem 2.5rem; }

.blog-ind .bottom_box ul li.tag h3 a {
  color: #fff;
  text-decoration: none !important; }

.blog-ind .bottom_box ul li.tag ul li {
  margin: 0;
  list-style: inherit;
  clear: both;
  float: left;
  width: 100%;
  box-sizing: border-box;
  font-size: .8125rem;
  padding: .625rem 12% .9375rem 2.375rem;
  position: relative; }

.blog-ind .bottom_box ul li.tag ul li img {
  float: left;
  width: 13%;
  border-radius: 100%;
  margin-top: .625rem;
  margin-right: 5%; }

.blog-ind .bottom_box ul li.tag ul li div {
  width: 79%;
  float: left; }

.blog-ind .bottom_box ul li.tag ul li div h3 {
  margin: 0 0 .625rem;
  font-size: 18px;
  line-height: 24px; }

.blog-ind .bottom_box ul li.tag ul li div span {
  padding-left: 25px;
  padding-right: 26px;
  color: #000;
  text-transform: uppercase; }

@media screen and (max-width: 52.5em) {
  .blog-ind .bottom_box ul li.tag ul li div span {
    width: 100%;
    float: left;
    margin-bottom: .625rem;
    margin-top: .3125rem; } }

/*.blog-ind .bottom_box ul li.tag ul li div .date {
    background: url(../images/svg/time.svg) no-repeat
}

.blog-ind .bottom_box ul li.tag ul li div .author {
    background: url(../images/svg/head.svg) no-repeat
}*/
.blog-ind .bottom_box ul li.tag ul li .button {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  z-index: 10; }

.blog-ind .bottom_box ul li.tag ul li .button i {
  width: 15%;
  color: #ffffff;
  font-size: 2.1875rem;
  font-weight: 100;
  text-align: center;
  margin-top: 1.25rem;
  float: right; }

.blog-ind .bottom_box ul li.tag ul li:hover {
  background: #fff; }

.blog-ind .bottom_box ul li.tag ul li:hover h3 {
  color: #34A3D4; }

.blog-ind .bottom_box ul li.tag ul li:hover h3 a {
  color: #34A3D4; }

.blog-ind .bottom_box ul li.tag ul li:hover h3 div {
  color: #34A3D4; }

/*.blog-ind .bottom_box ul li.tag ul li:hover .date {
    background: url(../images/svg/time_green.svg) no-repeat
}

.blog-ind .bottom_box ul li.tag ul li:hover .author {
    background: url(../images/svg/head_green.svg) no-repeat
}*/
.blog-ind .bottom_box ul li.tag ul li:hover .button i {
  color: #fc6921; }

.blog-ind .bottom_box ul li.tag:after {
  background: url(../images/svg/calendar.svg) no-repeat;
  width: 14.3125rem;
  opacity: 0.3;
  right: 0;
  z-index: 10;
  left: auto; }

.blog-ind .bottom_box ul li.tag.two-feature:after {
  background: url(../images/svg/tag.svg) no-repeat;
  opacity: 0.3;
  top: 0;
  left: auto; }

.meta-info:hover {
  color: #003366; }

.meta-info:hover a {
  color: #003366; }

.blog-ind .bottom_box ul li.tag.two-feature ul li div span {
  color: #84e658; }

/*.blog-ind .bottom_box ul li.tag.two-feature ul li div .date {
    background: url(../images/svg/time_green.svg) no-repeat;
}

.blog-ind .bottom_box ul li.tag.two-feature ul li div .author {
    background: url(../images/svg/head_green.svg) no-repeat
}*/
.blog-ind .bottom_box ul li.tag.two-feature ul li .button i {
  color: #fc6921; }

.blog-ind .bottom_box ul li.tag.two-feature ul li:hover {
  background: #fff; }

.blog-ind .bottom_box ul li.tag.two-feature ul li:hover h3 {
  color: #1c3665; }

.blog-ind .bottom_box ul li.tag.two-feature ul li:hover h3 a {
  color: #1c3665; }

.blog-ind .bottom_box ul li.tag.two-feature ul li:hover div {
  color: #1c3665; }

/*.blog-ind .bottom_box ul li.tag.two-feature ul li:hover .date {
    background: url(../images/svg/time_blue.svg) no-repeat
}

.blog-ind .bottom_box ul li.tag.two-feature ul li:hover .author {
    background: url(../images/svg/head_blue.svg) no-repeat
}*/
.blog-ind .bottom_box ul li.tag.two-feature ul li:hover .button i {
  color: #1c3665; }

.blog-ind .bottom_box ul li.tag.three-feature {
  color: #1c3665; }

.blog-ind .bottom_box ul li.tag.three-feature:after {
  background: url(../images/svg/Newspaper.svg) no-repeat; }

.blog-ind .bottom_box ul li.tag.three-feature ul li div h3 a {
  color: #1c3665; }

.blog-ind .bottom_box ul li.tag.three-feature ul li div span {
  color: #34A3D4; }

/*.blog-ind .bottom_box ul li.tag.three-feature ul li div .date {
    background: url(../images/svg/time_blue.svg) no-repeat
}

.blog-ind .bottom_box ul li.tag.three-feature ul li div .author {
    background: url(../images/svg/head_blue.svg) no-repeat
}*/
.blog-ind .bottom_box ul li.tag.three-feature ul li .button i {
  color: #fc6921; }

.blog-ind .bottom_box ul li.tag.three-feature ul li:hover {
  background: #fff; }

.blog-ind .bottom_box ul li.tag.three-feature ul li:hover h3 {
  color: #1c3665; }

.blog-ind .bottom_box ul li.tag.three-feature ul li:hover div {
  color: #1c3665; }

/*.blog-ind .bottom_box ul li.tag.three-feature ul li:hover .date {
    background: url(../images/svg/time_blue.svg) no-repeat
}

.blog-ind .bottom_box ul li.tag.three-feature ul li:hover .author {
    background: url(../images/svg/head_blue.svg) no-repeat
}*/
.blog-ind .bottom_box ul li.tag.three-feature ul li:hover .button i {
  color: #fc3; }

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }

.widget select {
  max-width: 100%; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.single-format-video .attachment-single-post-thumbnail {
  display: none !important; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# slick
--------------------------------------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  content: "";
  display: table; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }
.accessible-slick .slick-track {
  display: flex;
}
.accessible-slick .slick-slide {
  min-height: 1px;
  display: none;
  height: auto;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; 
}

[dir="rtl"] .slick-slide {
  float: right; }
.slick-slide > div {
  min-height: 100%;
  display: flex;
}
.accessible-slick .slick-autoplay-toggle-button {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    /* clip-path: inset(50%); /* Use clip-path for modern browsers if needed */
    white-space: nowrap;
    border: 0;
}
.block .slick-slide img {
  display: inline-block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

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

.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

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

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px\9;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: .75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px; }

.slick-prev:before {
  content: "←"; }

[dir="rtl"] .slick-prev:before {
  content: "→"; }

.slick-next {
  right: -25px; }

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto; }

.slick-next:before {
  content: "→"; }

[dir="rtl"] .slick-next:before {
  content: "←"; }

.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  left: 0;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75; }

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

embed,
iframe,
object {
  max-width: 100%; }

.wp-caption {
  max-width: 100%; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption .wp-caption-text {
  margin: 0; }

.wp-caption-text {
  text-align: right;
  padding-right: 8px;
  font-size: 80%; }

.blog_head_banner {
  margin-top: 7.125rem;
  position: relative;
  width: 100%;
  float: left;
  overflow: hidden;
  min-height: 328px;
  background-position: center;
  background-size: cover; 
  z-index: 2; }

@media screen and (max-width: 73.125em) {
  .blog_head_banner {
    margin-top: 4.6875rem; } }

.blog-ind .blog_head_banner,
.resources-ind .blog_head_banner {
  position: relative;
  font-size: 0;
  text-align: center;
  background-color: #234074;
  padding: 5rem 1.25rem; }

.blog-ind .blog_head_banner:after,
.resources-ind .blog_head_banner:after,
.blog-ind .blog_head_banner:before,
.resources-ind .blog_head_banner:before {
  background: url(../images/banner-con.png) no-repeat center center;
  width: 100%;
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.blog-ind .blog_head_banner:after,
.resources-ind .blog_head_banner:after {
  background: url(../images/banner-arrow.png) no-repeat left center;
  position: absolute;
  right: 0;
  left: auto;
  width: 65%;
  background-size: cover;
  opacity: 0.6; }

.blog-ind .blog_head_banner:before,
.resources-ind .blog_head_banner:before {
  background: url(../images/banner-con.png) no-repeat center center; }

.blog-ind .blog_head_banner img,
.resources-ind .blog_head_banner img {
  float: none; }

.blog-ind .blog_head_banner h2,
.resources-ind .blog_head_banner h2 {
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-family: 'Source Sans Pro', sans-serif;
  font-style: italic;
  color: #f7f7f7;
  position: relative;
  text-transform: capitalize;
  z-index: 20; }

@media screen and (max-width: 68.75em) {
  .blog-ind .blog_head_banner h2,
  .resources-ind .blog_head_banner h2 {
    font-size: 1.25rem; } }

.blog-ind .blog_head_banner h3, .blog-ind .blog_head_banner h1 {
  max-width: 1034px;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.875rem;
  text-transform: uppercase;
  color: #f7f7f7;
  position: relative;
  padding: 15px;
  z-index: 2; }

.resources-ind .blog_head_banner h3 {
  font-size: 4.0625rem;
  text-transform: uppercase;
  color: #f7f7f7;
  position: relative;
  z-index: 2; }

@media screen and (max-width: 68.75em) {
  .blog-ind .blog_head_banner h3,
  .resources-ind .blog_head_banner h3 {
    font-size: 1.875rem; } }

.blog-ind .blog_head_banner h3:before,
.resources-ind .blog_head_banner h3:before {
  content: ' ';
  display: block;
  margin: 0 auto;
  background: #80e559;
  width: 2.9375rem;
  height: .1875rem; }

.blog-ind .blog_head_banner h2 a {
  color: #fc3; }

.blog-ind .blog_head_banner h2 a:hover {
  color: #15a1f6; }

.blog-ind .blog_head_banner h3:before {
  background: #15a1f6; }

.blog-ind .blog_head_banner .date {
  color: #fff;
  z-index: 2;
  position: relative; }

.blog-ind .blog_head_banner .date i {
  background: url(../images/svg/time_orange.svg) no-repeat;
  display: inline-flex;
  padding: 17px 26px 5px 12px; }

.head_banner {
  margin-top: 7.125rem;
  position: relative;
  width: 100%;
  float: left;
  overflow: hidden;
  min-height: 590px;
  background-position: center;
  background-size: cover; }

@media screen and (max-width: 73.125em) {
  .head_banner {
    margin-top: 4.6875rem; } }

@media screen and (max-width: 52.5em) {
  .head_banner {
    min-height: 200px; } }

.head_banner img {
  float: none; }

.head_banner .tp-bullets {
  display: table;
  right: 15px;
  left: auto !important;
  width: 13px !important; }

@media screen and (max-width: 41.25em) {
  .head_banner .tp-bullets {
    display: none !important; } }

.head_banner .tp-bullets .tp-bullet {
  width: 7px;
  height: 7px;
  padding: 3px;
  background: #fff;
  box-shadow: 0 0 0;
  border-radius: 100%;
  display: block;
  left: auto !important;
  top: auto !important;
  position: relative;
  margin-bottom: 11px;
  margin-top: 11px;
  box-sizing: inherit; }

.head_banner .tp-bullets .tp-bullet.selected {
  border: 3px solid #83E558;
  background: #f1f1f1; }

.head_banner .tp-leftarrow,
.head_banner .tp-rightarrow {
  border-bottom: 1.5px solid #0D74CE;
  border-right: 1.5px solid #0D74CE;
  background: none;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: auto !important;
  left: auto !important;
  width: 28px;
  height: 31px; }

.head_banner .tp-leftarrow:before,
.head_banner .tp-rightarrow:before {
  display: none; }

.head_banner .tp-leftarrow:hover,
.head_banner .tp-rightarrow:hover {
  border-bottom: 1.5px solid #fff;
  border-right: 1.5px solid #fff; }

.head_banner .tp-leftarrow {
  right: 0px;
  bottom: 30px !important;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.head_banner .tp-rightarrow {
  right: 15px;
  bottom: 10px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg); }

.head_banner .overlay-banner {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1; }

.head_banner .wrapper {
  max-width: 62.5rem;
  margin: 0 auto;
  position: relative;
  z-index: 1; }

.head_banner .solution_advantage {
  padding-top: 0;
  padding-left: 0;
  color: #fff;
  text-align: center; }
.head_banner .solution_advantage h1 {
  margin-top: 150px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 4rem;
  font-weight: 200;
  line-height: 85px;
}
.head_banner .solution_advantage h2 {
  margin-top: 150px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 2.75rem;
  text-transform: none;
  color: #000;
  letter-spacing: 0px;
  margin-bottom: 30px;
  line-height: 55px;}

@media screen and (max-width: 52.5em) {
  .head_banner .solution_advantage h1, .head_banner .solution_advantage h2 {
    margin-top: 18%; } }

@media screen and (max-width: 68.75em) {
  .head_banner .solution_advantage h1, .head_banner .solution_advantage h2 {
    font-size: 2.5rem;
    white-space: normal; } }

@media screen and (max-width: 41.25em) {
  .head_banner .solution_advantage h1, .head_banner .solution_advantage h2 {
    font-size: 2rem;
    white-space: normal; } }

.head_banner .solution_advantage h3 {
  margin-bottom: 10px;
  font-size: 2.5625rem;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: none;
  color: #d5dedd;
  font-weight: 200; }

@media screen and (max-width: 68.75em) {
  .head_banner .solution_advantage h3 {
    font-size: 1.875rem; } }

@media screen and (max-width: 41.25em) {
  .head_banner .solution_advantage h3 {
    font-size: 1.125rem; } }

.head_banner .solution_advantage h3:after {
  content: ' ';
  display: block;
  margin: 0 auto;
  background: #80e559;
  width: 2.9375rem;
  height: .1875rem; }

@media screen and (max-width: 41.25em) {
  .head_banner .solution_advantage h3:after {
    margin-top: 10px; } }

.head_banner .solution_advantage p {
  padding: 0;
  font-size: 1.3125rem;
  font-family: 'Source Sans Pro', sans-serif;
  text-align: center;
  line-height: 1.5625rem; }

@media screen and (max-width: 41.25em) {
  .head_banner .solution_advantage p {
    font-size: .875rem;
    line-height: 1.375rem; } }

.head_banner .solution_advantage p a {
  color: #6daadf;
  text-decoration: underline; }

.head_banner .solution_advantage a.fill_bttn {
  margin-top: 4.25rem;
  padding: .625rem 1.5625rem; }

.head_banner .solution_advantage .icon_industry {
  width: auto;
  margin: 3rem 0 0;
  text-align: center; }

.head_banner .solution_advantage .icon_industry span {
  width: auto;
  display: inline-table;
  border-radius: 50%;
  border: 3px solid #83E558;
  padding: 1.1rem 1.2rem 1.2rem 1.3rem; }

.head_banner .solution_advantage .icon_industry span svg {
  width: 60px;
  height: 60px;
  float: left; }

@media screen and (max-width: 41.25em) {
  .head_banner .solution_advantage .icon_industry span svg {
    width: 32px;
    height: 32px; } }

.head_banner .solution_advantage .icon_industry span svg svg,
.head_banner .solution_advantage .icon_industry span svg g,
.head_banner .solution_advantage .icon_industry span svg path {
  stroke: none;
  fill: #84e658; }

.head_banner .solution_advantage .icon_industry span svg#heart svg,
.head_banner .solution_advantage .icon_industry span svg#heart g,
.head_banner .solution_advantage .icon_industry span svg#heart path {
  fill: none;
  stroke: #84e658; }

@media screen and (max-width: 41.25em) {
  .home .head_banner {
    /*height: 496px;*/
    min-height: 496px; } }

.home .arrowbox .right_serv {
  position: absolute;
  left: 50%; }

.home .arrowbox .right_serv .arrow-bottom {
  display: none;
  width: 2px;
  margin: 0;
  position: absolute;
  margin-top: -34px; }

@media screen and (max-width: 68.75em) {
  .home .arrowbox .right_serv .arrow-bottom {
    position: initial;
    margin: -34px auto 0 auto; } }

.home .arrowbox .right_serv .arrow {
  width: 2px;
  margin: 0;
  position: absolute; }

.arrow {
  width: 2px;
  margin: 0 auto;
  margin-bottom: 1rem; }

.arrow .shift {
  margin-top: -150px;
  position: relative;
  z-index: 100; }

.arrow .shift:after,
.arrow .shift:before {
  content: '';
  width: 100%;
  height: 22px;
  float: left;
  background: #b0babf; }

.arrow .shift:before {
  content: ''; }

.arrow .shift:after {
  height: 8.4375rem; }

.arrow .shift a i {
  width: 41px;
  float: left;
  height: 41px;
  margin-left: -19px;
  margin-bottom: 10px;
  margin-top: 10px;
  background: url(../images/icon.png); }

.arrow .shift a:hover i {
  background: url(../images/icon_hover.png); }

.arrow-bottom {
  width: 2px;
  margin: 0 auto; }

.arrow-bottom .shift {
  position: relative;
  z-index: 100; }

.arrow-bottom .shift:before {
  content: '';
  width: 100%;
  height: 34px;
  float: left;
  background: #b0babf; }

.arrow-bottom .shift:before {
  content: ''; }

.solution_advantage_bc {
  background: #fff;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  float: left;
  width: 100%; }

.solution_advantage_bc:last-child {
  margin-right: 0; }

.solution_advantage_bc .wrapper {
  width: 40%;
  margin: 0 auto; }

@media screen and (max-width: 52.5em) {
  .solution_advantage_bc .wrapper {
    width: 80%; } }

.solution_advantage_bc .wrapper .solution_advantage h2 {
  color: #1c3665; }

.solution_advantage_bc .wrapper .solution_advantage .desc_sol_adv p {
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-style: italic;
  color: #1c3665; }

.solution_advantage_bc .services {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  display: table;
  width: 100%;
  table-layout: fixed; }

.solution_advantage_bc .services:last-child {
  margin-right: 0; }

.solution_advantage_bc .services .image_left_serv {
  display: table-cell;
  width: 44%;
  background: #1c3665;
  background: url("../images/below-banner.jpg") no-repeat;
  background-size: cover;
  background-position: center !important;
  display: none; }

@media screen and (max-width: 68.75em) {
  .solution_advantage_bc .services .image_left_serv {
    width: 100%;
    float: left;
    height: 500px; } }

.solution_advantage_bc .services .right_serv {
  width: 56%;
  display: table-cell; }

@media screen and (max-width: 68.75em) {
  .solution_advantage_bc .services .right_serv {
    width: 100%;
    display: table-row; } }

.solution_advantage_bc .services .right_serv ul li {
  display: inline-table;
  padding: 2.5rem 0;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 12.4375rem;
  border: 2px solid #fff;
  border-top: 0; }

.solution_advantage_bc .services .right_serv ul li > div {
  float: left; }

.solution_advantage_bc .services .right_serv ul li.sol_feature .arrow_services .shift:before {
  height: 30px;
  position: absolute;
  top: -1px; }

.solution_advantage_bc .services .right_serv ul li.sol_feature .arrow_services .shift:after {
  height: 40px;
  bottom: -1px;
  position: absolute; }

.solution_advantage_bc .services .right_serv ul li.sol_feature1 .arrow_services .shift:before {
  height: 30px;
  position: absolute;
  top: -2px; }

.solution_advantage_bc .services .right_serv ul li.sol_feature1 .arrow_services .shift:after {
  height: 44px;
  bottom: -2px;
  position: absolute; }

.solution_advantage_bc .services .right_serv ul li.sol_feature2 .arrow_services .shift:before {
  height: 30px;
  position: absolute;
  top: -2px; }

.solution_advantage_bc .services .right_serv ul li.sol_feature2 .arrow_services .shift:after {
  display: none; }

.solution_advantage_bc .services .right_serv ul li .arrow_services {
  width: 2px;
  margin: 0;
  position: absolute;
  height: 100%;
  margin-left: 10.55%;
  top: 0; }

@media screen and (max-width: 68.75em) {
  .solution_advantage_bc .services .right_serv ul li .arrow_services {
    display: none; } }

.solution_advantage_bc .services .right_serv ul li .arrow_services .shift {
  position: relative;
  z-index: 100;
  height: 100%; }

.solution_advantage_bc .services .right_serv ul li .arrow_services .shift:after,
.solution_advantage_bc .services .right_serv ul li .arrow_services .shift:before {
  content: '';
  width: 100%;
  height: 22px;
  float: left;
  background: #b0babf; }

.solution_advantage_bc .services .right_serv ul li .arrow_services .shift:before {
  height: 56px;
  position: absolute;
  top: -36px; }

.solution_advantage_bc .services .right_serv ul li .arrow_services .shift:after {
  height: 40px;
  bottom: 0;
  position: absolute; }

.solution_advantage_bc .services .right_serv ul li .arrow_services .shift i {
  background: #d2dbe0;
  border: 1px solid #b0babf;
  border-radius: 100%;
  padding: 5px 10px;
  font-size: 25px;
  margin-left: -18px;
  margin-bottom: 10px;
  margin-top: 10px; }

.solution_advantage_bc .services .right_serv ul li .icon_services {
  border: .0625rem solid #b0babf;
  border-radius: 62.5rem;
  height: 6.25rem;
  width: 6.25rem;
  text-align: center;
  margin-left: 5.5%;
  padding-top: 1.25rem; }

@media screen and (min-width: 120em) {
  .solution_advantage_bc .services .right_serv ul li .icon_services {
    margin-left: 6.2%; } }

@media screen and (max-width: 100.0625em) {
  .solution_advantage_bc .services .right_serv ul li .icon_services {
    margin-left: 4.5%; } }

@media screen and (max-width: 1370px) {
  .solution_advantage_bc .services .right_serv ul li .icon_services {
    margin-left: 3.5%; } }

@media screen and (max-width: 41.25em) {
  .solution_advantage_bc .services .right_serv ul li .icon_services {
    margin: 0 auto 30px auto;
    float: none; } }

.solution_advantage_bc .services .right_serv ul li .icon_services svg,
.solution_advantage_bc .services .right_serv ul li .icon_services g,
.solution_advantage_bc .services .right_serv ul li .icon_services path {
  stroke: none;
  fill: #34A3D4;
  width: 3.8125rem; }

.solution_advantage_bc .services .right_serv ul li .desc_services {
  float: right;
  padding-right: 15%;
  width: 78%; }

@media screen and (max-width: 41.25em) {
  .solution_advantage_bc .services .right_serv ul li .desc_services {
    float: none;
    padding-right: 0;
    margin: 0 auto;
    text-align: center; } }

.solution_advantage_bc .services .right_serv ul li .desc_services h3 {
  color: #1c3665; }

.solution_advantage_bc .services .right_serv ul li .desc_services p {
  color: #1c3665; }

@media screen and (max-width: 78.125em) {
  .solution_advantage_bc .services .right_serv ul li .desc_services p {
    font-size: .875rem; } }

.solution_advantage_bc .services .right_serv ul li:hover,
.solution_advantage_bc .services .right_serv ul li.active {
  background: #f1f1f1;
  border: 1px solid #b0babf; }

.solution_advantage_bc .services .right_serv ul li:hover .arrow_services,
.solution_advantage_bc .services .right_serv ul li.active .arrow_services {
  display: none; }

.solution_advantage_bc .services .right_serv ul li:hover:before,
.solution_advantage_bc .services .right_serv ul li.active:before {
  background: url("../images/grey-bacck-arrow.png") no-repeat center top;
  content: '';
  height: 12.875rem;
  width: 5.25rem;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -5.125rem; }

.solution_advantage_bc .services .right_serv ul li:hover .icon_services,
.solution_advantage_bc .services .right_serv ul li.active .icon_services {
  background: #34A3D4;
  border-color: #1c3665; }

.solution_advantage_bc .services .right_serv ul li:hover .icon_services svg,
.solution_advantage_bc .services .right_serv ul li:hover .icon_services g,
.solution_advantage_bc .services .right_serv ul li:hover .icon_services path,
.solution_advantage_bc .services .right_serv ul li.active .icon_services svg,
.solution_advantage_bc .services .right_serv ul li.active .icon_services g,
.solution_advantage_bc .services .right_serv ul li.active .icon_services path {
  fill: #fff; }

.testimonial {
  text-align: center;
  padding: 6.25rem 0; }

.testimonial ul li .pic_arrow {
  display: inline-block;
  text-align: center; }

.testimonial ul li .test_desc {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #3a5079;
  margin: 3.125rem; }

@media only screen and (max-width: 840px) {
  .testimonial ul li .test_desc {
    margin: 3.125rem 0; } }

.testimonial ul li .test_name {
  font-size: .9375rem;
  color: #3a5079;
  font-family: lato-italic; }

.testimonial ul li .test_name strong {
  font-size: 1.125rem;
  font-weight: normal;
  font-style: normal;
  display: block; }

.client_logo_bc {
  padding: 1.875rem 3% .625rem;
  background: #eef1f4;
  float: left;
  width: 100%; }

.client_logo_bc .client_logo span {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-family: 'lato-light';
  font-size: 1.875rem;
  color: #1c3665;
  margin-bottom: 2.1875rem;
  letter-spacing: .125rem; }

.client_logo_bc .client_logo ul {
  padding: 0 0rem; }

.client_logo_bc .client_logo ul .slick-prev {
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, #eef1f4 0%, rgba(238, 241, 244, 0) 100%);
  background-image: linear-gradient(to right, #eef1f4 0%, rgba(238, 241, 244, 0) 100%);
  position: absolute;
  left: 0;
  height: 100%;
  width: 12.5rem;
  z-index: 20;
  cursor: default;
  box-shadow: none; }

@media screen and (max-width: 41.25em) {
  .client_logo_bc .client_logo ul .slick-prev {
    width: 5rem; } }

.client_logo_bc .client_logo ul .slick-prev:before {
  display: none; }

.client_logo_bc .client_logo ul .slick-next {
  background-color: transparent;
  background-image: -webkit-linear-gradient(right, #eef1f4 0%, rgba(238, 241, 244, 0) 100%);
  background-image: linear-gradient(to left, #eef1f4 0%, rgba(238, 241, 244, 0) 100%);
  position: absolute;
  right: 0;
  left: auto;
  height: 100%;
  width: 12.5rem;
  cursor: default;
  box-shadow: none; }

@media screen and (max-width: 41.25em) {
  .client_logo_bc .client_logo ul .slick-next {
    width: 5rem;
    margin-right: -3px; } }

.client_logo_bc .client_logo ul {
  padding: 0 0rem;
  margin-bottom: 0.9375rem; }

@media screen and (max-width: 52.5em) {
  .client_logo_bc .client_logo ul {
    margin-bottom: 0.625rem; } }

.client_logo_bc .client_logo ul .slick-next:before {
  display: none; }

.client_logo_bc .client_logo ul li {
  margin: 0 1.375rem;
  text-align: center;
  height: 8.75rem;
  width: auto;
  padding: 0 60px;
  display: table-cell;
  float: none;
  vertical-align: middle;
  outline: none; }

.client_logo_bc .client_logo ul li img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.6;
  display: inline;
  max-width: 12.5rem;
  max-height: 6.875rem;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

.client_logo_bc .client_logo ul li img:hover {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1; }

/* Left off here */

.header-area-center {
  margin-bottom: 2.5rem;
  text-align: center; }

.header-area-center .glitch {
  display: inline-block; }

.post_news .multiple-items ul[role="tablist"] {
  width: auto;
  text-align: center;
  width: 100%; }

.post_news .multiple-items ul[role="tablist"] li {
  width: auto;
  display: inline-flex;
  padding: 0 5px; }

@media screen and (max-width: 52.5em) {
  .post_news .multiple-items ul[role="tablist"] li {
    padding: 0 2px; } }

.post_news .multiple-items ul[role="tablist"] li button {
  width: 7px;
  height: 7px;
  border: 3px solid #f1f1f1;
  background: #34A3D4;
  box-shadow: 0 0 0;
  border-radius: 100%; }

.post_news .multiple-items ul[role="tablist"] li button:before {
  content: ''; }

.post_news .multiple-items ul[role="tablist"] li.slick-active button {
  border: 3px solid #83E558;
  background: #f1f1f1; }

.logo_nav .logo {
  background-image: url(../images/logo_white.png);
  background-repeat: no-repeat;
  background-size: 82%;
  background-position: center .6875rem;
  padding-top: 3rem; }


.strip hr {
  width: 1px;
  height: 272px;
  margin-bottom: -60px;
  position: relative;
  margin-left: auto;
  margin-right: auto; }




/*--------------------------------------------------------------
# career
--------------------------------------------------------------*/
.right_start_image.left {
  display: table-cell;
  width: 50%;
  background-size: cover;
  position: relative; }

@media screen and (max-width: 52.5em) {
  .right_start_image.left {
    display: table-cell;
    width: 100%;
    float: left; } }

.right_start_image.left:after {
  content: '';
  right: 0;
  top: 50%;
  left: auto;
  position: absolute;
  margin-top: -1.6875rem;
  border-bottom: 3.5625rem solid transparent;
  border-right: 3.5625rem solid #fff;
  border-top: 3.5625rem solid transparent;
  border-left: 0 !important;
  height: 0;
  width: 0; }

.right_start_image.left.arrow-ch:after {
  border-right: 3.5625rem solid #fc6921;
  border-left: none;
  left: auto;
  right: 0; }


/* fixes for wpadminbar */
#wpadminbar {
  position: fixed !important; }

body.admin-bar .headerbox,
body.admin-bar .cd-nav-trigger,
body.admin-bar .search-input.active {
  top: 32px; }

@media (max-width: 782px) {
  body.admin-bar .headerbox,
  body.admin-bar .cd-nav-trigger,
  body.admin-bar .search-input.active {
    top: 46px; } }

body.admin-bar .cd-primary-nav,
body.admin-bar .cd-primary-nav ul {
  top: 107px; }

@media (min-width: 1171px) {
  body.admin-bar .cd-primary-nav,
  body.admin-bar .cd-primary-nav ul {
    top: 146px; } }

@media (max-width: 782px) {
  body.admin-bar .cd-primary-nav,
  body.admin-bar .cd-primary-nav ul {
    top: 121px; } }

/* header search */
.search-input {
  height: 70px; }

@media (min-width: 1171px) {
  .search-input {
    height: 104px; } }


ol.numbered-detailed-list {
  counter-reset: item;
  padding-left: 0 !important;
}
ol.numbered-detailed-list > li {
  list-style-type:none !important;
  counter-increment:item;
  padding-left: 35px;
}
ol.numbered-detailed-list > li h3 {
  display: inline-block;
} 
ol.numbered-detailed-list li::marker, ol.numbered-detailed-list li:marker {
  font-size: 0 !important;
}
ol.numbered-detailed-list > li:before {
  display:inline-block;
  width: 35px;
  padding-right:0.5em;
  font-weight:bold;
  text-align:right;
  content:counter(item) ".";
  position: absolute;
  left: 0;
}
ol.numbered-detailed-list li ul {
  list-style-type: none;
  padding-left: 0;
}
ol.numbered-detailed-list li ul li {
  list-style-type:none !important;
}
ol.numbered-detailed-list li ul li::marker, ol.numbered-detailed-list li ul li:marker {
  font-size: 0 !important;
}

/** Numbered Detailed List Tertiary Bullets */
ol.numbered-detailed-list-bullets {
  counter-reset: item;
  padding-left: 0 !important;
}
ol.numbered-detailed-list-bullets > li {
  list-style-type:none !important;
  counter-increment:item;
  padding-left: 35px;
}
ol.nnumbered-detailed-list-bullets > li h3 {
  display: inline-block;
} 
ol.numbered-detailed-list-bullets li::marker, ol.numbered-detailed-list-bullets li:marker {
  font-size: 0 !important;
}
ol.numbered-detailed-list-bullets > li:before {
  display:inline-block;
  width: 35px;
  padding-right:0.5em;
  font-weight:bold;
  text-align:right;
  content:counter(item) ".";
  position: absolute;
  left: 0;
}
ol.numbered-detailed-list-bullets li ul {
  list-style-type: none;
  padding-left: 0;
}
ol.numbered-detailed-list-bullets li ul li {
  list-style-type:none !important;
}
ol.numbered-detailed-list-bullets li ul li::marker, ol.numbered-detailed-list-bullets li ul li:marker {
  font-size: 0 !important;
}
ol.numbered-detailed-list-bullets li ul li ul {
  padding-left: 20px;
  list-style-type: disc !important;
}
ol.numbered-detailed-list-bullets li ul li ul li {
  list-style-type: disc !important;
}

/* Popup maker styles */
.pum-theme-lightbox .pum-container {
  border: none !important;
  border-radius: 1rem !important;
}
.pum-theme-lightbox .pum-container .pum-title {
  font-size: 1.5rem !important;
  font-weight: bold !important;
}
.pum-theme-lightbox .pum-container h3 {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
}
.pum-theme-lightbox .pum-container p {
  font-weight: normal !important;
  font-size: 1rem !important;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.single-leadership .nav_bc {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }

.leader-detail {
  background: url("../images/blue_circle.png") no-repeat 120% -400px;
  float: left;
  width: 100%;
  padding-top: 3.75rem;
  clear: both; }

.leader-detail .wrapper {
  width: 79.375rem;
  margin: 0 auto; }

@media screen and (max-width: 85.8125em) {
  .leader-detail .wrapper {
    width: 94%; } }

.leader-detail .wrapper .right_start_image {
  width: 27%;
  visibility: hidden;
  margin-right: -13%;
  float: left;
  padding-top: 9%;
  z-index: 2;
  position: relative; }

@media screen and (max-width: 60em) {
  .leader-detail .wrapper .right_start_image {
    width: 100%;
    margin-right: 0%;
    margin-bottom: -13%;
    text-align: center; } }

.leader-detail .wrapper .left_benchmark {
  width: 82%;
  visibility: hidden;
  float: left;
  padding: 9% 7% 8% 16%; }

@media screen and (max-width: 60em) {
  .leader-detail .wrapper .left_benchmark {
    width: 100%;
    padding: 16% 7% 8% 7%; } }

.leader-detail .wrapper .left_benchmark:after {
  background: #34A3D4; }

.leader-detail .wrapper .left_benchmark h2 {
  font-size: 40px;
  font-size: 2.5rem; }

.leader-detail .wrapper .left_benchmark h4 {
  font-size: 28.8px;
  font-size: 1.8rem;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 1px; }

.get_started {
  display: table-cell;
  width: 100%;
  display: table;
  width: 100%;
  /*padding: 7% 6%;*/
  table-layout: fixed; }

.get_started.corporate-half .right_start_image {
  width: 48%; }

@media screen and (max-width: 68.75em) {
  .get_started.corporate-half .right_start_image {
    width: 100%;
    float: left;
    height: 500px; } }

.get_started.corporate-half .left_benchmark {
  width: 52%;
  padding: 7% 6%; }

@media screen and (max-width: 68.75em) {
  .get_started.corporate-half .left_benchmark {
    width: 100%;
    float: left; } }

.get_started .left_benchmark {
  display: table-cell;
  width: 50%;
  background: #fff;
  padding: 5% 7%; }

@media screen and (max-width: 52.5em) {
  .get_started .left_benchmark {
    display: table-cell;
    width: 100%;
    float: left; } }



.get_started .left_benchmark .glitch {
  background: #fff; }

.get_started .left_benchmark a {
  color: #fff; }

.get_started .left_benchmark.blue .glitch {
  background: #32cd32; }

.get_started .left_benchmark.white {
  background: #f9f9fa; }


.get_started .left_benchmark.white .glitch {
  background: #32cd32; }

.get_started .right_start_image {
  display: table-cell;
  width: 50%;
  background-size: cover;
  position: relative;
  background-position: center; }

.right_start_image2 {
  background: #34A3D4 !important; }

@media screen and (max-width: 52.5em) {
  .get_started .right_start_image {
    display: table-cell;
    width: 100%;
    float: left;
    height: 21.875rem; } }

.get_started .right_start_image:after {
  content: '';
  left: 0;
  top: 50%;
  position: absolute;
  margin-top: -3.4375rem;
  border-bottom: 3.5625rem solid transparent;
  border-left: 3.5625rem solid #fc6921;
  border-top: 3.5625rem solid transparent;
  height: 0;
  width: 0; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .get_started .right_start_image:after {
    display: none; } }

@media screen and (max-width: 52.5em) {
  .get_started .right_start_image:after {
    top: 1.3125rem;
    left: 45%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); } }

.get_started .right_start_image.arrow-ch:after {
  border-right: 3.5625rem solid #fc6921;
  border-left: none;
  left: auto;
  right: 0; }
.review-section {
  padding-top: 40px;
  border-bottom: 4px solid #303030;
  vertical-align: top;
  position: relative;
  width: 100%;
  display: table; }

.review-section .review-box {
  display: table-cell;
  width: 50%;
  padding: 70px;
  font-size: 1.25rem;
  text-align: center; }

@media screen and (max-width: 41.25em) {
  .review-section .review-box {
    display: block;
    width: auto; } }

.review-section .review-box.white {
  color: #fff;
  background: #663399; }

.review-section .review-box.black {
  color: #000;
  background: #ffcc33; }

.review-section .review-box strong {
  font-size: 1.125rem;
  display: block; }

.review-section .review-box span {
  font-size: 1.125rem;
  font-family: lato-italic;
  display: block; }

.review-section .review-box p {
  padding-top: 40px;
  padding-bottom: 50px; }

.career-info-section {
    padding-top: 65px;
    padding-bottom: 10px;
    width: 75rem;
}
.right_start_image.left:after {
    content: '';
    right: 0;
    top: 50%;
    left: auto;
    position: absolute;
    margin-top: -1.6875rem;
    border-bottom: 3.5625rem solid transparent;
    border-right: 3.5625rem solid #fff;
    border-top: 3.5625rem solid transparent;
    border-left: 0 !important;
    height: 0;
    width: 0;
}

/* ---- css/animated.css ---- */

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated.hinge {
    animation-duration: 2s;
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    animation-duration: 0.75s;
}
@keyframes bounce {
0%, 100%, 20%, 53%, 80% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0px, 0px, 0px);
}
40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0px, -30px, 0px);
}
70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0px, -15px, 0px);
}
90% {
    transform: translate3d(0px, -4px, 0px);
}
}
.bounce {
    animation-name: bounce;
    transform-origin: center bottom 0;
}
@keyframes flash {
0%, 100%, 50% {
    opacity: 1;
}
25%, 75% {
    opacity: 0;
}
}
.flash {
    animation-name: flash;
}
@keyframes pulse {
0% {
    transform: scale3d(1, 1, 1);
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
.pulse {
    animation-name: pulse;
}
@keyframes rubberBand {
0% {
    transform: scale3d(1, 1, 1);
}
30% {
    transform: scale3d(1.25, 0.75, 1);
}
40% {
    transform: scale3d(0.75, 1.25, 1);
}
50% {
    transform: scale3d(1.15, 0.85, 1);
}
65% {
    transform: scale3d(0.95, 1.05, 1);
}
75% {
    transform: scale3d(1.05, 0.95, 1);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
.rubberBand {
    animation-name: rubberBand;
}
@keyframes shake {
0%, 100% {
    transform: translate3d(0px, 0px, 0px);
}
10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0px, 0px);
}
20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0px, 0px);
}
}
.shake {
    animation-name: shake;
}
@keyframes swing {
20% {
    transform: rotate3d(0, 0, 1, 15deg);
}
40% {
    transform: rotate3d(0, 0, 1, -10deg);
}
60% {
    transform: rotate3d(0, 0, 1, 5deg);
}
80% {
    transform: rotate3d(0, 0, 1, -5deg);
}
100% {
    transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
    animation-name: swing;
    transform-origin: center top 0;
}
@keyframes tada {
0% {
    transform: scale3d(1, 1, 1);
}
10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
    transform: scale3d(1, 1, 1);
}
}
.tada {
    animation-name: tada;
}
@keyframes wobble {
0% {
    transform: none;
}
15% {
    transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg);
}
30% {
    transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg);
}
45% {
    transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg);
}
60% {
    transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg);
}
75% {
    transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg);
}
100% {
    transform: none;
}
}
.wobble {
    animation-name: wobble;
}
@keyframes jello {
0%, 100%, 11.1% {
    transform: none;
}
22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
    transform: skewX(-0.195313deg) skewY(-0.195313deg);
}
}
.jello {
    animation-name: jello;
    transform-origin: center center 0;
}
@keyframes bounceIn {
0%, 100%, 20%, 40%, 60%, 80% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    transform: scale3d(0.97, 0.97, 0.97);
}
100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}
}
.bounceIn {
    animation-name: bounceIn;
}
@keyframes bounceInDown {
0%, 100%, 60%, 75%, 90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0px, -3000px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(0px, 25px, 0px);
}
75% {
    transform: translate3d(0px, -10px, 0px);
}
90% {
    transform: translate3d(0px, 5px, 0px);
}
100% {
    transform: none;
}
}
.bounceInDown {
    animation-name: bounceInDown;
}
@keyframes bounceInLeft {
0%, 100%, 60%, 75%, 90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(-3000px, 0px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(25px, 0px, 0px);
}
75% {
    transform: translate3d(-10px, 0px, 0px);
}
90% {
    transform: translate3d(5px, 0px, 0px);
}
100% {
    transform: none;
}
}
.bounceInLeft {
    animation-name: bounceInLeft;
}
@keyframes bounceInRight {
0%, 100%, 60%, 75%, 90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(3000px, 0px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(-25px, 0px, 0px);
}
75% {
    transform: translate3d(10px, 0px, 0px);
}
90% {
    transform: translate3d(-5px, 0px, 0px);
}
100% {
    transform: none;
}
}
.bounceInRight {
    animation-name: bounceInRight;
}
@keyframes bounceInUp {
0%, 100%, 60%, 75%, 90% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0px, 3000px, 0px);
}
60% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
}
75% {
    transform: translate3d(0px, 10px, 0px);
}
90% {
    transform: translate3d(0px, -5px, 0px);
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.bounceInUp {
    animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
    transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
}
100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
    animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
    transform: translate3d(0px, 10px, 0px);
}
40%, 45% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px);
}
}
.bounceOutDown {
    animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
    opacity: 1;
    transform: translate3d(20px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px);
}
}
.bounceOutLeft {
    animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
    opacity: 1;
    transform: translate3d(-20px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
}
}
.bounceOutRight {
    animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
    transform: translate3d(0px, -10px, 0px);
}
40%, 45% {
    opacity: 1;
    transform: translate3d(0px, 20px, 0px);
}
100% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px);
}
}
.bounceOutUp {
    animation-name: bounceOutUp;
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.fadeIn {
    animation-name: fadeIn;
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInDown {
    animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
0% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInDownBig {
    animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
0% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInRight {
    animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
0% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInRightBig {
    animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translate3d(0px, 100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInUp {
    animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
0% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInUpBig {
    animation-name: fadeInUpBig;
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOutDown {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, 100%, 0px);
}
}
.fadeOutDown {
    animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, 2000px, 0px);
}
}
.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px);
}
}
.fadeOutLeft {
    animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(-2000px, 0px, 0px);
}
}
.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
}
}
.fadeOutRight {
    animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(2000px, 0px, 0px);
}
}
.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
}
}
.fadeOutUp {
    animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(0px, -2000px, 0px);
}
}
.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}
@keyframes flip {
0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
}
40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg);
}
50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg);
}
80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
}
100% {
    animation-timing-function: ease-in;
    transform: perspective(400px);
}
}
.animated.flip {
    animation-name: flip;
    backface-visibility: visible;
}
@keyframes flipInX {
0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
}
40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
}
80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
    transform: perspective(400px);
}
}
.flipInX {
    animation-name: flipInX;
    backface-visibility: visible !important;
}
@keyframes flipInY {
0% {
    animation-timing-function: ease-in;
    opacity: 0;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
}
40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
}
60% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
}
80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
    transform: perspective(400px);
}
}
.flipInY {
    animation-name: flipInY;
    backface-visibility: visible !important;
}
@keyframes flipOutX {
0% {
    transform: perspective(400px);
}
30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
}
}
.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important;
}
@keyframes flipOutY {
0% {
    transform: perspective(400px);
}
30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
}
100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
}
}
.flipOutY {
    animation-name: flipOutY;
    backface-visibility: visible !important;
}
@keyframes lightSpeedIn {
0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px) skewX(-30deg);
}
60% {
    opacity: 1;
    transform: skewX(20deg);
}
80% {
    opacity: 1;
    transform: skewX(-5deg);
}
100% {
    opacity: 1;
    transform: none;
}
}
.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px) skewX(30deg);
}
}
.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}
@keyframes rotateIn {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -200deg);
    transform-origin: center center 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: center center 0;
}
}
.rotateIn {
    animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: left bottom 0;
}
}
.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: right bottom 0;
}
}
.rotateInDownRight {
    animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: left bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: left bottom 0;
}
}
.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
0% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -90deg);
    transform-origin: right bottom 0;
}
100% {
    opacity: 1;
    transform: none;
    transform-origin: right bottom 0;
}
}
.rotateInUpRight {
    animation-name: rotateInUpRight;
}
@keyframes rotateOut {
0% {
    opacity: 1;
    transform-origin: center center 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 200deg);
    transform-origin: center center 0;
}
}
.rotateOut {
    animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
0% {
    opacity: 1;
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 45deg);
    transform-origin: left bottom 0;
}
}
.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
0% {
    opacity: 1;
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: right bottom 0;
}
}
.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
0% {
    opacity: 1;
    transform-origin: left bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, -45deg);
    transform-origin: left bottom 0;
}
}
.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
0% {
    opacity: 1;
    transform-origin: right bottom 0;
}
100% {
    opacity: 0;
    transform: rotate3d(0, 0, 1, 90deg);
    transform-origin: right bottom 0;
}
}
.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
    animation-timing-function: ease-in-out;
    transform-origin: left top 0;
}
20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: left top 0;
}
40%, 80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: left top 0;
}
100% {
    opacity: 0;
    transform: translate3d(0px, 700px, 0px);
}
}
.hinge {
    animation-name: hinge;
}
@keyframes rollIn {
0% {
    opacity: 0;
    transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg);
}
100% {
    opacity: 1;
    transform: none;
}
}
.rollIn {
    animation-name: rollIn;
}
@keyframes rollOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
    animation-name: rollOut;
}
@keyframes zoomIn {
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
50% {
    opacity: 1;
}
}
.zoomIn {
    animation-name: zoomIn;
}
@keyframes zoomInDown {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);
}
}
.zoomInDown {
    animation-name: zoomInDown;
}
@keyframes zoomInLeft {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px);
}
}
.zoomInLeft {
    animation-name: zoomInLeft;
}
@keyframes zoomInRight {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px);
}
}
.zoomInRight {
    animation-name: zoomInRight;
}
@keyframes zoomInUp {
0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px);
}
60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
}
}
.zoomInUp {
    animation-name: zoomInUp;
}
@keyframes zoomOut {
0% {
    opacity: 1;
}
50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
100% {
    opacity: 0;
}
}
.zoomOut {
    animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px);
}
100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px);
    transform-origin: center bottom 0;
}
}
.zoomOutDown {
    animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0px, 0px);
    transform-origin: left center 0;
}
}
.zoomOutLeft {
    animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px);
}
100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0px, 0px);
    transform-origin: right center 0;
}
}
.zoomOutRight {
    animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px);
}
100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px);
    transform-origin: center bottom 0;
}
}
.zoomOutUp {
    animation-name: zoomOutUp;
}
@keyframes slideInDown {
0% {
    transform: translate3d(0px, -100%, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.slideInDown {
    animation-name: slideInDown;
}
@keyframes slideInLeft {
0% {
    transform: translate3d(-100%, 0px, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.slideInLeft {
    animation-name: slideInLeft;
}
@keyframes slideInRight {
0% {
    transform: translate3d(100%, 0px, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.slideInRight {
    animation-name: slideInRight;
}
@keyframes slideInUp {
0% {
    transform: translate3d(0px, 100%, 0px);
    visibility: visible;
}
100% {
    transform: translate3d(0px, 0px, 0px);
}
}
.slideInUp {
    animation-name: slideInUp;
}
@keyframes slideOutDown {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(0px, 100%, 0px);
    visibility: hidden;
}
}
.slideOutDown {
    animation-name: slideOutDown;
}
@keyframes slideOutLeft {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(-100%, 0px, 0px);
    visibility: hidden;
}
}
.slideOutLeft {
    animation-name: slideOutLeft;
}
@keyframes slideOutRight {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(100%, 0px, 0px);
    visibility: hidden;
}
}
.slideOutRight {
    animation-name: slideOutRight;
}
@keyframes slideOutUp {
0% {
    transform: translate3d(0px, 0px, 0px);
}
100% {
    transform: translate3d(0px, -100%, 0px);
    visibility: hidden;
}
}
.slideOutUp {
    animation-name: slideOutUp;
}

/* ---- css/override.css ---- */
.head_banner,
.blog_head_banner {
  margin-top: 100px;
}

@media (min-width: 48em) {
  .head_banner,
  .blog_head_banner {
    margin-top: 140px;
  }
}

.headerbox {
  height: 80px;
  padding-bottom: 6px;
}

.headerbox::after {
  height: 6px;
}

.headerbox .nav_bc {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100% !important;
  float: none;
}

#menu-work-at-home,
#menu-work-at-home > li > a,
#menu-work-at-home a {
  display: block;
  margin: 0;
  font-size: 12px;
}

@media (min-width: 768px) {
  #menu-work-at-home,
  #menu-work-at-home > li > a,
  #menu-work-at-home a {
    font-size: 18px;
  }
}

#menu-work-at-home > li > a {
  padding: 0.167em 0.5em;
}

.headerbox .nav_bc .nav {
  display: flex;
  align-items: center;
  padding: 0;
  float: none;
}

.headerbox .nav_bc .nav .menu_nav {
  flex-shrink: 0;
}

.headerbox .nav_bc .nav .logo {
  flex-shrink: 1;
  width: 135px;
  max-width: none;
  height: auto;
  margin: 0 15px 0 auto;
  padding: 0;
  border: 0;
  float: none;
}

.headerbox .nav_bc .nav .logo a {
  top: auto;
  transform: none;
}

.headerbox .nav_bc .nav .menu_nav {
  margin: 0 20px;
  float: none;
}

@media (min-width: 768px) {
  .headerbox .nav_bc .nav .menu_nav {
    margin: 0 40px;
  }
}

.logo-nav-divider {
  flex-shrink: 0;
  width: 3px;
  height: 40px;
  margin-left: 10px;
  background-color: #005497;
}

@media (min-width: 768px) {
  .logo-nav-divider {
    margin-left: 30px;
  }
}

.cd-nav-trigger {
  flex-shrink: 0;
  position: relative;
  top: auto !important;
  right: auto;
  width: 38px;
  height: 30px;
  margin: 0 20px !important;
  border: 0;
  animation: nav-trigger-load 600ms 1200ms ease both;
}

@keyframes nav-trigger-load {
  0% {
    transform: translateX(-50%);
    opacity: 0;
  }

  100% {
    transform: none;
    opacity: 1;
  }
}

.cd-nav-trigger::before,
.cd-nav-trigger::after {
  display: none;
}

.cd-nav-trigger span {
  height: 5px;
  margin: 0;
  border-radius: 5px;
}

.cd-nav-trigger span:nth-child(1) {
  top: 0;
}

.cd-nav-trigger span:nth-child(2) {
  margin-top: -2.5px;
}

.cd-nav-trigger span:nth-child(3) {
  top: auto;
  bottom: 0;
}

.cd-primary-nav {
  right: auto;
  left: 0;
  transform: translate3d(-100%, 0, 0);
}

.cd-primary-nav,
.cd-primary-nav ul {
  top: 80px;
}

body.admin-bar .cd-primary-nav,
body.admin-bar .cd-primary-nav ul {
  top: 112px;
}

@media (max-width: 782px) {
  body.admin-bar .cd-primary-nav,
  body.admin-bar .cd-primary-nav ul {
    top: 126px;
  }
}

@media (min-width: 1024px) {
  .footer__brand {
    margin-top: 18px;
  }
}

@media (min-width: 1171px) {
  .leadership-page > ul {
    display: flex;
    flex-wrap: wrap;
  }
}

.leadership-page > ul > li {
  background-color: #015497 !important;
}

.leadership-page > ul > li .right_start_image::after {
  border-right-color: #015497 !important;
}

.leadership-page > ul > li:nth-child(4n-2) {
  background-color: #4bb648 !important;
}

.leadership-page > ul > li:nth-child(4n-2) .right_start_image::after {
  border-right-color: #4bb648 !important;
}

.leadership-page > ul > li:nth-child(4n-1) {
  background-color: #34a2d3 !important;
}

.leadership-page > ul > li:nth-child(4n-1) .right_start_image::after {
  border-left-color: #34a2d3 !important;
}

.leadership-page > ul > li:nth-child(4n) {
  background-color: #744e9f !important;
}

.leadership-page > ul > li:nth-child(4n) .right_start_image::after {
  border-left-color: #744e9f !important;
}

.leadership-page .get_started {
  height: 100% !important;
}

.leadership-page .get_started .right_start_image {
  height: auto !important;
  background-position: top !important;
}

.leadership-page .get_started .right_start_image::before {
  content: '';
  display: block;
  padding-top: 110%;
}

.leadership-page .get_started .left_desc_busines {
  background: none !important;
  vertical-align: middle;
}

.leadership-page .get_started .left_desc_busines::after {
  display: none;
}

.leadership-page .get_started .left_desc_busines h2,
.leadership-page .get_started .left_desc_busines h4,
.leadership-page .get_started .left_desc_busines p {
  color: #fff !important;
}

.leadership-page .get_started .left_desc_busines h2 {
  font-family: 'lato-bold', sans-serif;
  font-size: 2rem;
  text-transform: none;
}

.leadership-page .get_started .left_desc_busines h4 {
  font-family: 'lato-bold', sans-serif !important;
  font-size: 1rem;
  font-style: normal !important;
}

.leadership-page .get_started .left_desc_busines p {
  font-size: 1rem;
}

.leadership-page .get_started .left_desc_busines p a {
  display: inline-block;
  border-bottom: 0.0625rem solid #fff !important;
  color: #fff !important;
  line-height: 1.25;
  text-transform: none;
}

/* video oembed */

div.video {
  display: block;
  position: relative;
}

div.video::before {
  content: '';
  display: block;
  padding-top: 56.25%;
}

div.video iframe,
div.video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ---- css/slick.min.css ---- */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/* ---- css/flickity.min.css ---- */
/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

/* ---- css/new/util.css ---- */
:root {
  scroll-behavior: smooth;
  --gradient-start: #30d827;
  --gradient-end: #34a3d4;
}

.modules {
  margin-top: 3.75rem;
  font-family: 'Source Sans Pro', sans-serif;
}

@media (min-width: 48em) {
  .modules {
    margin-top: 6.25rem;
  }
}

.modules > * {
  scroll-margin-top: 3.75rem
}

@media (min-width: 48em) {
  .modules > * {
    scroll-margin-top: 6.25rem
  }
}

.modules h1,
.modules h2,
.modules h3,
.modules h4,
.modules h5,
.modules h6 {
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 38px;
  letter-spacing: 0;
}
.modules h1 i {
  font-family: 'AveFedan', sans-serif;
  font-weight: 400;
  font-style: normal;
}

@media (min-width: 64.0625rem) {
  .modules .cards {
    margin-bottom: 0;
  }
}

.button {
  display: inline-block;
  min-width: 14rem;
  margin: 1rem 1.5rem;
  padding: 1rem 2rem;
  border-radius: 2rem;
  transition: all 300ms ease;
  background-color: #fff;
  color: #34a3d4;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
}

.button:hover {
  background-color: #34a3d4;
  color: #fff;
}

.button--gradient {
  background-image: linear-gradient(90deg, #23abe6, #02b539);
  color: #fff;
}
.page-template-template-pillar .button--gradient {
  background-image: linear-gradient(90deg, #34A3D4, #30D827);
  color: #fff;
}

.heading {
  font-size: 30px;
  font-weight: bold;
  text-transform: none;
}

.heading--large {
  font-size: 2.5rem;
}

.heading--blue {
  color: #34a3d4;
}

.subheading {
  font-size: 1.25rem;
  font-weight: bold;
}

.link-callout {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 2.625rem;
  font-weight: bold;
  color: #3269A0;
  line-height: 1.7;
  text-decoration: underline;
  margin-top: 150px;
  display:  inline-block;
}
.text-start, .text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-end, .text-right {
  text-align: right;
}
.note {
  font-style: italic;
  font-size: .875rem !important;
  line-height: 21px !important;
  margin-top: 16px;
}
@media (max-width: 48em) {
  .mtext-left {
    text-align: left !important;
  }
  .mtext-center {
    text-align: center !important;
  }
  .mtext-right {
    text-align: right !important;
  }
}

/*Theme Colors*/
.theme-sea-serpent {
    --gradient-start: #34A3D4;
    --gradient-end: #30D827;
  }
  .theme-dragon {
    --gradient-start: #E811FA;
    --gradient-end: #00BDFF;
  }
  .theme-sun-wukong {
    --gradient-start: #6440BC;
    --gradient-end: #D83D1E;
  }
  .theme-efreet {
    --gradient-start: #FFA915;
    --gradient-middle: #E42762;
    --gradient-end: #A11BB3;
  }
  .theme-dybbuk {
    --gradient-start: #62269E;
    --gradient-end: #34A3D4;
  }
  .theme-fae {
    --gradient-start: #E5ED11;
    --gradient-end: #4CB748;
  }
  .theme-kumiho {
    --gradient-start: #FF2000;
    --gradient-end: #FFC100;
  }
.efreet, .ifrit {
    background: -webkit-linear-gradient(to left, #FFA915, #E42762, #A11BB3);
    background: -moz-linear-gradient(to left, #FFA915, #E42762, #A11BB3);
    background: -o-linear-gradient(to left, #FFA915, #E42762, #A11BB3);
    background: linear-gradient(to left, #FFA915, #E42762, #A11BB3);
}
.sb_instagram_header {
  display: none !important;
}
#sbi_images {
  margin-top: -12px;
}
/* Newsletter styles */
.post-type-archive-cpt_newsletter .resources-v2__filters {
  margin: 6.25rem auto 7.25rem;
}
.single-cpt_newsletter .post {
  background-color: #fff;
}
.single-cpt_newsletter .post__main {
  padding: 85px 0 85px 0;
}
.single-cpt_newsletter .newsletter-container {
  display: flex;
  flex-direction: row-reverse;
  gap: 64px;
  padding: 0 24px;
  align-items: center;
}
@media (max-width: 48em) {
  .single-cpt_newsletter .newsletter-container {
    flex-direction: column;
    gap: 0px;
  }
}
.single-cpt_newsletter .newsletter-container > div {
  width: 50%;
}
@media (max-width: 48em) {
  .single-cpt_newsletter .newsletter-container > div {
    width: 100%;
  }
}
.single-cpt_newsletter .newsletter-fimage {
  margin-bottom: 40px;
}
.single-cpt_newsletter .newsletter-container .btn-cta {
  margin-left: 0;
}
.hubspot-newsletter-section table, .hubspot-newsletter-section table tr {
  border: none;
  margin-bottom: 0;
}
.hubspot-newsletter-section table.hr-border {
  border: 1px solid #e6e6e6;
}
.hubspot-newsletter-section table td {
  padding: 0;
}
.hubspot-newsletter-section table a {
  text-decoration: none;
  border: none;
}
.hubspot-newsletter-section table.centered-btn, .hubspot-newsletter-section table.centered-table {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.post__content .hubspot-newsletter-section hr {
  width: 100%;
  margin: 0;
}
.hubspot-newsletter-section p {
  font-size: 16px;
}
.slick-dots li {
  padding-left: 0 !important;
  height: 8px;
  width: 46px;
  border-radius: 16px;
  list-style-type: none;
}
.slick-dots li button {
  width: 100%;
  height: 100%;
  border: none;
  background-color: #D0D0D0;
  border-radius: 16px;
  box-shadow: none;
}
.slick-dots li button:before {
  display: none;
}
.gray-container {
  background-color: #F0F0F0;
  padding: 65px;
  border-radius: 20px;
}
@media (max-width: 48em) {
  .gray-container {
    padding: 65px 12px;
  }
}
.video-top-container {
    position: absolute;
    height: 40rem;
    top: 0;
    left: 0;
    width: 100%;
}
.video-top-container:after {
  content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .7);
    z-index: 0;
}
.video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    border-radius: 20px;
}
.video-top-container .video-bg {
  border-radius: 0;
}
a.text-link {
  font-size: 1.188rem;
  font-weight: bold;
  text-decoration: underline !important;
  color: #21AD12;
}
.cmplz-buttons {
  align-items: center;
}

#resumator-jobs {

}
#resumator-jobs .resumator-job {
    padding: 25px 0;
    border-top: 2px solid #30D827;
}
#resumator-jobs .resumator-job:last-child {
    border-bottom: 2px solid #30D827;
}
#resumator-jobs .resumator-job-title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 0;
    padding: 0;
    border-top: 0;
}
#resumator-jobs .resumator-job-info {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.125rem;
    color: #3f3f3f;
    line-height: 1.667;
    letter-spacing: 0.0125rem;
}
#resumator-jobs .resumator-job-link {
    font-size: 1.125rem;
    font-weight: bold;
    text-decoration: underline !important;
    color: #21AD12;
}
#resumator-logo {
  display: none;
}

#popmake-20986 {
  background-image: url('../images/site-2026/b2a-popup-bg.svg');
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 54px;
}
@media (max-width: 48em) {
  #popmake-20986 {
    padding: 16px;
  }
}
.b2a-pu-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.pum-theme-lightbox #popmake-20986.pum-container .b2a-pu-content p, .b2a-pu-content p {
  font-size: 22px !important;
  line-height: 28px;
  color: #000;
  padding-top: 0;
}
@media (max-width: 48em) {
  .pum-theme-lightbox #popmake-20986.pum-container .b2a-pu-content p, .b2a-pu-content p {
    text-align: center;
  }
}
.b2a-pu-cta {
  display: flex;
  margin-top: auto;
  gap: 16px;
}
@media (max-width: 48em) {
  .b2a-pu-cta {
    margin-top: 0;
    flex-direction: column;
    gap: 0;
    margin-top: 24px;
  }
}
.b2a-popup {
  display: flex;
  gap: 40px; 
}
@media (max-width: 48em) {
  .b2a-popup {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center; 
  }
}
#pum-20986 .pum-close.popmake-close {
  top: 16px;
  right: 16px;
  text-shadow: none;
  background-color: transparent;
  color: #000;
  border: 2px solid #000;
  box-shadow: none;
  width: 34px;
  height: 34px;
  font-size: 32px;
}

/* ---- css/new/animate.css ---- */
.animate {
  transform: translateY(3rem);
  transition: all 1600ms ease;
  opacity: 0;
  will-change: transform, opacity;
}

.animate--active {
  transform: none;
  opacity: 1;
}

/* ---- css/new/block.css ---- */
/* base */

.block {
  font-size: 1rem;
}

.block img {
  display: block;
}

.block p {
  position: static;
  padding: 0;
  margin: 0 0 1rem;
  line-height: 28px;
  font-size: 1.125rem;
}
.block p:last-child {
  margin-bottom: 0;
}

@media (max-width: 64em) {
  .block p {
    font-size: 1rem;
  }
}

.block-wrapper {
  display: flex;
  flex-direction: column;
}

/* block */

.block {
  position: relative;
  padding: 6rem 1rem;
  /*overflow: hidden;*/
}

.block__flex {
  display: flex;
}

.page-template-template-pillar .block {
    padding: 4rem 2rem; 
}

@media (max-width: 32em) {
  .page-template-template-pillar .block {
    padding: 3rem 2rem; 
  }
}

@media (min-width: 64em) {
  .block {
    padding: 6rem 2rem;
  }
  .home .block {
      padding: 6rem 2rem;
  }
}

@media (min-width: 64em) {
  .block--tight {
    padding: 8rem 2rem;
  }
  .page-template-template-pillar .block--tight {
    padding: 4rem 2rem;
  }
}

.block--tight-alt {
  padding: 9rem 1rem 4rem;
}

.block--alt {
  padding: 14rem 1rem;
}

@media (min-width: 64em) {
  .block--alt {
    padding: 14rem 2rem;
  }
}

.block--newsroom {
  padding: 11.875rem 0;
  position: relative;
  border-radius: 0;
}
.block--newsroom:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .7);
    z-index: 0;
}
.block--newsroom .video-bg {
  border-radius: 0;
}
.block--newsroom .cards {
  position: relative;
  z-index: 1;
}
.block--bgimage {
  background-position: center;
  background-size: cover;
}

.block--gradient {
  background-image: url('../images/gradientbg.jpg');
  background-position: center;
  background-size: cover;
  color: #fff;
  position: relative;
}
.block--gradient:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
}

.block--gradient-alt::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24rem;
  background-image: url('../images/gradientbg.jpg');
  background-position: center;
  background-size: cover;
}

.page-template-template-pillar .block ul {
  margin-bottom: 25px;
} 

.page-template-template-pillar .block ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
}

.page-template-template-pillar .block ul li:before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background-color: #489FD6;
  border-radius: 50%;
  left: 0;
  top: 10px;
}

@media (min-width: 64em) {
  .block--gradient-alt::before {
    height: 26rem;
  }
}

.block--cta {
  background-image: url('../images/newsletterbg.jpg');
  background-position: center;
  background-size: cover;
  color: #fff;
}

.block--pattern {
  padding: 8rem 1rem;
}

@media (min-width: 64em) {
  .block--pattern {
    padding: 18rem 2rem;
  }
}

.block--parallax {
  overflow: hidden;
}

.block--feature {
  padding: 12rem 1rem;
}

@media (min-width: 64em) {
  .block--feature {
    padding: 12rem 2rem;
  }
}

.block--blue {
  background-color: #34a3d4;
  color: #fff;
}

.block--green-blue {
  background-image: linear-gradient(135deg, #58b644, #459ed0);
  color: #fff;
}

.block--sky {
  background-image: linear-gradient(90deg, #004fe5, #00aeab) !important;
  color: #fff;
}

.block--bg-center {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.block--bg-right {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}

.block--gray-light {
  background-color: #f5f9fc;
}

.block--dark {
  background-color: #000;
  color: #fff;
}
.block--dark .block__heading {
  color: #489fd6
}

.block--skybg {
  background: #f2f7fa;
}

.block--flexv {
  display: flex;
  flex-direction: column;
}

.block--hero {
  display: flex;
  align-items: center;
  margin-top: 60px;
  padding: 6rem 1rem;
  min-height: calc(100vh - 60px);
}

@media (min-width: 48em) {
  .block--hero {
    margin-top: 100px;
    min-height: calc(100vh - 100px);
  }
}

@media (min-width: 64em) {
  .block--hero {
    padding: 6rem 2rem;
  }
}

.block--hero-alt {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.admin-bar .block--hero {
  min-height: calc(100vh - 60px - 46px);
}

@media (min-width: 768px) {
  .admin-bar .block--hero {
    min-height: calc(100vh - 100px - 46px);
  }
}

@media (min-width: 783px) {
  .admin-bar .block--hero {
    min-height: calc(100vh - 100px - 32px);
  }
}

.block--animated {
	animation: gradient 12s ease infinite;
	background-image: linear-gradient(-45deg, #005597, #4cb748, #34A3D4, #62269E);
	background-size: 400% 400%;
  color: #fff;
  will-change: background-position;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.block #particles-js {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.block__parallax-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  transform: translateY(var(--y));
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.block__mobile-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center bottom;
  background-size: cover;
}

@media (min-width: 64em) {
  .block__mobile-bg {
    display: none;
  }
}

.block__white {
  color: #fff;
}

.block__white .block__heading {
  color: inherit;
}

.block__container {
  position: relative;
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
  z-index: 1;
}
/*.page-template-template-pillar .block__container--full {
   max-width: 95%; 
}*/

.block__container--lg {
  max-width: 72rem;
}

.block__container--wide {
  max-width: 90rem;
}

.block__container--narrow {
  max-width: 40rem;
}

.block__container--mid {
  max-width: 52rem;
}

.block__container--sz {
  max-width: 58rem;
}

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

.block__container--center-alt {
  padding-right: 15%;
  padding-left: 1rem;
  text-align: left;
}

@media (min-width: 64em) {
  .block__container--center-alt {
    padding-right: 2rem;
    padding-left: 2rem;
    text-align: center;
  }
}

.block__container--pull {
  order: -1;
}

@media (min-width: 64em) {
  .block__container--margin {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

.block__container--64em {
  display: none;
}

@media (min-width: 64em) {
  .block__container--64em {
    display: block;
  }
}

@media (min-width: 48em) {
  .block__cols {
    text-align: left;
    column-count: 2;
    column-gap: 4rem;
  }
}

.block__heading {
  color: #424242;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 30px;
  line-height: 1.2;
  text-transform: none;
  font-weight: bold;
}

.block__heading + p {
  margin-top: 35px;
}

.block__heading--alt2 {
  margin-bottom: 1rem;
  text-align: center;
  color: inherit;
}

@media (min-width: 64em) {
  .block__heading--alt2 {
    text-align: left;
  }
}

.block__heading--alt3 {
  margin-bottom: 2rem;
  text-align: center;
}

.block__heading--alt4 {
  margin-bottom: 1rem;
}

.block__heading--alt5 {
  text-align: center;
}

.block__heading--small {
  font-size: 1.5rem;
  color: inherit;
}

.block--gradient .block__heading,
.block--cta .block__heading,
.block--green-blue .block__heading,
.block--blue .block__heading,
.block__inset .block__heading,
.block--animated .block__heading,
.block--sky .block__heading {
  color: #fff;
}

.block__heading--popup {
  margin-top: 3rem;
  color: #489fd6 !important;
  line-height: 1.2;
}

.block__heading--source {
  font-family: 'source sans pro', sans-serif;
  font-size: 3rem;
}

.block__heading--large {
  font-family: 'source sans pro', sans-serif;
  font-size: 3rem;
}

.block__heading--large::after {
  content: '';
  display: block;
  width: 10rem;
  margin: 2rem auto;
  border-top: 0.0625rem solid #fff;
}

.block__container--center-alt .block__heading--large::after {
  margin: 2rem 0;
}

@media (min-width: 64em) {
.block__container--center-alt .block__heading--large::after {
  margin: 2rem auto;
}
}

.block__heading__icon {
  display: inline-block !important;
  vertical-align: middle;
}

.block__heading--alt {
  color: #afcbe3 !important;
  font-family: 'source sans pro', sans-serif;
  font-size: 3.5rem;
}

.block__heading--margin {
  margin-bottom: 1rem;
}

.block__subheading {
  margin-bottom: 1rem;
  font-family: 'source sans pro', sans-serif;
  text-transform: none;
}

.block__subheading--alt2 {
  text-align: center;
}

@media (min-width: 64em) {
  .block__subheading--alt2 {
    text-align: left;
  }
}

.block__intro {
  margin-top: 1.5rem !important;
}

.block__overlay {
  max-width: 32rem;
}

.block__overlay hr {
  max-width: 10rem;
  margin: 1.5rem 0 2rem;
  background-color: currentColor;
}

.block__overlay a {
  border-bottom: 0.0625rem solid;
}

.block__inset {
  max-width: 80rem;
  margin: 0 auto;
  border-radius: 0.5rem;
  background-color: #fff;
  color: #3f3f3f;
  box-shadow: 0 1.5rem 3rem 0 rgba(0,0,0,0.5);
  overflow: hidden;
  text-align: center;
}

@media (min-width: 64em) {
  .block__inset {
    display: flex;
    text-align: left;
  }
}

.block__inset__left,
.block__inset__right {
  padding: 3rem;
}

@media (min-width: 64em) {
  .block__inset__left,
  .block__inset__right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
  }
}

.block__inset__left {
  background-color: #5663a0;
  background-size: cover;
  background-position: center;
}

@media (min-width: 64em) {
  .block__inset__left {
    position: relative;
    width: calc(37% + 4rem);
    padding-right: 8rem;
    clip-path: polygon(0 0, 0 100%, calc(100% - 4rem) 100%, 100% 0);
  }
}

.block__inset__left--alt {
  height: 20rem;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 4rem), 0 100%);
}

@media (min-width: 64em) {
  .block__inset__left--alt {
    width: 50%;
    height: auto;
    clip-path: polygon(0 0, 0 100%, calc(100% - 4rem) 100%, 100% 0);
  }
}

.block__inset__right {

}

@media (min-width: 64em) {
  .block__inset__right {
    width: calc(63% - 4rem);
  }
}

.block__inset__right > * {
  width: 100%;
}

.block__inset__right h3 {
  text-align: center;
}

@media (min-width: 64em) {
  .block__inset__right h3 {
    text-align: left;
  }
}

.block__inset__right > :first-child {
  margin-top: 0;
}

.block__inset__right > :last-child {
  margin-bottom: 0;
}

.block__inset__right--alt {
  padding: 2rem;
  text-align: left;
}

@media (min-width: 64em) {
  .block__inset__right--alt {
    width: 50%;
    padding: 3rem;
  }
}

.block__chat {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 90rem;
  margin: 2rem auto 0;
}

.block__chat__button {
  position: relative;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none !important;
  text-shadow: none;
}

.block__chat__button::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: calc(50% - 4rem);
  width: 8rem;
  height: 1.5rem;
  border-radius: 50%;
  transition: transform 300ms ease;
  will-change: transform;
  background-color: rgba(0,0,0,0.25);
  filter: blur(0.25rem);
}

.block__chat__button:hover::after {
  transform: scale(0.75);
}

.block__chat__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 15rem;
  height: 14rem;
  margin: 1rem;
  background-image: url('../images/chat.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #34a3d4;
  font-size: 1.25rem;
  font-family: 'source sans pro', sans-serif;
  font-weight: bold;
  transition: transform 200ms ease;
  will-change: transform;
}

.block__chat__item img {
  width: 80px;
  height: 80px;
}

.block__chat__button:hover .block__chat__item {
  transform: translateY(-1rem);
}


.block__chat__icon {
  margin-bottom: 1rem;
  border-radius: 50%;
}

.block__chat__popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.75);
  overflow: auto;
  z-index: 22;
  visibility: hidden;
  opacity: 0;
  transition: visibility 450ms ease, opacity 450ms ease;
  will-change: visibility, opacity;
}

.block__chat__button--active + .block__chat__popup {
  visibility: visible;
  opacity: 1;
}

.admin-bar .block__chat__popup {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .block__chat__popup {
    top: 46px;
  }
}

.block__chat__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem !important;
  height: 4rem;
  padding: 1rem;
  border: 0;
  background-color: transparent;
  box-shadow: none !important;
  font-size: 2rem;
}

.block__chat__close::before,
.block__chat__close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 0.0625rem;
  margin-left: -1rem;
  transition: transform 300ms ease;
  background-color: #000;
}

.block__chat__close::before {
  transform: rotate(-45deg);
}

.block__chat__close::after {
  transform: rotate(45deg);
}

.block__chat__close:hover::before,
.block__chat__close:hover::after {
  transform: none;
}

.block__chat__close__text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.block__chat__container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 40rem;
  min-height: calc(100% - 3rem);
  margin: 1.5rem auto;
}

.block__chat__interior {
  position: relative;
  width: 100%;
  padding: 4rem 2rem;
  background-color: #fff;
  color: #000;
  transform: translateY(-20rem);
  transition: transform 450ms ease;
  will-change: transform;
}

.block__chat__button--active + .block__chat__popup .block__chat__interior {
  transform: none;
}

.block__chat__wrap {
  margin: 0 auto 3rem;
}

@media (min-width: 48em) {
  .block__chat__wrap {
    padding: 0 2rem;
  }
}

.block__stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.block__stats__item {
  width: 100%;
}

@media (min-width: 48em) {
  .block__stats__item {
    width: calc(50% - 2rem);
  }
}

.block__split {
  margin-top: 3rem;
}

@media (min-width: 48em) {
  .block__split {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.block__split__media {
  margin-bottom: 3rem;
}

@media (min-width: 48em) {
  .block__split__media {
    width: calc(50% - 2rem);
    margin: 0;
  }

  .block__split__media--right {
    order: 1;
  }
}

.block__split__media img {
  margin: 0 auto;
}

.block__split__content {
  text-align: center;
}

@media (min-width: 48em) {
  .block__split__content {
    width: calc(50% - 2rem);
    text-align: left;
  }
}

.block__split__content h3 {
  font-family: 'source sans pro', sans-serif;
  font-weight: bold;
  text-transform: none;
}

.block__bold {
  font-family: 'source sans pro', sans-serif;
  font-weight: bold;
}

/* scroll down */

@-webkit-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@-moz-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@-ms-keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
    background-position: center top;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
  10% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    -moz-background-size: 75% auto;
    -o-background-size: 75% auto;
    -webkit-background-size: 75% auto;
    background-size: 75% auto;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    background-position: center bottom;
    -moz-background-size: 0 auto;
    -o-background-size: 0 auto;
    -webkit-background-size: 0 auto;
    background-size: 0 auto;
  }
}

.block__scroll-down {
  margin: 0;
  border: 2px solid #fff;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -30px;
}
@media (max-width: 1023px) {
  .block__scroll-down--alt {
    right: 30px;
    left: auto;
  }
}
.block__scroll-down a {
  display: block;
  opacity: 0;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  line-height: 0;
  font-size: 0;
  color: transparent;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  -moz-background-size: 0 auto;
  -o-background-size: 0 auto;
  -webkit-background-size: 0 auto;
  background-size: 0 auto;
  -webkit-animation: pulse 1.5s 0s infinite normal ease forwards;
  -moz-animation: pulse 1.5s 0s infinite normal ease forwards;
  -o-animation: pulse 1.5s 0s infinite normal ease forwards;
  animation: pulse 1.5s 0s infinite normal ease forwards;
  background-image: url("../svg/arrow-down.svg");
  background-repeat: no-repeat;
}
.block__scroll-down a:before, .block__scroll-down a:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("../svg/arrow-down.svg") no-repeat center top;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.block__scroll-down a:before {
  -webkit-animation: pulse 1.5s 0.25s infinite normal ease forwards;
  -moz-animation: pulse 1.5s 0.25s infinite normal ease forwards;
  -o-animation: pulse 1.5s 0.25s infinite normal ease forwards;
  animation: pulse 1.5s 0.25s infinite normal ease forwards;
}
.block__scroll-down a:after {
  -webkit-animation: pulse 1.5s 0.5s infinite normal ease forwards;
  -moz-animation: pulse 1.5s 0.5s infinite normal ease forwards;
  -o-animation: pulse 1.5s 0.5s infinite normal ease forwards;
  animation: pulse 1.5s 0.5s infinite normal ease forwards;
}
.block__scroll-down a:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

/* home hero */

.block__heading--hero {
  font-size: 28px;
  letter-spacing: -1px;
  line-height: 1.2;
}

@media (min-width: 32em) {
  .block__heading--hero {
    font-size: 28px;
  }
}

@media (min-width: 48em) {
  .block__heading--hero {
    font-size: 34px;
  }
}

@media (min-width: 64em) {
  .block__heading--hero {
    font-size: 44px;
    letter-spacing: -2px;
  }
}

@media (min-width: 80em) {
  .block__heading--hero {
    font-size: 50px;
  }
}

.block__hero-text {
  display: none;
  font-size: 14px;
}

@media (min-width: 32em) {
  .block__hero-text {
    font-size: 16px;
  }
}

@media (min-width: 48em) {
  .block__hero-text {
    display: block;
    margin-bottom: 2rem !important;
    font-size: 20px;
    line-height: 1.667;
  }
}

.block__hero-buttons {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.5rem 0.5rem;
}

@media (min-width: 48em) {
  .block__hero-buttons {
    margin-bottom: 1rem;
  }
}

@media (min-width: 64em) {
  .block__hero-buttons {
    justify-content: center;
    margin: 3rem 0 2rem;
  }
}

.block__hero-buttons .cta__button {
  margin-top: 0;
}

.block__hero-play {
  display: inline-block;
  color: #fff;
  font-family: 'source sans pro', sans-serif;
  font-size: 22px;
  opacity: 1;
}

@media (min-width: 64em) {
  .block__hero-play {
    margin-bottom: 4rem;
  }
}

.block__hero-play:hover {
  opacity: 0.5;
}

.block__hero-play::after {
  content: '\f144';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 1rem;
}

/* parallax elements */

.block__parallax {
  display: none;
  position: absolute;
  bottom: 0;
  transform: translateY(var(--y));
}

@media (min-width: 48em) {
  .block__parallax {
    display: block;
  }
}

.block__footnote {
  margin-top: 3rem !important
}

.block__cta {
  float: right;
}

.block__cta a {
  color: inherit;
}

.block__cta--blue a {
  color: #34a3d4;
}

.block__slides {

}

.block__slide {
  width: 100%;
  opacity: 0;
}

.block__slide.is-selected {
  opacity: 1;
  transition: opacity 300ms ease;
}

.block__slide > :last-child {
  margin-bottom: 0;
}

.block__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 36rem;
  margin: 1rem auto 0;
}

.block__stat {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 8rem;
  height: 8rem;
  margin: 2rem;
  border-radius: 50%;
  background-color: #fff;
  color: #c4c4c4;
  box-shadow: 0 1rem 3rem 0 rgba(0,0,0,0.1);
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
  transition: box-shadow 300ms ease;
}

.block__stat:hover {
  color: #4cb748;
  box-shadow: 0 1rem 3rem 0 rgba(0,0,0,0.1), inset 0 0 0 0.3125rem #489fd6;
}

.block__label {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: 1.5rem;
  transform: translateX(-50%);
  white-space: nowrap;
  font-weight: normal;
  font-size: 1rem;
  font-weight: bold;
}

.block__stat:hover .block__label {
  display: block;
  color: #000;
}

.block__hr {
  display: block;
  margin: 3rem 0;
  height: 0.625rem;
  border-radius: 1rem;
  background-image: linear-gradient(90deg, rgb(76, 183, 72), rgb(33, 135, 191), rgb(98, 38, 158));
}
.page-template-template-pillar .block__hr {
      background-image: linear-gradient(90deg, rgb(48, 216, 39), rgb(52, 163, 212));
      margin: 0 0 3rem;
  }

.block__accordion {
  border-bottom: 0.0625rem solid #e0e0e0;
  text-align: left;
}

.block__accordion--active {
  border: 0;
}

.block__accordion__toggle {
  display: block;
  position: relative;
  width: 100%;
  padding: 2rem 2rem 2rem 0;
  border: 0;
  background: none;
  font-size: 1.875rem;
  font-weight: bold;
  text-align: left;
  color: #3f3f3f;
  box-shadow: none !important;
}

.block__accordion__icon {
  position: absolute;
  top: 2rem;
  right: 0;
  color: #489fd6;
}

.block__accordion--active .block__accordion__icon {
  transform: rotate(180deg);
}

.block__accordion__content {
  /*display: none;*/
  overflow: hidden;
  background-color: #f8f8f8;
  background-size: 50% auto;
  background-position: right bottom;
  background-repeat: no-repeat;
  transition: 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .block__accordion__content {
    background-image: none !important;
  }
}

.block__accordion--active .block__accordion__content {
  display: flex;
  flex-direction: column;
}

@media (min-width: 48em) {
  .block__accordion--active .block__accordion__content {
    flex-direction: row;
    align-items: flex-start;
  }
}

.block__accordion__text {
  width: 100%;
  padding: 2rem;
}

@media (min-width: 48em) {
  .block__accordion__text {
    width: 26rem;
  }
}

.block__accordion__text > :last-child {
  margin-bottom: 0;
}

.block__accordion__text h3 {
  color: #489fd6;
  font-weight: bold;
  font-family: 'source sans pro', sans-serif;
  font-size: 1.25rem;
  text-transform: none;
}

.block__accordion__image {
  width: 100%;
  padding: 0 2rem 2rem;
}

@media (min-width: 48em) {
  .block__accordion__image {
    width: calc(100% - 26rem);
    padding: 3rem;
  }
}

.block__card-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -1.5rem;
}

.block__card {
  display: flex;
  width: calc(100% - 3rem);
  max-width: 20rem;
  min-height: 6.75rem;
  margin: 1.5rem;
  border-radius: 0.25rem;
  background-color: #fff;
  color: #3f3f3f;
  box-shadow: 6px 3px 12px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

.block__card__image {
  width: 40%;
  background-size: cover;
  clip-path: polygon(0 0, 0 100%, calc(100% - 1rem) 100%, 100% 0);
}

.block__card__text {
  align-self: center;
  width: 60%;
  padding: 1rem;
  font-size: 1.125rem;
  font-weight: bold;
}

.block__text {
  max-width: 48rem;
  margin: 2rem auto;
}

.block--featured + .block--featured {
  padding-top: 0;
}

.block__feature {

}
@media (max-width: 64em) {
    .page-template-template-pillar .block__feature__image {
      display: none;
    }
}

.block__feature__image img {
  margin: 0 auto;
  border-radius: 50%;
}

.page-template-template-pillar .block__feature__image img {
  border-radius: 6%;
}

.block__feature__content {

}

.block__feature .block__accordion__text {
  width: auto;
}

@media (min-width: 64em) {
  .block__feature {
    display: flex;
    justify-content: space-between;
  }

  .block__feature__image {
    position: relative;
    width: calc(50% - 2rem);
  }

  .block__feature__image::before {
    content: '';
    display: block;
    padding-top: 125%;
  }

  .block__feature--right .block__feature__image {
    order: 1;
  }

  .block__feature__image img {
    position: absolute;
    top: 0;
    right: 0;
    width: 125%;
    max-width: none;
  }

  .block__feature--right .block__feature__image img {
    right: auto;
    left: 0;
  }

  .block__feature__content {
    width: calc(50% - 2rem);
  }
}

/* ---- css/new/button-new.css ---- */
.button-new {
  display: inline-block;
  position: relative;
  padding: 0.75rem 2rem;
  border: 0 !important;
  border-radius: 2rem;
  transition: all 100ms ease-in-out, transform 600ms ease, opacity 600ms ease;
  background-color: #489fd6;
  color: #fff;
  font-family: 'source sans pro', sans-serif;
  font-size: 1.25rem;
  text-shadow: none;
  overflow: hidden;
  box-shadow: none !important;
  font-weight: 900;
  text-decoration: none;
}

.button-new:active {
  background-color: #2F86BD;
}

.button-new:hover, .post__content .button-new:hover {
  background-color:  #489fd6;
}

.button-new::before {
  content: '';
  position: absolute;
  top: 0;
  left: -4.5em;
  width: 3em;
  height: 100%;
  transform: skewX(-45deg);
  transition: none;
  background-color: rgba(255, 255, 255, 0.5);
  will-change: transform;
}

.button-new:hover::before {
  left: calc(100% + 4.5rem);
  transition: left 500ms ease-in-out;
}

.button-new::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8em;
  height: 8em;
  margin: -4em 0 0 -4em;
  border-radius: 50%;
  transform: scale(0);
  transform-origin: center;
  background-color: rgba(0, 7, 62, 0.5);
}

.button-new-alt {
  background: linear-gradient(to right, #34A3D4, #30D827);
  word-break: normal;
  position: relative;
  /*text-shadow: 0px 1px 0px #121212;*/
  font-weight: bold;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.25rem;
  transition: all 0.3s ease-in-out;
}
.button-new.sea-serpent {
   background: linear-gradient(to right, #34A3D4, #30D827);
}
.button-new-alt.gradient-down {
  background: linear-gradient(to bottom, #34A3D4, #30D827);
}

.button-new.ifrit.gradient-down {
  background: linear-gradient(to bottom, #A11BB3, #E42762, #F37235);
}

.button-new-alt.gradient-down:hover {
  background-size: 100% 200% !important;
}
.button-new-alt:before {
  display: none;
  /*content: "";
  position: absolute;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  width: 84%;
  height: 50%;
  top: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 100px;*/
}
.button-new-alt:hover:before {
  left: 50%;
}
.button-new-alt:hover {
  -webkit-animation: gradient-moving 3s ease infinite;
    animation: gradient-moving 3s ease infinite;
    background-size: 198% 100% !important;
}

.button-new:active::after {
  transform: none;
  transition: all 400ms ease-in-out;
  opacity: 0;
}

.button-new--small {
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
}

.button-new__play {
  display: inline-block;
  margin-left: 0.75rem;
  border-top: 0.375rem solid transparent;
  border-bottom: 0.375rem solid transparent;
  border-left: 0.625rem solid #fff;
}

.button-new__icon {
  margin-left: 0.75rem;
}

/* Animated Button */

.animated-btn {
  display: inline-block;
  position: relative;
  padding: 0.75rem 2rem;
  border: 0 !important;
  border-radius: 2rem;
  transition: all 100ms ease-in-out, transform 600ms ease, opacity 600ms ease;
  background-color: #489fd6;
  color: #fff;
  font-family: 'source sans pro', sans-serif;
  font-size: 1.25rem;
  text-shadow: none;
  overflow: hidden;
  box-shadow: none !important;
}

.animated-btn:active {
  background-color: #2F86BD;
}

.animated-btn:hover, .post__content .animated-btn:hover {
  background-color:  #489fd6;
}

.animated-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -4.5em;
  width: 3em;
  height: 100%;
  transform: skewX(-45deg);
  transition: none;
  background-color: rgba(255, 255, 255, 0.5);
  will-change: transform;
}

.animated-btn:hover::before {
  left: calc(100% + 4.5rem);
  transition: left 500ms ease-in-out;
}

.animated-btn::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8em;
  height: 8em;
  margin: -4em 0 0 -4em;
  border-radius: 50%;
  transform: scale(0);
  transform-origin: center;
  background-color: rgba(0, 7, 62, 0.5);
}

.animated-btn:active::after {
  transform: none;
  transition: all 400ms ease-in-out;
  opacity: 0;
}

/* Animated Button Small */
.animated-btn-small {
  display: inline-block;
  position: relative;
  padding: 0.5rem 1.5rem;
  border: 0 !important;
  border-radius: 2rem;
  transition: all 100ms ease-in-out, transform 600ms ease, opacity 600ms ease;
  background-color: #489fd6;
  color: #fff;
  font-family: 'source sans pro', sans-serif;
  font-size: 1rem;
  text-shadow: none;
  overflow: hidden;
  box-shadow: none !important;
}

.animated-btn-small:active {
  background-color: #2F86BD;
}

.animated-btn-small:hover, .post__content .animated-btn-small:hover {
  background-color:  #489fd6;
}

.animated-btn-small::before {
  content: '';
  position: absolute;
  top: 0;
  left: -4.5em;
  width: 3em;
  height: 100%;
  transform: skewX(-45deg);
  transition: none;
  background-color: rgba(255, 255, 255, 0.5);
  will-change: transform;
}

.animated-btn-small:hover::before {
  left: calc(100% + 4.5rem);
  transition: left 500ms ease-in-out;
}

.animated-btn-small::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8em;
  height: 8em;
  margin: -4em 0 0 -4em;
  border-radius: 50%;
  transform: scale(0);
  transform-origin: center;
  background-color: rgba(0, 7, 62, 0.5);
}

.animated-btn-small:active::after {
  transform: none;
  transition: all 400ms ease-in-out;
  opacity: 0;
}

@keyframes gradient-moving {
  0% {
    background-position: 0% 100%;
  }
  50% {
    background-position: 100% 0%;
  }
  100% {
    background-position: 0% 100%;
  }
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* ---- css/new/cards.css ---- */
.cards {
  width: 100%;
  max-width: 80rem;
  margin: 3rem auto;
  color: #3f3f3f;
}

@media (min-width: 64.0625em) {
  .cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }
  .cards.cards-expandable {
    align-items: flex-start;
    justify-content: space-evenly;
  }
  .cards.cards-expandable .cards__item {
    margin-bottom: 50px;
  }
}

.cards--narrow {
  max-width: 58rem;
}

.cards.slick-slider,
.cards .slick-list {
  overflow: visible;
}

.cards .slick-dots li {
  padding-left: 0 !important;
}
.cards .slick-dots li:before {
  display: none;
}

.cards .slick-dots li button {
  width: 100%;
  height: 100%;
  border: 0.0625rem solid #000;
  border-radius: 50%;
  box-shadow: none;
}

.cards .slick-dots li.slick-active button {
  border-color: transparent;
  background-color: #6ab557;
}

.cards .slick-dots li button::before {
  display: none;
}

.cards__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 1rem;
  padding: 2rem;
  transition: transform 300ms ease, box-shadow 300ms ease;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 1.5rem 3rem 0 rgba(0,0,0,0.2);
  will-change: transform, box-shadow;
}

@media (min-width: 64.0625em) {
  .cards__item {
    width: calc(25% - 1.25rem);
    margin: 0;
  }

  .cards__item--wide {
    width: calc(29% - 1.25rem);
  }
}

.cards__item:hover {
  transform: scale(1.05);
  box-shadow: 0 1.5rem 3rem 0 rgba(0,0,0,0.5);
}

.cards__item > * {
  width: 100%;
}

.cards__item--alt {
  /*align-self: flex-start;*/
  padding-bottom: 4rem;
}

.cards__item--alt2 {
  padding: 0;
  border-radius: 0.5rem;
  overflow: hidden;
}

.cards__item--alt3 {
  padding: 0;
  box-shadow: none;
}

.cards__item--alt3:hover {
  transform: none;
  box-shadow: none;
}

@media (min-width: 1025px) {
  .cards__item--alt2,
  .cards__item--alt3 {
    width: calc(33.333% - 1.25rem);
  }
}

.cards__item__top {
  padding: 1.5rem;
  background-color: #489fd6;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
}

.cards__item__content {
  padding: 2rem 1.5rem;
  text-align: left;
}

.cards__item__content li {
  position: relative;
  margin-top: 0.5rem;
  padding-left: 1.125rem;
  font-size: 1.125rem;
}

.cards__item__content li:first-child {
  margin-top: 0;
}

.cards__item__content li::before {
  content: '\f00c';
  display: inline-block;
  position: absolute;
  top: 0.4375rem;
  left: 0;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 75%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cards__image {
  width: calc(100% + 4rem);
  margin: -2rem -2rem 0;
}

.cards__image img {
  width: 100%;
}
.page-template-template-pillar .cards__image {
  width: calc(100% + 4rem);
  margin: 0;
}

.page-template-template-pillar .cards__image img {
  max-height: 90px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.cards__icon {
  width: 100%;
  max-width: 5rem;
  margin: 0 auto;
}

.cards__icon img {
  width: 100%;
}

.cards__title {
  margin: 2rem 0 0.5rem;
  font-family: 'source sans pro', sans-serif;
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: none;
}

.cards__button {
  width: auto;
  max-width: 100%;
  margin-top: auto;
}

.cards .slick-track {
  display: flex;
  justify-content: center;
}

.cards .slick-slide {
  display: flex;
  height: auto;
}

.cards__cta {
  max-width: 82rem;
  margin: 6rem auto 0;
  padding: 0 1rem;
  font-size: 18px;
  text-align: right;
  position: relative;
  z-index: 1;
}

@media (min-width: 1025px) {
  .cards__cta {
    margin-top: 0;
  }
}

.cards__cta a {
}

.cards__expand {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2rem;
  padding: 0;
  border: 0;
  background: #eee;
  box-shadow: none !important;
}

.cards__expand::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-top: 0.5rem solid #bbb;
  border-right: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
}

.cards__item--expanded .cards__expand {
  transform: rotate(180deg);
}

.cards__expanded {
  max-height: 0;
  overflow: hidden;
  margin-bottom: 1rem;
  transition: 300ms ease-in-out max-height;
  font-size: 1.125rem;
}

@media (max-width: 64em) {
  .cards__expanded {
    max-height: none;
  }

  .cards__expand {
    display: none;
  }
}

.cards__item--expanded .cards__expanded {
  max-height: 30rem;
}

.cards__item--active .cards__expanded {
  max-height: 30rem;
}

.block--green-blue .cards .slick-dots li button {
  border-color: #fff;
}

.block--green-blue .cards .slick-dots li.slick-active button {
  background: #fff;
}

.cards__link {
  font-size: 1.25rem;
  text-align: left;
}

.cards__link a:hover {
  color: #32cd32;
}

.cards .btn_arrow {
  overflow: hidden;
}

.cards .test_arrow {
  margin: -1.75rem 0 1.25rem;
  font-size: 1.125rem;
}

.cards .test_arrow span {
  top: 14px;
}

/* ---- css/new/chat.css ---- */
.chat {
  position: relative;
  min-width: 10rem;
  max-width: 24rem;
  float: right;
  font-size: 1rem;

}

.chat--alt {
  float: left;
}

.chat__container {
  position: relative;
  padding-right: 3rem;
  padding-bottom: 2rem;
  transform: translateY(1rem);
  transition: all 600ms ease;
  opacity: 0;
}

.chat--alt .chat__container {
  padding-right: 0;
  padding-left: 3rem;
}

.chat__container--active {
  transform: none;
  opacity: 1;
}

.chat__bubble {
  position: relative;
  min-height: 4rem;
  padding: 1rem;
  border-radius: 1rem;
  background-color: #489fd6;
  color: #fff;
}

.chat--alt .chat__bubble {
  background-color: #e7e7e7;
  color: #3f3f3f;
}

.chat__bubble::before {
  content: '';
  position: absolute;
  top: calc(100% - 1rem);
  right: 0;
  border-top: 1.5rem solid #489fd6;
  border-right: 1.5rem solid #489fd6;
  border-bottom: 1.5rem solid transparent;
  border-left: 1.5rem solid transparent;
  transform: rotate(-15deg);
  z-index: -1;
}

.chat--alt .chat__bubble::before {
  right: auto;
  left: 0;
  border-top-color: #e7e7e7;
  border-right-color: transparent;
  border-left-color: #e7e7e7;
  transform: rotate(15deg);
}

.chat__message {
  display: none;
}

.chat__container--show .chat__message {
  display: block;
}

.chat__typing {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  background-color: #489fd6;
}

.chat--alt .chat__typing {
  background-color: #e7e7e7;
}

.chat__container--show .chat__typing {
  display: none;
}

.chat__typing span {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 0.25rem;
  border-radius: 50%;
  background: #fff;
  animation: fade 1000ms ease infinite;
}

.chat__typing span:nth-child(2) {
  animation-delay: 333ms;
}

.chat__typing span:nth-child(3) {
  animation-delay: 666ms;
}

.chat__image {
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 50%;
}

.chat--alt .chat__image {
  right: auto;
  left: 0;
}

@keyframes fade {
  0% {
    opacity: 0.25;
  }
  50% {
    opacity: 0.75;
  }
  100% {
    opacity: 0.25;
  }
}

/* ---- css/new/clients.css ---- */
.clients {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
}

.clients--alt {
  margin: 0rem 0 4rem;
}

.clients__item {
  width: 50%;
  margin-top: 2rem;
  padding: 0 1rem;
}

@media (min-width: 48em) {
  .clients__item {
    width: 33.333%;
    margin-top: 4rem;
  }
}

@media (min-width: 64em) {
  .clients__item--alt {
    width: 20%;
  }
}

.clients__image {
  width: 100%;
  max-width: 12.375rem;
  height: auto;
  margin: auto;
  transition: opacity 300ms ease, filter 300ms ease;
  opacity: 0.6;
  filter: grayscale(100%);
}

.clients__image--alt {
  max-width: 10.75rem;
}

.clients__image:hover {
  opacity: 1;
  filter: none;
}

/* ---- css/new/cta.css ---- */
.cta {
  margin-top: 1.5rem;
}

.cta__button {
  display: inline-block;
  width: 18.75rem;
  max-width: calc(100% - 3rem);
  margin: 1rem 1.5rem;
  padding: 1rem 1rem;
  border-radius: 2rem;
  transition: all 300ms ease;
  background-color: #fff;
  /* color: #34a3d4; */
  color: #287EA9;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  text-decoration: none;
}

.cta__button--alt {
  width: 15rem;
  padding: 0.625rem;
  font-family: 'source sans pro', sans-serif;
  font-size: 16px;
}

@media (min-width: 48em) {
  .cta__button--alt {
    width: 18.75rem;
    padding: 1rem;
    font-size: 18px;
  }
}

.cta__button:hover {
  color: #fff;
  /*background-color: #34a3d4;*/
  background-color: #287EA9;
}

.cta__button--blue {
  color: #287EA9 !important;
}

.cta__button--blue:hover {
  background: #34a3d4 !important;
  color: #fff !important;
}

.cta__button--blue-inverse {
  background-color: #34a3d4;
  color: #fff;
}

.cta__button--blue-inverse:hover {
  background-color: #fff;
  color: #34a3d4;
}

.cta__button--green {
  color: #4cb748;
}

.cta__button--green:hover {
  background-color: #4cb748;
}

.cta__button--green-inverse {
  background-color: #4cb748;
  color: #fff;
}

.cta__button--green-inverse:hover {
  background-color: #fff;
  color: #4cb748;
}

.cta__button i {
  margin-right: 0.5rem;
}

/* automatic coloring */

.cta .cta__button:nth-child(odd) {
  /*color: #4cb748;*/
  color: #287EA9;
}

.cta .cta__button:nth-child(odd):hover {
  /*background-color: #4cb748;*/
  background-color: #287EA9;
  color: #fff;
}

/* Shortcode CTA styles */
.cta-container {
    padding: 20px;
    display: flex;
    align-items: center;
    background: #f0f2f4;
    margin: .625rem 0;
}
.cta-container .cta-image {
    max-width: 144px;
    margin-right: 0;
    font-size: 0;
    width: 100%;
}
.cta-container .cta-content {
    padding-left: 20px;
}
.cta-container .cta-title {
  color: #3f3f3f;
  display: block;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
}
.cta-container .cta-excerpt{
  line-height: 120%;
  display: block;
  /*margin-top: 7px;*/
  color: #34A3D4;
  font-weight: bold;
}

.cta-container .cta-excerpt a {
  color: #34A3D4;
  font-weight: bold;
  position: relative;
  text-decoration: underline;
  transition: border-color 300ms ease, background-color 300ms ease;
  line-height: 27px;
}

.cta-container .cta-excerpt a:hover {
  background-color: rgba(72,159,214, .25);
}

.cta-container .cta-excerpt a:after {
  /*content: '→';*/
  content:  '\f178';
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  margin: 0 0 0 8px;
  transform: initial;
  background-color: transparent;
  bottom: 4px;
}

/* ---- css/new/facts.css ---- */
.facts {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-family: 'source sans pro', sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1;
}

@media (min-width: 48em) {
  .facts {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
}

.facts__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  margin-top: 4rem;
}

@media (min-width: 48em) {
  .facts__item {
    width: 50%;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

@media (min-width: 64em) {
  .facts__item {
    width: 25%;
    margin-top: 2rem;
  }
}

.facts__wrap {
  display: flex;
  padding-top: 0.5rem;
  margin: 0 auto;
}

.facts__image {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  margin-right: 1rem;
  border-radius: 50%;
  overflow: hidden;
}

.facts__text {
  font-family: 'source sans pro', sans-serif;
  font-size: 0.875rem;
  text-align: left;
  text-transform: uppercase;
}

.facts__large {
  display: block;
  margin-bottom: 0.5rem;
  font-family: 'source sans pro', sans-serif;
  font-size: 3rem;
  font-weight: 900;
  line-height: 0.7;
}

/* ---- css/new/form.css ---- */
.form {
  display: flex;
  max-width: 28rem;
  margin: 2rem auto 0;
  border-radius: 2rem;
  background-color: #fff;
}

.form__input {
  width: 0;
  flex-grow: 1;
  padding: 0 1.5rem;
  border: 0;
  background-color: transparent;
}

.form__button {
  min-height: 54px;
}


.gform_wrapper input[type=text], .gform_wrapper input[type=tel], .gform_wrapper input[type=email] {
    display: block;
    width: 100%;
    padding: 6px 12px !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #212529;
    background-color: #F8F8F8;
    background-clip: padding-box;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 12px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 52px;
    border-radius: 8px !important;
    border: 1px solid rgba(112, 112, 112, .54);
}
.gform_wrapper input[type=text]:focus, .gform_wrapper input[type=text]:focus-visible {
    border: 1px solid rgba(112, 112, 112, .54);
    border-color: rgba(112, 112, 112, .54);
    box-shadow: 0 0 0 0.25rem rgb(48 216 39 / 35%);
    outline: 0;
}
.gform_wrapper input[type=email]:focus, .gform_wrapper input[type=email]:focus-visible {
    border: 1px solid rgba(112, 112, 112, .54);
    border-color: rgba(112, 112, 112, .54);
    box-shadow: 0 0 0 0.25rem rgb(48 216 39 / 35%);
    outline: 0;
}
.gform_wrapper input[type=tel]:focus-visible {
    border: 1px solid rgba(112, 112, 112, .54);
    box-shadow: 0 0 0 0.25rem rgb(48 216 39 / 35%);
    outline: 0;
}
.gform_wrapper textarea {
    display: block;
    width: 100%;
    padding: 6px 12px !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #212529;
    background-color: #F8F8F8;
    background-clip: padding-box;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 12px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    min-height: 190px;
    border-radius: 11px;
    border: 1px solid rgba(112, 112, 112, .54);
}
.gform_wrapper textarea:focus, .gform_wrapper textarea:focus-visible {
    border: 1px solid rgba(112, 112, 112, .54);
    box-shadow: 0 0 0 0.25rem rgb(48 216 39 / 35%);
    outline: 0;
}
.gform_wrapper .gfield_radio input[type=radio], .gform_wrapper .gform_body ul.gfield_checkbox li input[type=checkbox], .gform_wrapper .gform_body ul.gfield_radio li input[type=radio] {
    border: 1px solid rgba(112, 112, 112, .54);
    height: 20px;
    width: 20px !important;
}
.gform_wrapper .gform_body ul.gfield_radio li input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #F8F8F8;
    border-radius: 50%;
    margin-top: 5px;
    margin-left: 5px !important;
}
/*.gform_wrapper .gfield_radio input[type=radio]:indeterminate {
    border-color: #34a3d4 !important;
    background-color: #34a3d4 !important; 
}*/
.gform_wrapper .gfield_radio  input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    border-color: rgba(112, 112, 112, .54) !important;
    background-color: rgba(112, 112, 112, .54) !important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(232 17 250 / 35%);
}
.gform_wrapper .gform_body .gfield_radio li label {
    margin-top: 2px;
    margin-left: 8px;
    font-size: 14px;
}
.nice-select {
    color: #212529;
    width: 100%;
    height: 52px;
    padding: 0 12px !important;
    border: 1px solid rgba(112, 112, 112, .54);
    border-radius: 8px;
    background-color: #F8F8F8;
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;
    display: flex;
    align-items: center;
}
.nice-select:after {
    right: 32px;
    width: 15px;
    height: 15px;
    margin-top: -10px;
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all 0.15s 
ease-in-out;
}
.nice-select:hover, .nice-select:focus {
  border: 1px solid rgba(112, 112, 112, .54);
  box-shadow: 0 0 0 0.25rem rgb(48 216 39 / 35%);
  outline: 0;
}

.nice-select .list {
    left: 0;
    width: 100%;
    margin-top: 1rem;
    padding: 0.5rem 0;
    border-radius: 8px;
    border: 1px solid rgba(112, 112, 112, .54);
    background-color: #F8F8F8;
    box-shadow: none;
}
.nice-select.gfield_select .list {
    max-height: 400px;
    overflow-y: auto;
}
@media (min-width: 48em) {
  .nice-select .list {
    left: 10%;
    width: 80%;
  }
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #ffffff;
}

.gform_wrapper.gravity-theme .gfield--input-type-email.gfield.gfield--width-third, .gform_wrapper.gravity-theme .gfield--input-type-phone.gfield.gfield--width-third, .gform_wrapper.gravity-theme .gform_body .gfield--width-third.input-field-browser  {
    grid-column: span 6;
    -ms-grid-column-span: 6;
}
@media (max-width: 640px) {
  .gform_wrapper.gravity-theme .gfield--input-type-email.gfield.gfield--width-third, .gform_wrapper.gravity-theme .gfield--input-type-phone.gfield.gfield--width-third, .gform_wrapper.gravity-theme .gform_body .gfield--width-third.input-field-browser  {
    grid-column: 1 / -1;
  }
}

/*.gform_button_select_files {
    color: #575656;
    line-height: 23px;
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 1);
    display: inline-flex;
    align-items: center;
    position: relative;
    border-radius: 50px;
    text-decoration: none;
    padding: .5em .8em;
    margin: 0.5em;
    font-size: 1em;
    font-weight: bold;
    max-width: fit-content;
    width: 100%;
    transition: none;
    z-index: 1;
    border-bottom: 0;
    justify-content: center;
}
.gform_button_select_files:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    border-radius: 50px;
    background: rgba(73, 155, 234, 1);
    background: -moz-linear-gradient(to bottom, #ffa915, #e42762, #a11bb3);
    background: -webkit-gradient(to bottom, #ffa915, #e42762, #a11bb3);
    background: -webkit-linear-gradient(to bottom, #ffa915, #e42762, #a11bb3);
    background: -o-linear-gradient(to bottom, #ffa915, #e42762, #a11bb3);
    background: -ms-linear-gradient(to bottom, #ffa915, #e42762, #a11bb3);
    background: linear-gradient(to bottom, #ffa915, #e42762, #a11bb3);
}
.gform_button_select_files:after {
    content: "";
    display: block;
    position: absolute;
    left: 6px;
    top: 6px;
    bottom: 6px;
    right: 6px;
    z-index: -1;
    border-radius: 50px;
    background: #ffffff;
}
.gform_button_select_files:hover:after {
    background: linear-gradient(to bottom, #fdc681, #ee86ab, #cd7fd0);
}*/


.gform_wrapper input[type=submit], .gform_button_select_files {
    border-radius: 30px;
    color: #fff;
    padding: 14px 30px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    min-width: 108px;
    height: auto;
    font-size: 20px;
    line-height: 27px;
    background: linear-gradient(to top, #34A3D4, #30D827);
    border: none;
    box-shadow: none;
    margin-left: 0;
    text-shadow: none;
    transition: .3s all ease-in-out;
    line-height: 1 !important;
}
.gform_wrapper input[type=submit]:hover, .gform_button_select_files:hover {
    /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05)*/
    background-color: #1a7fac;
    box-shadow: none;
}

.gform_button_select_files {
    font-size: 16px;
    padding: 6px 16px;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    min-width: 160px;
}


/* ---- css/new/minimodal.css ---- */
.minimodal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}

.minimodal__overlay {
  position: absolute;
  top: -8rem;
  left: 0;
  width: 100%;
  height: calc(100% + 16rem);
  background: rgba(0, 0, 0, 0.9);
}

.minimodal__viewport {
  position: relative;
  height: 100%;
  pointer-events: none;
}

.minimodal__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.minimodal__status {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
}

.minimodal__content {
  height: 100%;
}

.minimodal__element {
  display: block;
  position: relative;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  transform: translateY(-50%);
  pointer-events: auto;
}

.minimodal__element--map {
  background: white;
}

.minimodal__element--video {
  max-width: calc(100vh * (16/9));
}

.minimodal__element--video::before {
  display: block;
  padding-bottom: 56.25%;
  background: black;
  content: '';
}

.minimodal__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.minimodal__caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  pointer-events: auto;
}

.minimodal__close {
  position: absolute;
  top: 0;
  right: 0;
}

.minimodal__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.minimodal__nav--previous {
  left: 0;
}

.minimodal__nav--next {
  right: 0;
}

/* ================================================================================================================== customization */

/* minimodal */
.minimodal {
  transition: all 600ms ease;
  opacity: 0;
  z-index: 99999;
}
.minimodal--active {
  opacity: 1;
}
/* status */
.minimodal__status {
  transition: all 600ms ease;
  opacity: 0;
}
.minimodal__item--loading .minimodal__status {
  opacity: 1;
}
/* content */
.minimodal__content {
  max-width: 64rem;
  margin: auto;
  transform: scale(0.5);
  transition: all 600ms ease;
  opacity: 0;
}
.minimodal__item--loaded .minimodal__content {
  transform: none;
  opacity: 1;
}
.minimodal__item--removed--previous .minimodal__content,
.minimodal__item--removed--next .minimodal__content {
  transform: scale(0.5);
}
/* item */
.minimodal__item {
  transition: all 600ms ease;
}
/* item added, removed */
.minimodal__item--added,
.minimodal__item--removed {
  opacity: 0;
}
/* item added previous, removed next */
.minimodal__item--added--previous,
.minimodal__item--removed--next {
  transform: translateX(-100%);
}
/* item added next, removed previous */
.minimodal__item--added--next,
.minimodal__item--removed--previous {
  transform: translateX(100%);
}
/* hidden */
.hidden {
  display: none;
}
/* iframe - styled for video */
.minimodal__element--iframe {
  max-width: calc(100vh * (16/9));
}
.minimodal__element--iframe::before {
  display: block;
  padding-bottom: 56.25%;
  background: black;
  content: '';
}
.minimodal__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.minimodal__close {
  padding: 1rem;
  border: 0;
  background-color: transparent !important;
  color: #fff;
  font-size: 2rem;
  box-shadow: none !important;
}

/* ---- css/new/post.css ---- */
:root {
  scroll-behavior: smooth;
}
:root:target {
  /*top: -100px; */
}

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700;900&display=swap');
/* global adjustments */
body.single.post-template-template-blog {
  background-color: #ffffff;
}
.post-template-template-blog .nav_bc {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

@media (min-width: 1171px) {
  .post-template-template-blog .nav_bc {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  }
}

.post-template-template-blog .headerbox::after {
  display: none;
}

.post-template-template-blog .headerbox-scrolled {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  width: var(--scrolled);
  height: 6px;
  background-image: url('../images/gradient-bar.jpg');
  background-position: left center;
  background-size: 100vw 100%;
}


/* base */

.post {
  font-size: 1.125rem;
}

.post img {
  display: block;
}

.post p {
  padding: 0;
  margin: 0 auto 1rem;
  line-height: 1.667;
  font-family: 'Source Sans Pro', sans-serif;
}

.post p:empty {
  display: none;
}

/* post */

.post {

}

.post__container {
  max-width: 896px;
  margin: 0 auto;
  width: 100%;
}
.post__container.has__sidebar {
  display: flex;
  align-items: flex-start;
}

.post__container--narrow {
  max-width: 54rem;
}

.single-news .post__container--narrow {
  background-color: #fff;
}

.post__hero__container {
  margin: 0 auto;
  background-color: #F2F3F4;
  /*min-height: 400px;*/
  display: flex;
  align-items: center;
}

.post__hero {
  background-color: #F2F3F4;
  padding: 85px 24px;
  margin: 0 auto;
  max-width: calc(896px + 8rem);
  width: 100%;
}

.post__hero h1 {
  font-family: 'Source Sans Pro', sans-serif;
}

@media (min-width: 48em) {
  .post__hero {
    padding: 85px 64px;
  }
}

.post__hero__image {

}

.last-updated {
  color: #5A7184;
  margin-top: 1rem;
  font-size: 1rem;
}

.post__container.full__width  .post__main {
  width: 100%;
}
.post__main {
  position: relative;
  margin: 0 auto;
  padding: 85px 24px;
  background-color: #fff;
  width: calc(100% - 191px);
}
@media (max-width: 1199px) {
  .post__main {
    width: 100%;
  }
}

@media (min-width: 48em) {
  .post__main {
    margin: 0 2rem;
    padding: 85px 31px 85px 0;
  }
}

@media (min-width: 64em) {
  .post__main {
    margin: 0;
    padding: 85px 31px 85px 0;
  }
}

@media (min-width: 80em) {
  .post__main {
    margin: 0 auto;
    padding: 85px 31px 85px 0;
    /*max-width: calc(896px + 8rem);*/
  }
}

.post__main h2, .post__main h3, .post__main p, .post__main ul li, .post__main ol li, .post__main a {
  font-family: 'Source Sans Pro', sans-serif;
}

.post__header {
  max-width: 64rem;
  margin-right: auto;
  margin-bottom: 4rem;
  margin-left: auto;
  padding-bottom: 3rem;
  border-bottom: 0.0625rem solid #969799;
}

.post__meta {
  font-size: 1rem;
  font-weight: bold;
  text-align: left;
  font-family: 'Source Sans Pro', sans-serif;
}

@media (min-width: 48em) {
  .post__meta {
    font-size: 1.125rem;
  }
}


.post__meta span {
  border-top: 0.125rem solid transparent;
  border-bottom: 0.125rem solid transparent;
  transition: background-color 300ms ease;
  color: #3f3f3f;
}

.post__meta a {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 20px 10px rgba(255, 255, 255, 1);
  display: inline-block;
  padding: 4px 18px;
  margin-bottom: 8px;
  border-radius: 12px;
  color:  #21AD10;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 14px;
  transition: all 0.2s linear 0s;
}

.post__meta a:hover {
  /*background-color: rgba(52, 163, 212, 0.125);*/
  transform: translateY(-6px);
  
}
.post__meta a:hover:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 6px;
  left: 0;
  bottom: -6px;
}

.post__meta + .post__meta {
  margin-top: -1rem;
}

.post__reading-time {
  display: inline-block;
  margin-left: 1rem;
  padding-left: 1rem;
  border-left: 0.125rem solid;
}

.post__content h2, .post__content h3 {
  scroll-margin-top: 200px;
}
.post__content h2 {
/*  margin-top: 3.125rem;*/
}
.post__content .post__image {
  /*max-width: 64rem;*/
  margin-bottom: 50px;
  margin-top: 40px;
}

.post__image img {
  width:  100%;
  border-radius: 8px;
}

.featured__caption {
  font-family: 'Source Sans Pro', sans-serif;
  text-align: right;
  color: #5A7184;
  font-size: 11px;
  margin-top: .5rem;
}

.post__title {
  margin: 1rem 0;
  color: #292929;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 30px;
  text-align: left;
  margin-bottom: 0;
}

@media (min-width: 48em) {
  .post__title {
    font-size: 38px;
    line-height: 1.278;
  }
}

@media (min-width: 64em) {
  .post__title {
    font-size: 40px;
    line-height: 1.278;
  }
}

.post__content {

}

.post__content > * {
  /*max-width: 43.75rem;
  margin-right: auto;
  margin-left: auto;*/
}

.post__p--intro {
  max-width: 64rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 1.4375rem;
}

@media (min-width: 48em) {
.post__p--intro {
   font-size: 1.75rem;
 }
}

.post__content a {
  border-top: 0.125rem solid transparent;
  border-bottom: 0.125rem solid rgba(52, 163, 212, 0.25);
  transition: border-color 300ms ease, background-color 300ms ease;
}

.post__content a:hover {
  background-color: rgba(52, 163, 212, 0.125);
  border-bottom-color: transparent;
}

.post__content h2 {
  margin-bottom: 1rem;
  margin-top: 3rem;
  font-size: 1.875rem;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  line-height: 36px;
  text-transform: none;
  letter-spacing: 0;
}
.post__content h2:first-child {
  margin-top: 0;
}
@media (min-width: 48em) {
  .post__content h2 {
/*    font-size: 1.5rem;*/
  }
}

.post__content h3 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  text-transform: none;
  line-height: 27px;
  margin-bottom: 8px;
  margin-top: 30px;
}

.post__content hr {
  width: 4rem;
  margin: 2rem auto;
  text-align: center;
}

.post__content h3 + ul {
  margin-top: 40px;
}

.post__content ul,
.post__content ol {
  margin-bottom: 25px;
  padding-left: 2.5rem;
  list-style-position: outside;
}

.post__content ul {
  list-style-type: disc;
}
.post__content ul.ul-circle {
  list-style-type: circle;
}

.post__content ol {
  list-style-type: decimal;
}

.post__content li {
  margin-bottom: 0.25rem;
  list-style: inherit;
}

.post__content blockquote {
  margin: 2rem auto;
  padding: 2rem;
  color: #969799;
  border-top: 0.0625rem solid #969799;
  border-bottom: 0.0625rem solid #969799;
  border-left: 0;
  background-color: transparent;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.375rem;
  font-style: italic;
  text-align: center;
}

.post__content .post__blockquote--tweet {
  margin: 4rem auto;
  padding: 0 2rem;
  border: 0;
  color: #662897;
}

.post__content .post__blockquote--tweet a {
  color: inherit;
  text-decoration: none;
}

.post__content .post__blockquote--tweet::after {
  content: '';
  display: block;
  margin: 2rem auto 0;
  width: 2rem;
  height: 2rem;
  background-image: url('../svg/twitter-outline.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.post__content blockquote p {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.post__content blockquote p:last-child {
  margin-bottom: 0;
}

.post__content blockquote p:first-child::before {
  content: '\201c';
}

.post__content blockquote p:last-child::after {
  content: '\201d';
}

.post__content .wp-caption {
  width: 43.75rem !important;
  max-width: 100%;
  margin: 2rem auto;
}

.post__content .wp-caption-text {
  margin-top: 0.5rem;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 0.75rem;
  font-style: italic;
  text-align: right;
}

.post__block {
  margin: 4rem 0;
}

.post__block .newsroom-v3__blocks__item {
  width: 100%;
  max-width: 26rem;
  margin: 0 auto;
}

.post__cta {
  max-width: 43.75rem;
  margin: 4rem auto;
  padding: 2rem;
  border-radius: 10px;
  background-image: linear-gradient(90deg, #34A3D4, #30D827);
  color: #fff;
  font-size: 1.25rem;
}

@media (min-width: 32em) {
  .post__cta {
    display: flex;
  }
}

@media (min-width: 64em) {
  .post__cta {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

.post__cta__media {
  flex-shrink: 0;
  margin-right: 1rem;
  margin: 0 auto 1rem;
}

@media (min-width: 32em) {
  .post__cta__media {
    max-width: 25%;
    margin-right: 3rem;
    margin-bottom: 0;
  }
}

.post__cta__image {
  margin: 0 auto;
  border-radius: 0.25rem;
}
@media (min-width: 32em) {
  .post__cta__image {
    margin: 0 auto;
    border-radius: 0.25rem;
    max-height: 150px;
    width: 100%;
  }
}

.post__cta__text {
  text-align: center;
}

@media (min-width: 32em) {
  .post__cta__text {
    text-align: left;
  }
}

.post__cta__button {
  display: inline-block;
  /*max-width: 14rem;*/
  margin: 0 auto;
  /*padding: 0.5rem;*/
  border-radius: 0.25rem;
  /*transition: background-color 300ms ease;
  background-color: #489fd1;*/
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Source Sans Pro', sans-serif;
}

@media (min-width: 32em) {
  .post__cta__button {
    margin: 0;
  }
}

.post__cta__button:hover {
  background-color: #4190bd;
}

.author__info {
  display: flex;
  width: 60%;
}

@media (max-width: 64em) {
  .author__info {
    display: flex;
    width: 100%;
  }
}

.publish__date {
  width: 40%;
  font-size: 16px;
  text-align: right;
  color: #5A7184;
}

.publish__date p {
  margin-bottom: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.publish__date img {
  display: inline-block;
  margin-right: 6px;
}

@media (max-width: 64em) {
  .publish__date {
    display: none;
  }
  .publish__date__mobile {
      display: block;
      font-size: 16px;
      color: #5A7184;
      margin-top: 5px;
  }

  .publish__date__mobile p {
    margin-bottom: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .publish__date__mobile img {
    display: inline-block;
    margin-right: 6px;
  }
}

@media (min-width: 64em) {
  .publish__date__mobile {
      display: none;
  }
}

.post__author {
  max-width: 43.75rem;
  margin: 4rem auto;
  text-align: center;
  display: flex;
  justify-content: space-between;
  border-top: 0.0625rem solid #DBE1ED;
  border-bottom: 0.0625rem solid #DBE1ED;
  padding: 18px 0;
  align-items: center;
}

.post__author a {
  border-top: 0.125rem solid transparent;
  border-bottom: 0.125rem solid rgba(52, 163, 212, 0.25);
  transition: border-color 300ms ease, background-color 300ms ease;
}

.post__author a:hover {
  background-color: rgba(52, 163, 212, 0.125);
  border-bottom-color: transparent;
}

.post__author__image,
.post__author .avatar {
  display: block;
  margin: 0 auto 0;
  border-radius: 50%;
}

.post__author .avatar {
  min-width: 70px;
  width: 70px;
  margin-right: 12px;
}

.author__details {
  text-align: left;
  font-size:  16px;
}

.post__author__meta {
  color: #28A0E0;
  font-size: 18px;
  font-family: 'Source Sans Pro', sans-serif;
}

.post__author__desc {
  font-style: normal;
  color: #5A7184;
  font-family: 'Source Sans Pro', sans-serif;
}

.author__details a {
  position: relative;
  text-transform: capitalize;
  display: inline-block;
  padding-right: 26px;
  line-height: 16px;
}
.author__details a:hover {
  background-color: rgba(52, 163, 212, 0.125);
  border-bottom-color:  transparent;
}

.author__details a:after {
    content: '\f178';
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    margin: 0 0 0 8px;
    transform: initial;
    background-color: transparent;
    top: 50%;
    transform: translateY(-50%);
}

.post__related {
  max-width: 64rem;
  margin: 4rem auto 0;
  padding-top: 4rem;
  /*border-top: 0.0625rem solid #969799;*/
}

.post__related__heading {
  margin-bottom: 2rem;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  text-transform: none;
}

.post__subscribe {
  margin: 4rem 0;
}

.post__subscribe__button {
  display: block;
  max-width: 14rem;
  margin: 0 auto;
  padding: 0.5rem;
  border-radius: 0.25rem;
  background-color: #489fd1;
  color: #fff;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
  text-align: center;
  text-transform: uppercase;
}

.post__share {
  position: -webkit-sticky;
  position: sticky;
  bottom: 4rem;
  width: 2.8125rem;
  margin-left: -4px;
  transform: translateX(-33.333%);
}

@media (min-width: 48em) {
  .post__share {
    
    margin-left: -4px;
  }
}

@media (min-width: 64em) {
  .post__share {
    width: 4rem;
    margin-left: -3rem;
  }
}

@media (min-width: 80em) {
  .post__share {
    margin-left: -6rem;
  }
}

.post__share__button {
  width: 2.8125rem;
  height: 2.8125rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  /*background-color: #489fd1;*/
  background: -webkit-linear-gradient(to bottom, #34A3D4, #30D827);
  background: -moz-linear-gradient(to bottom, #34A3D4, #30D827);
  background: -o-linear-gradient(to bottom, #34A3D4, #30D827);
  background: linear-gradient(to bottom, #34A3D4, #30D827); 
  background-image: url('../svg/share.svg'), linear-gradient(to bottom, #34A3D4, #30D827);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: inherit;
  text-indent: -999rem;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

@media (min-width: 48em) {
  
}

@media (min-width: 64em) {
  .post__share__button {
    width: 4rem;
    height: 4rem;
  }
}

.post__share__button:hover {
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.25);
}

.post__share__list {
  position: absolute;
  bottom: 3rem;
  width: 100%;
  border-radius: 0.25rem;
  transition: opacity 300ms ease, visibility 300ms ease;
  background-color: #489fd1;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
}

@media (min-width: 48em) {
  .post__share__list {
    bottom: 5.5rem;
  }
}

.post__share__list--active {
  opacity: 1;
  visibility: visible;
}

.post__share__list::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  border-top: 0.375rem solid #489fd1;
  border-right: 0.375rem solid transparent;
  border-left: 0.375rem solid transparent;
  transform: translateX(-50%);
}

@media (min-width: 48em) {
  .post__share__list::after {
    border-top-width: 0.75rem;
    border-right-width: 0.75rem;
    border-left-width: 0.75rem;
  }
}

.post__share__list__item {
  margin: 0.5rem 0;
  transition: transform 300ms ease, opacity 300ms ease;
  transition-delay: 300ms;
  transform: translateY(0.5rem);
  opacity: 0;
}

@media (min-width: 48em) {
  .post__share__list__item {
    margin: 1rem 0;
  }
}

.post__share__list--active .post__share__list__item:nth-child(1) {
  transition-delay: 200ms;
}

.post__share__list--active .post__share__list__item:nth-child(2) {
  transition-delay: 150ms;
}

.post__share__list--active .post__share__list__item:nth-child(3) {
  transition-delay: 100ms;
}

.post__share__list--active .post__share__list__item:nth-child(4) {
  transition-delay: 50ms;
}

.post__share__list--active .post__share__list__item {
  transform: none;
  opacity: 1;
}

.post__share__list__link {
  display: block;
  padding: 0 0.5rem;
}

@media (min-width: 48em) {
  .post__share__list__link {
    padding: 0 1rem;
  }
}

.sidebar {
  flex: 0 0 191px;
  position: sticky;
  top: 180px;
  left: 0;
  margin-top: 78px;
  margin-bottom: 50px;
}
.sidebar.staticDiv {
  position: static;
}

@media (max-width: 1199px) {
  .sidebar, .sidebar.staticDiv {
    display: none;
  }
}

.sidebar .quick-link-container {
  margin-bottom: 30px;
}

.sidebar .quick-link-container h3 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  margin-bottom: 12px;
  font-size: 1.2rem;
}

.sidebar .quick-link-container ul li {
  line-height: 24px;
  margin-bottom: 10px;
}

.sidebar .quick-link-container ul li > a {
  color: #28A0E0;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  postiion: relative;
}

.sidebar .quick-link-container ul li a:after {
  content: '\f061';
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  margin: 0 0 0 8px;
  transform: initial;
  background-color: transparent;
  top: 50%;
  transform: translateY(-50%);
} 

.sidebar .quick-link-container ul li ul {
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 12px;
}

.sidebar .quick-link-container ul li ul li {
  
}

.sidebar .quick-link-container ul li ul li > a {
  font-weight: 400;
}
#quick-links-content {
  margin-top: 15px;
}

#quick-links-content .header-type-h2 {
  color: #28A0E0;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 15px;
  text-decoration: none;
  margin-bottom: 10px;
  position: relative;
  padding-right: 16px;
}



#quick-links-content .header-type-h3 {
  color: #28A0E0;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 15px;
  text-decoration: none;
  margin: 10px 0 10px 12px;
  position: relative;
  padding-right: 16px;
}

/*#quick-links-content .header-type-h2:after, #quick-links-content .header-type-h3:before {
  content: '';
  position: absolute;
  background-color: #28A0E0;
  width: 100%;
  height: 1px;
  bottom: 0;
}*/
#quick-links-content .header-type-h2 a, #quick-links-content .header-type-h3 a {
  padding-right: 8px;
}

#quick-links-content .header-type-h2 a:after, #quick-links-content .header-type-h3 a:after {
  content: '→';
  font: normal normal normal 14px/1 FontAwesome;
  position: relative;
  margin: 0;
  transform: initial;
  background-color: transparent;
  display: inline;
  left:  5px;
}

#quick-links-content .header-type-h2 a:hover, #quick-links-content .header-type-h3 a:hover {
  background-color: rgba(52, 163, 212, 0.125);
  border-bottom-color:  transparent;
}

.sidebar .tag-container {
  background-color: #CBCBCB;
  padding: 12px;
  border-radius: 12px;
  margin-top: 34px;
}

.sidebar .tag-container p {
  margin-bottom: 0;
  line-height: 11px;
  font-family: 'Source Sans Pro', sans-serif;
}

.sidebar .tag-container a {
  display: inline-block;
  background-color: #F7F7F7;
  border-radius: 6px;
  font-size: 11px;
  color: #77838F;
  padding: 8px 12px;
  margin-bottom: 10px;
  text-transform: capitalize;
  margin-right: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 16px;
}

.sidebar .tag-container a:last-child {
  margin-bottom: 0;
}

/* duration */

.post-duration {
  position: fixed;
  top: 3.75rem;
  left: 0;
  width: 100%;
  height: 0.375rem;
  background-color: rgb(235, 242, 249);
  z-index: 2;
}

@media (min-width: 768px) {
  .post-duration {
    top: 6.25rem;
  }
}

.admin-bar .post-duration {
  margin-top: 32px;
}

@media (max-width: 782px) {
  .admin-bar .post-duration {
    margin-top: 46px;
  }
}

.post-duration__fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-image: linear-gradient(90deg, rgb(88, 165, 196), rgb(76, 183, 72));
}

.alm-btn-wrap {
  margin: 4rem auto 9.25rem;
}

.alm-btn-wrap .alm-paging {
  display: flex;
  justify-content: center;
}

.alm-btn-wrap .alm-paging li {
  margin: 0 .5rem;
}

.alm-btn-wrap .alm-paging a {
  font-weight: 700;
}

.alm-btn-wrap .alm-paging li.active a span {
  color: #3f3f3f;
}
/* Shorcode Box Styles  */
.post__content .su-box {
  background: linear-gradient(135deg,rgba(52, 163, 212, 1) 0%, rgba(48, 216, 39, 1) 100%);
  padding-bottom: 2px;
  border-color: transparent;
  margin: 2rem 0;
  border-width: 0;
}
.post__content .su-box-title {
  background-color: transparent !important;
}
.post__content .su-box-content {
  padding: 1em;
  margin: 0px 2px;
}



/* ---- css/new/resources.css ---- */
.resources {
  margin-top: 2rem;
}

@media (min-width: 48em) {
  .resources {
    margin-top: 0;
    margin-left: -2rem;
  }
}

@media (min-width: 64em) {
  .resources {
    display: flex;
    justify-content: space-between;
  }
}

.resources__left {

}

@media (min-width: 48em) {
  .resources__left {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 64em) {
  .resources__left {
    width: 66.666%;
  }
}

.resources__right {

}

@media (min-width: 48em) {
  .resources__right {
    display: flex;
  }
}

@media (min-width: 64em) {
  .resources__right {
    width: 33.333%;
  }
}

.resources__item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  margin-top: 1rem;
  padding: 1rem;
  background-position: center;
  background-size: cover;
  text-align: left;
  background-image: url('../images/gradientbg.jpg');
}

@media (min-width: 48em) {
  .resources__item {
    width: calc(50% - 2rem);
    margin-top: 2rem;
    margin-left: 2rem;
    padding: 1.5rem;
  }
}

.resources__overlay {
  width: 100%;
  margin-top: auto;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.75);
}

@media (min-width: 48em) {
  .resources__overlay {
    max-width: 17rem;
  }
}

.resources__category {
  color: #005597;
}

.resources__title {
  margin-top: 0.5rem;
  margin-bottom: 3rem;
  color: #005597;
  font-family: 'source sans pro', sans-serif;
  font-weight: bold;
  text-transform: none;
}

/* ---- css/new/calc.css ---- */
:root {
    --animated-gradient-bg: linear-gradient(to bottom, hsl(var(--hue), 95%, 99%), hsl(var(--hue), 95%, 84%));
    --bg-gradient: linear-gradient(
      90deg,
      #30D827,
      #34A3D4
    );

  }
.block--animated-gradient {
  position: relative;
  /*background: var(--bg-gradient);*/
}
.home.page-template-template-components .block.block--calculator {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.page-template-template-components .block--calculator h2 {
  text-align: center;
  color: #000 !important;
}

@media (max-width: 48em) {
  .block--calculator {
    /*padding: 6.245rem 2rem !important;*/
  }
  .block--calculator h2 {
    text-align: left;
  }
}

.block--calculator {
  padding: 6.245rem 2rem;
}

@media (min-width: 48em) {
  .block--calculator {
    text-align: center;
  }
}
.block--calculator .block__container {
  /*background-image: url('../images/home-2026/video-placeholder-2026.jpg');
  background-size: cover;*/
  padding: 96px 0;
  border-radius: 20px;
}
.block--calculator .block__heading {
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  z-index: 1;
}
.calc-content {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding-left: 1rem;
  padding-right: 1rem;
}
.calc-content p {
  color: #000;
}
.calc {
  margin: 3rem 9.125rem 2rem;
  padding: 3rem 2rem;
  border-radius: 10px;
  color: #303030;
}
@media (max-width: 1200px) {
  .calc {
      margin: 3rem .75rem 2rem;
  }
}
.orb-canvas-calc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/*@media (min-width: 48em) {
  .calc {
    padding: 2rem;
  }
}*/

@media (min-width: 48em) {
  .calc__top {
    display: flex;
    margin-bottom: 1rem;
  }
}

.calc__volume {
  font-size: 1.125rem;
  margin-bottom: 2rem;
  text-transform: capitalize;
  /*padding-bottom: 2rem;*/
  /*border-bottom: 0.0625rem solid #eee;*/
}

@media (min-width: 48em) {
  .calc__volume {
    width: 50%;
    margin: 0;
    padding: 1rem 0;
    /*border-right: 0.0625rem solid #eee;*/
    border-bottom: 0;
    font-family: 'Source Sans Pro', sans-serif;
  }
}

.calc__volume__value {
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 3rem;
  font-weight: 800;
  color: #424242;
}

.calc__savings {
  position: relative;
  margin-bottom: 2rem;
  transition: all 0.3s ease-in-out;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.125rem;
  text-transform: capitalize;
}

@media (min-width: 48em) {
  .calc__savings {
    width: 50%;
    margin: 0;
    padding: 1rem 0;
  }
}

.calc--max .calc__savings {
  /*color: #fff;*/
}
.calc--max .calc__savings .calc__savings__text, .calc--max .calc__savings .calc__savings__value {
  opacity: 0;
}

.calc__savings__value {
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 3rem;
  font-weight: 800;
  color: #424242;
}

.calc__savings__value::before {
  content: '$';
}

.btn-cta.calc__savings__button {
  /*color: #575656;*/
  position: absolute;
  top: 0;
  left: 50%;
  margin: 32px 0 0;
  transform: translate(-50%, 1rem);
  transition: none;
  opacity: 0;
  visibility: hidden;
}

@media (min-width: 48em) {
  .calc__savings__button {
    margin-top: 22px;
  }
}
.calc--max .calc__savings__button {
  transform: translate(-50%);
  transition: transform 600ms ease, opacity 600ms ease, visibility 600ms ease;
  opacity: 1;
  visibility: visible;
}
.btn-cta.calc__savings__button:hover {
  transform: translate(-50%, -6px);
}
.calc__main {
  position: relative;
  margin-bottom: 2rem;
}

.calc__main::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 12px;
  transform: translateY(-50%);
  /*background-color: #3B3B3B;*/
  border-radius: 10px;
}

.calc__fill {
  position: absolute;
  top: 50%;
  left: 0;
  height: 12px;
  transform: translateY(-50%);
  /*background-image: url('../images/gradient-bar.jpg');*/
  background: linear-gradient(to right, #30D827, #34A3D4);
  background-position: center;
  background-repeat: repeat-y;
  background-size: 100% 1px;
  border-radius: 10px;
 /* border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;*/
/*  width: 100% !important;*/
}
.calc__empty {
  position: absolute;
  top: 50%;
  right: 0;
  height: 12px;
  transform: translateY(-50%);
  /*background-image: url('../images/gradient-bar.jpg');*/
  background: #3B3B3B !important;
  background-position: center;
  background-repeat: repeat-y;
  background-size: 100% 1px;
  border-radius: 0px 10px 10px 0;
  max-width: 98%;
  /*border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;*/
}

.calc__input {
  display: block;
  position: relative;
  padding: 0 !important;
  border: 0 !important;
  background-color: transparent;
  z-index: 1;
}

.calc__bot {
  font-size: 0.875rem;
}

@media (min-width: 48em) {
  .calc__bot {
    display: flex;
    margin-bottom: 1rem;
  }
}

.calc__bm {
  margin-bottom: 1rem;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  text-transform: capitalize;
}

@media (min-width: 48em) {
  .calc__bm {
    width: 50%;
    margin: 0;
  }
}

.calc__bm__value {
  margin-left: 1rem;
  color: #3B3B3B;
  font-size: 1.75rem;
  font-weight: 800;
}

@media (min-width: 48em) {
  .calc__bm__value {
    display: block;
    margin: 0;
  }
}
.calc__ws {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  text-transform: capitalize;
}
@media (min-width: 48em) {
  .calc__ws {
    width: 50%;
  }
}

.calc__ws__value {
  margin-left: 1rem;
  color: #3B3B3B;
  font-size: 1.75rem;
  font-weight: 800;
}

@media (min-width: 48em) {
  .calc__ws__value {
    display: block;
    margin: 0;
  }
}

.block--calculator .cta__button {
  max-width: 13.75rem;
  background-color: rgba(255,255,255,.8);
  color: #424242;
  overflow: hidden;
}
.block--calculator .cta__button:before {
    content: '';
    position: absolute;
    top: 0;
    left: -4.5em;
    width: 3em;
    height: 100%;
    transform: skewX(-45deg);
    transition: none;
    background-color: rgba(255,255,255,.5);
    will-change: transform;
}

.block--calculator .cta__button:hover:before {
  left: calc(100% + 4.5rem);
    transition: left 500ms ease-in-out;
}

/* input range styles */

input[type=range].calc__input {
  -webkit-appearance: none;
  width: 100%;
  margin: 0;
}
input[type=range].calc__input:focus {
  outline: none;
}
input[type=range].calc__input::-webkit-slider-runnable-track {
  width: 100%;
  height: 36px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: transparent;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range].calc__input::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0px solid rgba(0, 0, 0, 0);
  height: 36px;
  width: 36px;
  border-radius: 0;
  background-color: transparent;
  background-size: 36px 36px;
  background-image: url('../images/calc-slider-bg-white.svg');
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-appearance: none;
}
input[type=range].calc__input:focus::-webkit-slider-runnable-track {
  background: transparent;
}
input[type=range].calc__input::-moz-range-track {
  width: 100%;
  height: 36px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: transparent;
  border-radius: 0px;
  border: 0px solid #010101;
}
input[type=range].calc__input::-moz-range-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0px solid rgba(0, 0, 0, 0);
  height: 36px;
  width: 36px;
  border-radius: 0;
  background-color: transparent;
  background-size: 36px 36px;
  background-image: url('../images/calc-slider-bg.svg');
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
input[type=range].calc__input::-ms-track {
  width: 100%;
  height: 36px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range].calc__input::-ms-fill-lower {
  background: transparent;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range].calc__input::-ms-fill-upper {
  background: transparent;
  border: 0px solid #010101;
  border-radius: 0px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range].calc__input::-ms-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0px solid rgba(0, 0, 0, 0);
  height: 36px;
  width: 36px;
  border-radius: 0;
  background-color: transparent;
  background-size: 36px 36px;
  background-image: url('../images/calc-slider-bg.svg');
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
input[type=range].calc__input:focus::-ms-fill-lower {
  background: transparent;
}
input[type=range].calc__input:focus::-ms-fill-upper {
  background: transparent;
}

input[type=range].calc__input::-moz-focus-outer {
  border: 0;
}
.calc-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  padding-left: 2rem;
  padding-right: 2rem;
  max-width: 1248px;
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
}
@media (max-width: 48em) {
  .calc-footer {
    flex-direction: column;
    text-align: center;
  }
}
.calc-footer-text {
  font-size: 30px;
  line-height: 38px;
  color: #000;
}
.lottie-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: 30px;
}
#lottie-bg svg,
.lottie-bg svg {
    width: 100% !important;
    height: 100% !important;
    border-radius: 30px;
}
.lottie-bg:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255, .7);
  z-index: 1;
}

/* ---- css/new/newsroom-v3.css ---- */
.newsroom-v3 {

}

/* nav */

.newsroom-v3__nav {
  position: relative;
  margin-top: 123px;
  background: #eee;
  z-index: 2;
}

@media (min-width: 48em) {
  .newsroom-v3__nav {
    margin-top: 140px;
  }
}

.newsroom-v3__nav::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0, 0.5);
  opacity: 0;
  transition: opacity 300ms ease, visibility 300ms ease;
  visibility: hidden;
  z-index: -1;
}

.newsroom-v3__nav--active::before {
  opacity: 1;
  visibility: visible;
}

.newsroom-v3__nav__root {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 1rem;
  transform: translateY(-50%);
  color: inherit;
  font-weight: bold;
  z-index: 1;
}

@media (min-width: 64em) {
  .newsroom-v3__nav__root {
    display: none;
  }
}

.newsroom-v3__nav__toggle {
  display: block;
  width: 100%;
  border: 0;
  padding: 1rem;
  background: #eee;
  color: #aaa;
  font-size: 2rem;
  text-align: right;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.newsroom-v3__nav__icon {
  display: inline-block;
}

.newsroom-v3__nav--active .newsroom-v3__nav__icon {
  transform: rotate(180deg);
}

.newsroom-v3__nav__list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 0 1.5rem 3rem;
  background: #eee;
}

.newsroom-v3__nav--active .newsroom-v3__nav__list {
  display: block;
}

.newsroom-v3__nav__list li {
  margin-top: 0.25rem;
  padding: 0.5rem 0;
  border-bottom: 0.0625rem solid #ccc;
}

.newsroom-v3__nav__list a {
  color: inherit;
  font-weight: 400;
  text-transform: uppercase;
}

@media (min-width: 64em) {
  .newsroom-v3__nav--active::before {
    display: none;
  }

  .newsroom-v3__nav__toggle {
    display: none;
  }

  .newsroom-v3__nav__list {
    display: flex;
    justify-content: flex-end;
    position: static;
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    padding: 1.25rem 5.625rem;
  }

  .newsroom-v3__nav--active .newsroom-v3__nav__list {
    display: flex;
  }

  .newsroom-v3__nav__list li {
    margin: 0 0 0 2.5rem;
    padding: 0;
    border: 0;
  }
}

/* conditionally show/hide root */

.page-template-template-newsroom .newsroom-v3__nav__root,
.page-template-template-about .newsroom-v3__nav__root {
  display: none;
}

.newsroom-v3__nav__list li:first-child {
  display: none;
}

.newsroom-v3__nav--alt .newsroom-v3__nav__list li:first-child {
  display: block;
  font-weight: normal !important;
}

.newsroom-v3__nav--alt .newsroom-v3__nav__list li:first-child a::before {
  display: none;
}

.newsroom-v3__nav--alt .current_page_item {
  display: none;
}

.newsroom-v3__nav--alt.newsroom-v3__nav--alt2 .current_page_item {
  display: block;
  font-weight: bold;
}

@media (min-width: 48em) {
  body:not(.page-template-template-newsroom):not(.page-template-template-about) .newsroom-v3__nav__list li:first-child {
    display: block;
    font-weight: bold;
  }

  body:not(.page-template-template-newsroom):not(.page-template-template-about) .newsroom-v3__nav__list li:first-child a::before {
    content: '< ';
  }
}

/* splash */

.newsroom-v3__splash {
  position: relative;
  height: 15rem;
  background-image: linear-gradient(135deg, #459ed0, #62269e);
}
.newsroom-v3__splash.splash-resource-video {
  background-image: url('../images/site-2026/header-videos.jpg');
}
@media (min-width: 768px) {
  .newsroom-v3__splash {
    height: 20rem;
  }
}

.page-leadership .newsroom-v3__splash.newsroom-v3__splash--image-right {
  height: 20rem;
  background-position: center;
}
@media (min-width: 768px) {
  .page-leadership .newsroom-v3__splash.newsroom-v3__splash--image-right {
    height: 20rem;
  }
}

.header + .newsroom-v3__splash {
  margin-top: 60px;
}

@media (min-width: 48rem) {
  .header + .newsroom-v3__splash {
    margin-top: 140px;
  }
}
.default-page-banner.newsroom-v3__splash {
  margin-bottom: 40px;
}
@media (min-width: 48rem) {
  .default-page-banner.newsroom-v3__splash {
    margin-bottom: 140px;
  }
}

.newsroom-v3__splash--image {
  background-position: center;
  background-size: cover;
  content-visibility: visible !important;
  position: relative;
}
.newsroom-v3__splash--image:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.newsroom-v3__splash--image-right {
  background-position: right center;
}

.newsroom-v3__splash__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.newsroom-v3__splash__video:after {
  content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.newsroom-v3__splash__video video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

@media (min-width: 32em) {
  .newsroom-v3__splash__video video {
    width: 100%;
  }
}

.newsroom-v3__splash__play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -26px;
  padding: 0;
  border: 0;
  transform: translate(-50%, -50%);
  background: none;
  color: #fff;
  font-size: 4rem;
  text-shadow: none;
  box-shadow: none !important;
}

.video-play-button {
  position: relative;
  z-index: 10;
   margin:30px;
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  /*background: #62269E;*/
  background: #fff;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  /*background: #62269E;*/
  background: #fff;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#62269E, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  /*display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;*/
  position: relative;
  z-index: 3;
  display: block;
  width: 32px;
  height: 44px;
  background: linear-gradient(180deg, #30D827, #34A3D4);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

.newsroom-v3__splash__title {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: calc(100% - 2rem);
  max-width: 52rem;
  transform: translateX(-50%);
  z-index: 1;
}

.newsroom-v3__splash__title h1 {
  margin: 0;
  padding: 2rem 1rem;
  transform: translateY(50%);
  background: #fff;
  color: #000;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 4rem;
  font-weight: 200;
  line-height: 85px;
  text-align: center;
  box-shadow: 0 0.5rem 1rem 0 rgba(0,0,0,0.25);
}
@media screen and (max-width: 992px) {
    .newsroom-v3__splash__title h1 {
        font-size: 2.5rem;
        line-height: 48px;
        padding: 1rem;
    }
}
.newsroom-v3__splash__subtitle {
  color: #21AD12;
  /*font-size: 80%;*/
}

/* feature */

.newsroom-v3__feature {
  width: calc(100% - 2rem);
  max-width: 52rem;
  margin: 9.5rem auto 6rem;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background: #f1f1f1;
}

.newsroom-v3__feature__content {

}

.newsroom-v3__feature__tag {
  display: inline-block;
  padding: 0.25rem 1rem;
  border-radius: 1rem;
  background-image: linear-gradient(135deg, #34a3d4, #4cb747);
  color: #fff;
  font-size: 1rem;
  text-transform: uppercase;
}

.newsroom-v3__feature__content h2 {
  margin: 1.5rem 0 0;
  font-size: 1.5rem;
  line-height: 32px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  text-transform: none;
}

.newsroom-v3__feature__image {
  margin-top: 1.5rem;
}

.newsroom-v3__feature__image img {
  display: block;
  border-radius: 0.5rem;
}

@media (min-width: 48em) {
  .newsroom-v3__feature {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .newsroom-v3__feature__content,
  .newsroom-v3__feature__image {
    width: calc(50% - 1rem);
  }

  .newsroom-v3__feature__image {
    margin: 0;
  }
}

/* press */

.newsroom-v3__press {
  width: calc(100% - 2rem);
  max-width: 80rem;
  margin: 6rem auto;
}

.newsroom-v3__press--archive {
  display: block !important;
  max-width: 52rem;
  margin: 16rem auto 6rem;
}

@media (min-width: 48em) {
  .newsroom-v3__press--archive {
    width: calc(100% - 5rem);
  }
}

.newsroom-v3__press__content {

}

.newsroom-v3__press__content--full {
  width: 100% !important;
}

.newsroom-v3__press__heading {
  margin-bottom: 3rem;
  color: #34a3d4;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 2.125rem;
  line-height: 1.2;
  text-transform: none;
}

.newsroom-v3__press__list {

}

.newsroom-v3__press__item {
  margin: 0 0 1.5rem !important;
  padding: 0 0 1.5rem !important;
  border-bottom: 0.0625rem solid #ccc;
}

.newsroom-v3__press__item a {
  display: block;
  color: inherit;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
}

.newsroom-v3__press__date {
  display: block;
  color: #aaa;
  font-size: 90%;
}

.newsroom-v3__press__more {
  text-align: right;
}

.newsroom-v3__press__contact {
  margin-top: 6rem;
  padding: 3rem 1.5rem;
  border-radius: 0.5rem;
  background: #eee;
  font-size: 0.875rem;
  text-align: center;
}

.newsroom-v3__press__photo {
  border-radius: 50%;
}

.newsroom-v3__press__subheading {
  margin-bottom: 1rem;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.2;
  text-transform: none;
}

.newsroom-v3__press__share-title {
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-top: 1.5rem;
  border-top: 0.0625rem solid #ddd;
  font-size: 1.125rem;
}

.newsroom-v3__press__share {
  display: flex;
  justify-content: center;
  gap: 16px;
  max-width: 13rem;
  margin: 0 auto;
}

.newsroom-v3__press__share a {
  display: block;
  width: 2.5rem;
}

@media (min-width: 48em) {
  .newsroom-v3__press {
    display: flex;
    justify-content: space-between;
  }

  .newsroom-v3__press__content {
    width: calc(66.666% - 1rem);
  }

  .newsroom-v3__press__contact {
    width: calc(33.333% - 1rem);
    margin-top: 0;
  }
}

@media (min-width: 64em) {
  .newsroom-v3__press__content {
    width: calc(66.666% - 2rem);
  }

  .newsroom-v3__press__contact {
    width: calc(33.333% - 2rem);
  }

  .newsroom-v3__press__item {
    display: flex;
  }

  .newsroom-v3__press__date {
    flex-shrink: 0;
    order: -1;
    width: 10rem;
  }
}

@media (min-width: 80em) {
  .newsroom-v3__press__content {
    width: calc(66.666% - 6rem);
  }

  .newsroom-v3__press__contact {
    width: calc(33.333% - 6rem);
  }
}

/* blocks */

.newsroom-v3__blocks {
  background: #121212;
  overflow: hidden;
}
.newsroom-v3__blocks.blocks__light {
  background: rgb(245,249,252);
}
.newsroom-v3__blocks.blocks__light .newsroom-v3__blocks__container .header-awards-container h2 {
  color: #000;
}

.newsroom-v3__blocks__container {
  width: 100%;
  max-width: 80rem;
  margin: auto;
  padding: 6rem 1rem;
}

.newsroom-v3__blocks__container .header-awards-container {
  margin: 0;
  width: 100%;
}

.newsroom-v3__blocks__container h2 {
  text-align: center;
  margin-bottom: 26px;
}
.newsroom-v3__blocks__container h2 b, .newsroom-v3__blocks__container h2 strong {
  color: #21AD12;
  font-weight: 400;
}

.header-awards-container .header-awards {
  flex-wrap: wrap;
  justify-content: center;
}

.header-awards-container .header-award {
    width: calc(100% / 4);
    padding: 22px 15px 10%;
    text-align: center;
    margin: 22px 0;
    display: block;
    line-height: 0;
    padding-b
}

.header-awards-container .header-awards img.award-default, .header-awards-container .header-awards img.award-hover {
        width: 100%;
        max-width: 200px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

@media (max-width: 767px) {
    .header-awards-container .header-award {
        margin: 12px 15px;
        text-align: center;
        width: calc(100% / 3);
        padding: 22px 15px 15%;
    }
}

.newsroom-v3__blocks__item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 1.5rem;
  border-radius: 0.5rem;
  transition: all 100ms ease-in-out, transform 600ms ease, opacity 600ms ease !important;
  color: #fff;
  overflow: hidden;
  text-decoration: none;
}

.newsroom-v3__blocks__item:nth-child(1) {
  background-image: linear-gradient(135deg, #58b644, #459ed0);
}

.newsroom-v3__blocks__item:nth-child(2) {
  margin-top: 1rem;
  background-image: linear-gradient(135deg, #62269e, #199fcc);
}

.newsroom-v3__blocks__item:hover {
  transform: scale(1.05);
  box-shadow: 0 1.5rem 3rem 0 rgba(0,0,0,0.5);
}

.newsroom-v3__blocks__item:active {
  background-color: #2F86BD;
}

.newsroom-v3__blocks__item::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1000px;
  height: 1000px;
  margin: -500px 0 0 -500px;
  border-radius: 50%;
  transform: scale(0);
  transform-origin: center;
  background-color: rgba(0, 7, 62, 0.5);
}

.newsroom-v3__blocks__item:active::after {
  transform: none;
  transition: all 400ms ease-in-out;
  opacity: 0;
}

.newsroom-v3__blocks__icon {
  flex-shrink: 0;
  margin-right: 1.5rem;
}

.newsroom-v3__blocks__icon img {
  display: block;
  width: 80px;
  height: 80px;
}

.newsroom-v3__blocks__text {

}

@media (min-width: 48em) {
  .newsroom-v3__blocks__container {
    display: flex;
    justify-content: space-between;
  }

  .newsroom-v3__blocks__item {
    width: calc(50% - 2rem);
  }

  .newsroom-v3__blocks__item:nth-child(2) {
    margin: 0;
  }
}

/* feeds */

.newsroom-v3__feeds {
  margin: 6rem 0;
}

.newsroom-v3__feeds__heading {
  margin-bottom: 0;
  color: #34a3d4;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 2.125rem;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
}

.newsroom-v3__feeds__columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 70rem;
  margin: 0 auto;
  padding: 0 1rem;
}

.newsroom-v3__feeds__column {
  width: 100%;
  margin-top: 3rem;
}

.newsroom-v3__feeds__column > p {
  padding: 0;
}

.newsroom-v3__feeds__column .video + .video {
/*  margin-top: 1rem;*/
}

.newsroom-v3__feeds__subheading {
  min-height: 29px;
  margin-bottom: 1rem;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.2;
  text-align: center;
  text-transform: none;
}

@media (min-width: 64em) {
  .newsroom-v3__feeds__column:nth-child(1) {
    width: 26%;
  }

  .newsroom-v3__feeds__column:nth-child(2) {
    width: 70%;
  }
}

.newsroom-v3__feeds__header {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  padding: 1rem 1rem 0 0;
  border: 0.0625rem solid #ccc;
  background: #eee;
}

@media (max-width: 48em) {
  .newsroom-v3__feeds__header {
    flex-wrap: wrap;
    margin-bottom: 2%;
  }
}

.newsroom-v3__feeds__button {
  flex-grow: 1;
  height: 40px;
  padding: 0 0 1rem 1rem;
  overflow: hidden;
}

.newsroom-v3__feeds__button:first-child {
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
@media (max-width: 48em) {
  .newsroom-v3__feeds__button:first-child {
    width: 100%;
    justify-content: center;
  }
}

.newsroom-v3__feeds__button:first-child i {
  color: #ff0000;
  font-size: 38px;
  margin-right: 12px;
}
.newsroom-v3__feeds__button:first-child span {
  position: relative;
  top: 2px;
}

.newsroom-v3__feeds__button a {
  display: block;
  border: 0.0625rem solid #ccc;
  background: #fff;
  color: #999;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}

.newsroom-v3__feeds__column:first-child .feed__column__container > p {
  padding: 0 !important;
}

.newsroom-v3__feeds__column:nth-child(2) .feed__column__container {
  display: inline-flex;
  flex-wrap: wrap;
  margin: -2% 0 0 -2%;
  width: calc(100% + 2%);
}
.newsroom-v3__feeds__column:nth-child(2) .feed__column__container > * {
  margin: 2% 0 0 2%;
}
.newsroom-v3__feeds__column:nth-child(2) .feed__column__container .video {
  width: 48%;
}

@media (max-width: 48em) {
  .newsroom-v3__feeds__column:nth-child(2) .feed__column__container > * {
    margin: 40px 0 0 2%;
  }
  .newsroom-v3__feeds__column:nth-child(2) .feed__column__container .video {
    width: 100%;
  }
}

/* press */

.newsroom-v3__press__item--alt {
  display: flex;
}

.newsroom-v3__press__image {
  flex-shrink: 0;
  margin-right: 1rem;
  width: 80px;
}

.newsroom-v3__press__image img {
  display: block;
  position: static !important;
  border-radius: 0 !important;
}

.newsroom-v3__press__text {
  width: 100%;
}

.newsroom-v3__press__meta {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.newsroom-v3__press__meta .newsroom-v3__press__date {
  width: auto;
}

@media (min-width: 48em) {
  .newsroom-v3__press__meta .newsroom-v3__press__date {
    width: 50%;
  }
}

.newsroom-v3__press__source {
  order: -1;
  padding-right: 1rem;
  color: #aaa;
  font-size: 90%;
  font-style: italic;
}

.newsroom-v3__press__source a {
  font-family: 'Source Sans Pro', sans-serif;
}

.newsroom-v3__splash__search {
  display: flex;
  width: 20rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
  border-radius: 2rem;
  background: #fff;
  box-shadow: 0 0 1rem rgba(0,0,0,0.25);
}

.newsroom-v3__splash__label {
  display: block;
  flex-grow: 1;
}

.newsroom-v3__splash__input {
  flex-shrink: 0;
  width: 100%;
  padding: 1rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1rem;
  font-weight: bold;
  box-sizing: border-box !important;
}

.newsroom-v3__splash__button {
  padding: 1rem;
  border: 0 !important;
  border-radius: 0;
  background: none;
  font-size: 1rem;
  box-shadow: none !important;
  text-shadow: none;
}
.newsroom-v3__blocks.awards-block .newsroom-v3__blocks__container {
  justify-content: center;
}
.newsroom-v3__blocks.awards-block .newsroom-v3__blocks__container, .newsroom-v3__blocks.awards-block .newsroom-v3__blocks__container .block__container {
  max-width: 96.25rem;
}
}

/* ---- css/new/solutions-v3.css ---- */
.page-template-template-solutionsv3 .anchor-block .block__card-grid {
  flex-wrap: nowrap;
}
@media (max-width: 1000px) {
  .page-template-template-solutionsv3 .anchor-block .block__card-grid {
    margin: 0 -.5rem;
  }
}
@media (max-width: 800px) {
  .page-template-template-solutionsv3 .anchor-block .block__card-grid {
    flex-wrap: wrap;
    margin-top: 50px;
  }
}
.page-template-template-solutionsv3 .newsroom-v3__splash__title {
  
}
.page-template-template-solutionsv3 .newsroom-v3__splash__title h1 {
  font-family: 'Source Sans Pro',sans-serif !important;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.page-template-template-solutionsv3 .newsroom-v3__splash__title img {
  height: 60px;
  margin-left: 10px;
}
.page-template-template-solutionsv3 .anchor-block .block__card__text{
  width:  100%;
  text-align: center;
}

.page-template-template-solutionsv3 .block__container--full {
  width: 95%;
  max-width: 1600px;
}

.page-template-template-solutionsv3 .anchor-block {
  text-align: center;
  padding: 10rem 2rem 2rem;
}

.page-template-template-solutionsv3 .anchor-block .block__container--mid {
  margin-bottom: 60px;
  max-width: 68rem;
}

.page-template-template-solutionsv3 .anchor-block .block__container--mid p {
  font-size: 18px;
}

.page-template-template-solutionsv3 .anchor-block .block__card {
    color: #fff;
    /*background: -webkit-linear-gradient(to left, #02B539, #23ABE6);
    background: -moz-linear-gradient(to left, #02B539, #23ABE6);
    background: -o-linear-gradient(to left, #02B539, #23ABE6);
    background: linear-gradient(to left, #02B539, #23ABE6);*/
    min-height: 88px;
    border-radius: 8px;
    transition: all 100ms ease-in-out,transform 600ms ease,opacity 600ms ease!important;
}

.page-template-template-solutionsv3 .anchor-block .block__card:nth-child(1) {
    background: -webkit-linear-gradient(to right, #30d827, #31cf46);
    background: -moz-linear-gradient(to right, #30d827, #31cf46);
    background: -o-linear-gradient(to right, #30d827, #31cf46);
    background: linear-gradient(to right, #30d827, #31cf46);
}

.page-template-template-solutionsv3 .anchor-block .block__card:nth-child(2) {
    background: -webkit-linear-gradient(to right, #34cd4e, #32c469);
    background: -moz-linear-gradient(to right, #34cd4e, #32c469);
    background: -o-linear-gradient(to right, #34cd4e, #32c469);
    background: linear-gradient(to right, #34cd4e, #32c469);
}

.page-template-template-solutionsv3 .anchor-block .block__card:nth-child(3) {
    background: -webkit-linear-gradient(to right, #31c26e, #32b98c);
    background: -moz-linear-gradient(to right, #31c26e, #32b98c);
    background: -o-linear-gradient(to right, #31c26e, #32b98c);
    background: linear-gradient(to right, #31c26e, #32b98c);
}

.page-template-template-solutionsv3 .anchor-block .block__card:nth-child(4) {
    background: -webkit-linear-gradient(to right, #33b792, #33aeb0);
    background: -moz-linear-gradient(to right, #33b792, #33aeb0);
    background: -o-linear-gradient(to right, #33b792, #33aeb0);
    background: linear-gradient(to right, #33b792, #33aeb0);
}

.page-template-template-solutionsv3 .anchor-block .block__card:nth-child(5) {
    background: -webkit-linear-gradient(to right, #34a3d4, #34a3d4);
    background: -moz-linear-gradient(to right, #34a3d4, #34a3d4);
    background: -o-linear-gradient(to right, #34a3d4, #34a3d4);
    background: linear-gradient(to right, #34a3d4, #34a3d4);
}

.page-template-template-solutionsv3 .anchor-block .block__card:hover {
  transform: scale(1.05);
  box-shadow: 0 0.5rem 2rem 0 rgb(0 0 0 / 50%)

}
.page-template-template-solutionsv3.page-solutions .anchor-block .block__card {
    color: #fff;
    /*background: -webkit-linear-gradient(to left, #62269E, #34A3D4);
    background: -moz-linear-gradient(to left, #62269E, #34A3D4);
    background: -o-linear-gradient(to left, #62269E, #34A3D4);
    background: linear-gradient(to left, #62269E, #34A3D4);*/
    min-height: 88px;
}

.page-template-template-solutionsv3.page-solutions .anchor-block .block__card:nth-child(1) {
    background: -webkit-linear-gradient(to right, #6440bc, #5c51c0);
    background: -moz-linear-gradient(to right, #6440bc, #5c51c0);
    background: -o-linear-gradient(to right, #6440bc, #5c51c0);
    background: linear-gradient(to right, #6440bc, #5c51c0);
}

.page-template-template-solutionsv3.page-solutions .anchor-block .block__card:nth-child(2) {
    background: -webkit-linear-gradient(to right, #5a55c1, #5266c6);
    background: -moz-linear-gradient(to right, #5a55c1, #5266c6);
    background: -o-linear-gradient(to right, #5a55c1, #5266c6);
    background: linear-gradient(to right, #5a55c1, #5266c6);
}

.page-template-template-solutionsv3.page-solutions .anchor-block .block__card:nth-child(3) {
    background: -webkit-linear-gradient(to right, #5169c6, #487aca);
    background: -moz-linear-gradient(to right, #5169c6, #487aca);
    background: -o-linear-gradient(to right, #5169c6, #487aca);
    background: linear-gradient(to right, #5169c6, #487aca);
}

.page-template-template-solutionsv3.page-solutions .anchor-block .block__card:nth-child(4) {
    background: -webkit-linear-gradient(to right, #467dcb, #3e8fcf);
    background: -moz-linear-gradient(to right, #467dcb, #3e8fcf);
    background: -o-linear-gradient(to right, #467dcb, #3e8fcf);
    background: linear-gradient(to right, #467dcb, #3e8fcf);
}

.page-template-template-solutionsv3.page-solutions .anchor-block .block__card:nth-child(5) {
    background: -webkit-linear-gradient(to right, #34a3d4, #34a3d4);
    background: -moz-linear-gradient(to right, #34a3d4, #34a3d4);
    background: -o-linear-gradient(to right, #34a3d4, #34a3d4);
    background: linear-gradient(to right, #34a3d4, #34a3d4);
}

.efreet, .ifrit {
    background: -webkit-linear-gradient(to left, #FFA915, #E42762, #A11BB3);
    background: -moz-linear-gradient(to left, #FFA915, #E42762, #A11BB3);
    background: -o-linear-gradient(to left, #FFA915, #E42762, #A11BB3);
    background: linear-gradient(to left, #FFA915, #E42762, #A11BB3);
}

@media (max-width: 1000px) {
  .page-template-template-solutionsv3 .anchor-block .block__card {
    margin: .5rem;
  }
}
@media (max-width: 800px) {
  .page-template-template-solutionsv3 .anchor-block .block__card {
    width:  100%;
    max-width: 100%;
    min-height: auto;
  }
}

.page-template-template-solutionsv3 .block__feature .feature-button {
  margin-top: 50px;
}

.page-template-template-solutionsv3 .block__feature .feature-button a {
  font-size: 20px;
  position: relative;
  padding-right: 45px;
}

.page-template-template-solutionsv3 .block__feature .feature-button a:after {
  content: '→';
  position: absolute;
  left: auto;
  margin: 0 0 0 8px;
  transform: initial;
  background-color: transparent;
  top: 10px;
}

.block__accordion .block__accordion__toggle {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  color: #34A3D4;
  font-weight: bold;
}
.block__accordion .block__accordion__toggle i {
  font-size: 35px;
  font-weight: bold;
}
.block__accordion .block__accordion__icon {
  top: 1.5rem;
  transition: 0.3s ease-in-out;
}

:not(.block__accordion--active)>.block__accordion__content {
    height: 0!important;
}

.block-bgimg {
  background-size: cover;
  color: #fff;
}

.page-template-template-solutionsv3 .block-bgimg p {
  font-size: 18px;
}

.block-bgimg h2.block__heading {
  color: #fff;
}

@media (min-width: 64em) {
  .page-template-template-solutionsv3 .block--featured {
    padding: 5rem 2rem;
  }
}

.page-template-template-solutionsv3 .block .block__heading {
      font-family: 'Source Sans Pro', sans-serif !important;
      font-weight: 700;
      margin-bottom: 18px;
      letter-spacing: 0;
      line-height: 1;
}

.page-template-template-solutionsv3 .block h3 {
    margin-bottom: 18px;
}

.page-template-template-solutionsv3 .block ul {
  margin-bottom: 25px;
} 

.page-template-template-solutionsv3 .block ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
}

.page-template-template-solutionsv3 .block ul li:before {
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background-color: #489FD6;
  border-radius: 50%;
  left: 0;
  top: 10px;
}

.block__fullline--cta .block__container {
  max-width: 1920px;
  width: 90%;
}

.block__fullline--cta p {
  margin-bottom: 0;
}

.block__fullline--cta p {
  color:  #fff;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding: 0 24px 0 10px;
  transition: border-color 300ms ease, background-color 300ms ease;
  text-decoration: underline;
}

/*.block__fullline--cta p:before {
  content: '';
  position: absolute;
  height:  1px;
  width: 100%;
  background-color: #fff;
  bottom: 0;
  right: 0;
}*/

.block__fullline--cta p:after {
  /*content: '→';*/
  content:  '\f178';
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  margin: 0 0 0 8px;
  transform: initial;
  background-color: transparent;
  bottom: 6px;
}

.block__fl--gradient {
   color: #fff;
   padding: 0;
   margin: 4rem 0 6rem;
   text-align: right;
}
@media (max-width: 800px) {
  .block__fl--gradient {
     text-align: center;
  }
}
.block__fl--gradient a {
  padding: 3rem 2rem;
  display: block;
}

.block__fl--gradient a:hover p {
  background-color: rgba(72,159,214, .25);
}

/*.page-benefits .block__fl--gradient {
  background: -webkit-linear-gradient(to left, #02B539, #23ABE6);
  background: -moz-linear-gradient(to left, #02B539, #23ABE6);
  background: -o-linear-gradient(to left, #02B539, #23ABE6);
  background: linear-gradient(to left, #02B539, #23ABE6);
}
.page-solutions .block__fl--gradient {
  background: -webkit-linear-gradient(to left, #62269E, #34A3D4);
  background: -moz-linear-gradient(to left, #62269E, #34A3D4);
  background: -o-linear-gradient(to left, #62269E, #34A3D4);
  background: linear-gradient(to left, #62269E, #34A3D4);
}*/

/* ---- css/new/about.css ---- */
/* who */

.about-who {
  max-width: 48rem;
  margin: 3.25rem auto 0;
  text-align: center;
}
@media (max-width: 991px) {
  .about-who {
    text-align: center;
  }
}
.page-template-template-about h2 strong, .page-template-template-about h2 b {
  color: #21AD12;
  font-weight: 400;
}
.about-who > :last-child {
  margin-bottom: 0;
}

.about-who ul,
.block__overlay ul {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  list-style: disc;
}

.about-who ul li,
.block__overlay ul li {
  list-style: disc;
}

/* awards */

.about-awards {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.about-awards__item {
  width: 26rem;
  max-width: 100%;
  margin-top: 1.5rem;
  padding: 0 2rem;
  text-align: center;
}

.about-awards__item img {
  margin: 0 auto 1rem;
}

/* culture */

.about-culture {
  min-height: 30rem;
  margin: 1.5rem 0 3rem;
  padding: 0.75rem;
  background: #fff;
  box-shadow: 0 1.5rem 3rem 0 rgba(0,0,0,0.5);
}

/* values */

.about-values {
  border-radius: 20px;
  margin-top: 40px;
}

.about-values__nav {
  position: relative;
}

.about-values__nav::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  border-radius: 0px;
  background: #21AD12;
}

.about-values__tab {
  width: 100%;
  color: #a1a1a1;
}

.about-values__tab.is-selected {
  color: #3f3f3f;
}

.about-values__button {
  width: 100%;
  padding: 2.5rem 0;
  border: 0;
  background: none;
  font-family: 'source sans pro', sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.2;
  text-transform: none;
  color: inherit;
  box-shadow: none !important;
}

.about-values__slider {
  padding-top: 1.5rem;
}

.about-values__slider .flickity-button {
  top: -3.5rem;
  background: #34a3d4;
  color: #fff;
  box-shadow: none !important;
}

.about-values__item {
  width: 100%;
  text-align: left;
}

.about-values__content {

}

.about-values__content h3 {
  color: #000;
  margin-bottom: 1rem;
  font-family: 'source sans pro', sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.2;
  text-transform: none;
}

.about-values__image {

}

.about-values__image img {
  margin: 2.5rem auto;
}

@media (min-width: 48em) {
  .about-values {
    background: #fff;
    box-shadow: 0 1.5rem 3rem 0 rgba(0,0,0,0.5);
  }

  .about-values__slider {
    padding-top: 3rem;
  }

  .about-values__item {
    display: flex;
    justify-content: space-between;
    padding: 0 7%;
  }

  .about-values__content {
    order: 1;
    width: 45%;
    padding-bottom: 3rem;
  }

  .about-values__image {
    align-self: flex-end;
    width: 45%;
  }

  .about-values__image img {
    margin: 0 auto;
  }
}

@media (min-width: 64em) {
  .about-values__tab {
    width: 25%;
  }

  .about-values__button {
    padding: 1.5rem 0;
  }

  .about-values .flickity-button {
    display: none;
  }
}
.css-card h3 {
  font-size: 1.875rem;
  font-weight: 900;
  line-height: 38px;
  margin-bottom: 20px;
}
.page-template-template-about .block__overlay {
  padding: 2.5rem;
  background-color: rgba(0,0,0, .8);
  border-radius: 10px;
}
@media (max-width: 991px) {
  .about-featured-block {
    background-image: none !important;
  }
  .page-template-template-about .block__overlay {
    max-width: 100%;
    text-align: center;
    padding: 0;
  }
  .page-template-template-about .block__overlay hr {
    margin-left: auto;
    margin-right: auto;
  }
}

/* ---- css/new/leadership-grid.css ---- */
.leadership-grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
  padding-bottom: 6rem;
}

.leadership-grid__item {
  width: calc(100% - 1.5rem);
  margin: 0.75rem;
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0.75rem 0.75rem 1.5rem rgba(0,0,0,0.25);
  overflow: hidden;
}

@media (min-width: 768px) {
  .leadership-grid__item {
    width: calc(50% - 1.5rem);
  }
}

@media (min-width: 1024px) {
  .leadership-grid__item {
    width: calc(33.333% - 1.5rem);
  }
}

@media (min-width: 1280px) {
  .leadership-grid__item {
    width: calc(25% - 1.5rem);
  }
}

.leadership-grid__media {
  position: relative;
  overflow: hidden;
}

.leadership-grid__media::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.leadership-grid__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*filter: grayscale(100%);*/
}

.leadership-grid__video {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.leadership-grid__item:hover .leadership-grid__video {
  display: block;
}

.leadership-grid__video video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  max-width: 290px;
}

.leadership-grid__item.last-grid__item .leadership-grid__video video {
  margin-top: 56px;
  margin-left:  -30px;
}

.leadership-grid__video::-webkit-media-controls {
  display: none;
}

.leadership-grid__text {
  padding: 2rem;
  font-size: 1rem;
}

.leadership-grid__text p {
  margin: 0;
  padding: 0;
}

.leadership-grid__name {
  
  font-family: 'source sans pro', sans-serif;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 28px;
  text-transform: none;
}

.leadership-grid__designation {
  font-weight: bold;
}

.leadership-grid__more {
  margin-top: 1rem !important;
}

/* ---- css/new/header.css ---- */
.header, .header.header-dark.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 5;
  transition: .3s all ease-in-out;
}
/* Shadow lives on ::after so it can stack above the mega menu (a child of .header). */
.header::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: 0 0 1rem 0 rgba(27, 31, 34, 0.25);
  z-index: 99999;
}
.head_banner.minimal {
  margin-top: 0;
  padding: 143px 0 0;
  min-height: auto;
  background-color: #F2F3F4; }

.head_banner.minimal .solution_advantage {
  padding: 0;
}
.head_banner.minimal .overlay-banner {
  display: none;
}
.head_banner.minimal .wrapper {
  padding: 85px 64px;
}
.head_banner.minimal h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 4rem;
  font-weight: 200;
  line-height: 85px;
  color: #000;
  margin-top: 0;
  text-transform: none;
}
.head_banner.minimal .solution_advantage h3 {
  font-size: 1.6rem;
  color: #292929;
}
.head_banner.minimal .solution_advantage p {
  color: #292929;
}
.header__top {
  background-color: #222222;
  position: relative;
  z-index: 8;
}
.header__top__container {
  width: 100%;
  max-width: 96.25rem;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 48em) {
  .header__top__container {
    max-width: 100%;
    padding: 0;
  }
}
.header__top a {
  display: inline-block;
  padding: 13px 60px 11px 40px;
  margin: 0 0 0 40px;
  line-height: 1;
  text-transform: none;
  color: #fff;
  font-weight: 600;
  font-size: 1.125rem;
  position: relative;
  overflow: hidden;
}
.header__top a.header__top__link {
  margin-left: 0;
}
@media (max-width: 48em) {
  .header__top a.header__top__link {
    display: none;
  }
  .header__top a {
    width: 100%;
    margin: 0;
    text-align: center;
  }
}
.header__top a:hover {
  color: #85CCEB;
}
.header__top a i {
  font-size: .8em;
  margin-left: 5px;
  transform: translateY(-2px);
}
.header__top a.sea-serpent {
  transition: all 100ms ease-in-out, transform 600ms ease, opacity 600ms ease;
  background: linear-gradient(to right, #E811FA, #8145EE, #00BDFF);
  /*background: #8145ee;*/
}
.header__top a.sea-serpent:hover {
  color: #fff;
}
.header__top a.sea-serpent:before {
    content: '';
    position: absolute;
    top: 0;
    left: -4.5em;
    width: 3em;
    height: 100%;
    transform: skewX(-45deg);
    transition: none;
    background-color: rgba(255, 255, 255, 0.5);
    will-change: transform;
}
.header__top a.sea-serpent:hover:before {
    left: calc(100% + 4.5rem); 
    transition: left 500ms ease-in-out;
}
.header__top a.ifrit {
  transition: all 100ms ease-in-out, transform 600ms ease, opacity 600ms ease;
}
.header__top a.ifrit:hover {
  color: #fff;
}
.header__top a.ifrit:before {
    content: '';
    position: absolute;
    top: 0;
    left: -4.5em;
    width: 3em;
    height: 100%;
    transform: skewX(-45deg);
    transition: none;
    background-color: rgba(255, 255, 255, 0.5);
    will-change: transform;
}
.header__top a.ifrit:hover:before {
    left: calc(100% + 4.5rem); 
    transition: left 500ms ease-in-out;
}
.header__top a.ifrit-box {
  font-weight: 900;
  position: relative;
  padding: 0.47rem 1.5rem;
  border: 0;
  border-radius: 0;
/*  background-image: linear-gradient(to bottom, #FFA915, #E42762, #A11BB3);*/
  color: #363636;
  line-height: 1.6;
}
.header__top a.ifrit-box:hover {
  color: #363636;
}
.header__top a.ifrit-box:hover:after {
  background: linear-gradient(to bottom, #fdc681, #ee86ab, #cd7fd0);
}
.header__top a.ifrit-box i {
  line-height: 1.6;
}
.header__top a.ifrit-box:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: rgba(73, 155, 234, 1);
  background: -moz-linear-gradient(to bottom, #ffa915, #e42762, #a11bb3);
  background: -webkit-gradient(to bottom, #ffa915, #e42762, #a11bb3);
  background: -webkit-linear-gradient(to bottom, #ffa915, #e42762, #a11bb3);
  background: -o-linear-gradient(to bottom, #ffa915, #e42762, #a11bb3);
  background: -ms-linear-gradient(to bottom, #ffa915, #e42762, #a11bb3);
  background: linear-gradient(to bottom, #ffa915, #e42762, #a11bb3);
}
.header__top a.ifrit-box:after {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  top: 4px;
  bottom: 4px;
  right: 4px;
  z-index: -1;
  background-color: white;
}
.header__top a svg {
  height: 24px;
  display: inline-block;
  margin-left: 5px;
  transform: translateY(-3px);
  position: absolute;
}
.header__top a svg path {
  fill: #fff;
}
/*.page-template-template-components .header:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -11px;
  width: 100%;
  height: 11px;
  background: linear-gradient(to right, #34A3D4, #30D827);
  z-index: -1;
}*/
.admin-bar .header, .admin-bar .header.header-dark.fixed {
    top: 32px
}
@media (max-width: 782px) {
.admin-bar .header {
      top: 46px
}
    }
.header__container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
  position: relative;
}
@media (min-width: 48em) {
.header__container, .header__top__container {
    padding-right: 2.5rem;
    padding-left: 2.5rem
}
  }
@media (min-width: 64em) {
.header__container, .header__top__container {
    /*padding-right: 4rem;
    padding-left: 4rem*/
}
  }
@media (min-width: 80em) {
.header__container, .header__top__container {
    /*padding-right: 5.625rem;
    padding-left: 5.625rem*/
}
  }
.header__container {

  display: -webkit-box;

  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  max-width: 96.25rem;
  height: 5rem
}
@media (min-width: 48em) {
.header__container {
    height: 6.25rem
}
  }
.header__logo {
  display: block;
  /*width: 6rem original logo size*/
  width: 8rem;
  transition: all .3s ease-in-out;
}

.header__logo a:focus img {
  outline: #489fd6 auto 1px;
}
.header__logo svg .gradient-start, .header.header-dark.fixed .header__logo svg .gradient-start {
  stop-color: #30d827;
}
.header__logo svg .gradient-stop, .header.header-dark.fixed .header__logo svg .gradient-stop {
  stop-color: #34a3d4;
}
@media (min-width: 48em) {
    .header__logo, .header__logo svg {
        /*width: 12.5rem original logo size*/
        width: 18.5rem;
    }
}
.header__logo:hover {
    background-color: transparent;
  }
.header__logo svg,
.header__logo img
 {
  display: block;
}
.header__logo svg {
    /*width: 12.5rem; Size for regulary logo */
    width: 19.5rem; /* Size for 30 year anniversary */
    height: auto;
}
@media (min-width: 48em) {
  .header__logo svg {
    display: inline-block;
  }
}
@media (max-width: 1400px) {
  .header__logo svg {
    width: 16.5rem;
  }
}
@media (max-width: 767px) {
  .header__logo svg {
    width: 12.5rem;
  }
}
.header__menu-toggle {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  border: 0;
  -webkit-transition: color 300ms ease;
  transition: color 300ms ease;
  background-color: transparent;
  color: rgb(76, 183, 72);
  z-index: 1
}
@media (min-width: 48em) {
.header__menu-toggle {
    width: 2rem;
    height: 2rem
}
  }
@media (min-width: 64em) {
.header__menu-toggle {
    display: none
}
  }
.header__menu-toggle--active {
  color: rgb(255, 255, 255);
}
.header__bar {
  position: absolute;
  right: 0;
  width: 70%;
  border-top: 0.125rem solid;
  -webkit-transition: top 150ms ease 150ms, bottom 150ms ease 150ms, width 150ms ease 150ms, visibility 150ms ease 150ms, -webkit-transform 150ms ease;
  transition: top 150ms ease 150ms, bottom 150ms ease 150ms, width 150ms ease 150ms, visibility 150ms ease 150ms, -webkit-transform 150ms ease;
  transition: top 150ms ease 150ms, bottom 150ms ease 150ms, width 150ms ease 150ms, transform 150ms ease, visibility 150ms ease 150ms;
  transition: top 150ms ease 150ms, bottom 150ms ease 150ms, width 150ms ease 150ms, transform 150ms ease, visibility 150ms ease 150ms, -webkit-transform 150ms ease
}
.header__menu-toggle--active .header__bar {
    width: 100%;
    -webkit-transition: top 150ms ease, bottom 150ms ease, width 150ms ease, visibility 150ms ease, -webkit-transform 150ms ease 150ms;
    transition: top 150ms ease, bottom 150ms ease, width 150ms ease, visibility 150ms ease, -webkit-transform 150ms ease 150ms;
    transition: top 150ms ease, bottom 150ms ease, width 150ms ease, transform 150ms ease 150ms, visibility 150ms ease;
    transition: top 150ms ease, bottom 150ms ease, width 150ms ease, transform 150ms ease 150ms, visibility 150ms ease, -webkit-transform 150ms ease 150ms
}
.header__bar--1 {
  top: 0
}
.header__menu-toggle--active .header__bar--1 {
    top: calc(50% - 0.0625rem);
    -webkit-transform: rotate(45deg) scale(1.25);
            transform: rotate(45deg) scale(1.25)
}
.header__bar--2 {
  top: calc(50% - 0.0625rem);
  width: 100%
}
.header__menu-toggle--active .header__bar--2 {
    visibility: hidden
}
.header__bar--3 {
  bottom: 0
}
.header__menu-toggle--active .header__bar--3 {
    bottom: calc(50% - 0.0625rem);
    -webkit-transform: rotate(-45deg) scale(1.25);
            transform: rotate(-45deg) scale(1.25)
}
.header__menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 0 1rem;
  -webkit-transition: visibility 300ms ease, -webkit-transform 300ms ease;
  transition: visibility 300ms ease, -webkit-transform 300ms ease;
  transition: transform 300ms ease, visibility 300ms ease;
  transition: transform 300ms ease, visibility 300ms ease, -webkit-transform 300ms ease;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background-color: #2e3233;
  color: rgb(255, 255, 255);
  text-align: center;
  overflow: auto;
  visibility: hidden;
  transition: all .3s ease-in-out;
}
@media (min-width: 48em) {
.header__menu {
    padding: 2.5rem
}
  }
@media (min-width: 64em) {
.header__menu {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
    background-color: transparent;
    color: inherit;
    overflow: visible;
    visibility: visible
}
  }
.header__menu::before,
  .header__menu::after {
    content: '';
    display: block;
    widows: 100%;
    height: 3rem
  }
@media (min-width: 64em) {
.header__menu::before,
  .header__menu::after {
      display: none
  }
    }
.header__menu ul {
    margin: 0;
    padding: 0;
    font-size: 1.25rem;
    list-style: none
  }
@media (min-width: 64em) {
.header__menu ul {
      display: -webkit-box;
      display: flex;
      align-items: center;
      font-size: 0.875rem;
      font-weight: bold;
      letter-spacing: 0.0625rem;
      text-transform: none;
  }
    }
.header__menu li {
    position: relative;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.3);
  }
@media (min-width: 48em) {
.header__menu li {
      margin-left: 1.5rem;
      border: 0
  }
    }
@media (min-width: 64em) {
.header__menu li {
      margin-left: 2.875rem;
      border: 0
  }
    }

.header__menu li:last-child {
      border: 0;
    }
@media (min-width: 64em) {
.header__menu li:hover > ul {
          -webkit-transform: none;
                  transform: none;
          opacity: 1;
          visibility: visible
      }
        }
.header__menu a, .header.header-dark.fixed .header__menu > ul > li:not(.button-item) > a {
    font-size: 1.125rem;
    font-weight: 400;
    display: block;
    padding: 2rem 0;
    -webkit-transition: color 300ms ease;
    transition: color 300ms ease;
    color: inherit;
    text-decoration: none
  }
.header.header-dark.fixed .header__menu > ul > li.button-item > a:hover {
  color: transparent;
  transform:translateY(-6px);
  backdrop-filter:blur(14px);
  box-shadow:0 20px 40px rgba(0,0,0,0.35);
}
.header__menu a:focus {
  outline: #489fd6 auto 1px;
}
@media (min-width: 64em) {
.header__menu a {
      padding: 1rem 0
  }
    }
.header__menu a:hover {
      background-color: transparent
    }
@media (min-width: 64em) {
.header__menu a:hover {
        color: #1c1e1f;
    }
      }
.header__menu ul ul {
    display: none;
    margin: 0 -1rem;
    padding: 1rem 0;
    background-color: #1c1e1f;
    font-size: 1.125rem
  }
@media (min-width: 48em) {
.header__menu ul ul {
      margin: 0 -2.5rem
  }
    }
@media (min-width: 64em) {
.header__menu ul ul {
      display: block;
      position: absolute;
      width: 16rem;
      margin: 0;
      padding: 0;
      -webkit-transform: translateY(1rem);
              transform: translateY(1rem);
      -webkit-transition: opacity 300ms ease, visibility 300ms ease, -webkit-transform 300ms ease;
      transition: opacity 300ms ease, visibility 300ms ease, -webkit-transform 300ms ease;
      transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease;
      transition: transform 300ms ease, opacity 300ms ease, visibility 300ms ease, -webkit-transform 300ms ease;
      background-color: #2e3233;
      color: rgb(255, 255, 255);
      font-size: inherit;
      font-weight: normal;
      text-align: left;
      text-transform: none;
      opacity: 0;
      visibility: hidden
  }
    }
@media (min-width: 64em) {
  .header__menu ul ul::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 1rem;
    border-right: 0.625rem solid transparent;
    border-bottom: 0.625rem solid #2e3233;
    border-left: 0.625rem solid transparent;
  }
  .header__menu ul ul.mega-sub-menu::before {
    display: none;
  }
}
.header__menu ul ul li {
      border: 0
    }
@media (min-width: 64em) {
  .header__menu ul ul li {
        margin: 0;
        border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
  }
  .header__menu ul ul li.col-sep {
    border-right: 1px solid #707070 !important;
  }
}
@media (min-width: 64em) {
.header__menu ul ul li:last-child {
          border: 0
      }
        }
.header__menu ul ul a {
      padding: 0.5rem 0
    }
@media (min-width: 64em) {
.header__menu ul ul a {
        padding: 0.75rem 1rem;
        -webkit-transition: background-color 300ms ease;
        transition: background-color 300ms ease;
    }
      }
@media (min-width: 64em) {
.header__menu ul ul a:hover {
          background-color: #1c1e1f;
          color: rgb(255, 255, 255);
      }
        }
.header__menu .header__item--active {
    border: 0
  }
.header__menu .header__item--active > ul {
      display: block
    }
@media (min-width: 64em) {
.header__menu .header__item--active > ul {
        display: none
    }
      }
.admin-bar .header__menu {
    height: calc(100vh - 32px)
}
@media (max-width: 782px) {
.admin-bar .header__menu {
      height: calc(100vh - 46px)
}
    }
@media (min-width: 64em) {
.admin-bar .header__menu {
      height: auto
}
    }
.header__menu--active {
  -webkit-transform: none;
          transform: none;
  visibility: visible;
}
.header__toggle {
  position: absolute;
  top: 1.875rem;
  right: 0;
  width: 1.25rem;
  padding: 0;
  border: 0;
  -webkit-transition: color 300ms ease, -webkit-transform 300ms ease;
  transition: color 300ms ease, -webkit-transform 300ms ease;
  transition: color 300ms ease, transform 300ms ease;
  transition: color 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
  background-color: transparent;
  color: inherit;
  font-size: 2rem
}
@media (min-width: 64em) {
.header__toggle {
    display: none
}
  }
.header__item--active .header__toggle {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
}

.header button {
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.button-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 2rem 0;
}

/*.button-item > a {
  font-size: 0.875rem;
  letter-spacing: .125rem;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  padding: .5rem 2rem!important;
  border: 0;
  border-radius: 2rem;
  -webkit-transition: box-shadow .3s ease,-webkit-transform .3s ease;
  transition: box-shadow .3s ease,-webkit-transform .3s ease;
  transition: transform .3s ease,box-shadow .3s ease;
  transition: transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;
  background: linear-gradient(to bottom, #30D827, #34A3D4);
  color: #fff!important;
  font-weight: 700;
  line-height: 1.888;
  text-align: center;
  text-decoration: none;
  min-width: 150px;
  transition: all 0.3s ease-in-out;
}

.button-item > a:hover {
  -webkit-transform: translateY(-.25rem);
  transform: translateY(-.25rem);
  box-shadow: 0 0.5rem 1rem 0 rgba(27,31,34,.25);
  background: #4cb748;
}

.button-item > a:active {
  -webkit-transform: translateY(-.125rem);
  transform: translateY(-.125rem);
  box-shadow: 0 0.25rem 0.5rem 0 rgba(27,31,34,.25);
  background: #4cb748;
}

.button-item > a:focus {
  background: #389335;
}

.button-item > a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
  transition: opacity .3s ease,-webkit-transform .3s ease;
  transition: transform .3s ease,opacity .3s ease;
  transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;
  border-radius: inherit;
  background: inherit;
  z-index: -1;
}*/
.button-item a, nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.button-item > a.mega-menu-link {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: $link-text-color;
  text-transform: none;
  line-height: 30px;
  font-size: 1.125rem;
  font-weight: 600;
  min-width: 150px;
  display: inline-block;
  text-align: center;
  border-radius: $border-radius;
  overflow: hidden;
  padding: 10px 16px;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(to top, #34A3D4, #30D827);
  transition: all 0.2s linear 0s;
}

.button-item a::before, nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.button-item > a.mega-menu-link::before {
  /*content: "\f178";*/
  content: '';
  font-family: FontAwesome;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 30px;
  transition: all 0.2s linear 0s;
  color: #fff;
  background-image: url('../images/icons/arrow-right-long-light-full.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}

.button-item a:hover, nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.button-item > a.mega-menu-link:hover {
  /*text-indent: -9999px;*/
  color: transparent;
  transform:translateY(-6px);
  backdrop-filter:blur(14px);
  box-shadow:0 20px 40px rgba(0,0,0,0.35);
}

.button-item a:hover::before, nav #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.button-item > a.mega-menu-link:hover::before {
  top: 0;
  text-indent: 0;
}
/*.button-item > a:hover::after {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 0;
}

.button-item > a i {
  margin-left: .5rem;
}*/

.nav-button-container {
  display: flex;
  align-items: center;
}

@media (max-width: 63.999em) {
  .button-item a {
    background: #fff!important;
    color: #2e3233!important;
  }
}
.menu-item-has-children:focus-within .sub-menu {
  visibility: visible;
  opacity: 1;
}
.menu-item-has-children .sub-menu.is-visible {
  display: block;
}
.mobile-search-icon .mobile-nav-search-icon { 
  display: none;
}
@media (max-width: 63.999em) {
  .nav-search-icon,
  .mega-nav-search-icon {
    display: none;
  }
  .mobile-search-icon .mobile-nav-search-icon {
    display: block;
    margin-right: 20px;
  }
  .mobile-search-icon .mobile-nav-search-icon i {
    font-size: 24px !important;
    color: #3f3f3f;
  }
}
.search-outer-container {
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 0;
  top: -100%;
  height: calc(100% - 5px);
  /*padding-right: 5.625rem;
  padding-left: 5.625rem;*/
  transition: all .3s ease-in-out;
  z-index: 5;
}
.search-outer-container:before {
  background-color: #fff;
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: -100%;
  top: 0;
}
.search-outer-container:after {
  background-color: #fff;
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  right: -100%;
  top: 0;
}
.search-outer-container.active {
  top: 0;
  /* Sit above Max Mega Menu panels (very high z-index) once open */
  z-index: 100000;
}
@media (max-width: 63.999em) {
  .search-outer-container {
    /*padding-left: 2rem;
    padding-right: 2rem;*/
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    top: -200%;
  }
}
.search-outer-container .search__container {
  display: flex;
  align-items: center;
  height: 100%;
  background-color: white;
  padding-left: 5.625rem;
  padding-right: 5.625rem;
}
@media (max-width: 63.999em) {
  .search-outer-container .search__container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.search-outer-container .search__container form {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
}
.search-outer-container .search__container form i {
  font-size: 30px !important;
  color: #696969;
  width: 37px;
  flex: 0 0 37px;
}
@media (max-width: 63.999em) {
  .search-outer-container .search__container form i {
    font-size: 1.5rem !important;
    margin-top: -5px;
  }
}
.search-outer-container .search__container form .resultSearch {
  flex:1;
  font-size: 2.06rem;
  margin-left: 25px;
  margin-right: 50px;
  border: 0;
  color: #696969;
}
@media (max-width: 63.999em) {
  .search-outer-container .search__container form .resultSearch {
    font-size: 1.25rem;
    margin-left: 0;
  }
}
.search-close {
  position: absolute;
  right: 0;
  top: 12px;
  width: 32px;
  height: 32px;
/*  opacity: 0.3;*/
}
.search-close:hover {
/*  opacity: 1;*/
}
.search-close:before, .search-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #696969;
}
.search-close:before {
  transform: rotate(45deg);
}
.search-close:after {
  transform: rotate(-45deg);
}
@media (max-width: 63.999em) {
  .search-close {
    top: 2px;
  }
}
.fadeOut {
  opacity: 0;
}
.fadeIn {
  opacity: 1;
}
#jobs-recommend-notify {
  width: 100%;
  position: absolute;
  top: -500%;
  transition: all .5s ease-in-out;
  background-color: rgba(0,0,0,.9);
  padding: 8px;
  margin-top: 5px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  z-index: -1;
}
#jobs-recommend-notify:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.9);
  bottom: 0;
  left: -100%;
}
#jobs-recommend-notify:after{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.9);
  bottom: 0;
  right: -100%;
}
#jobs-recommend-notify.active {
  top: 100%;
  opacity: 1;
}
.jrn-container {
  display: flex;
  align-items: center;
  max-width: 90rem;
  padding-right: 5.625rem;
  padding-left: 5.625rem;
}
@media (max-width: 63.999em) {
  .jrn-container {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.jrn-container p {
  margin-bottom: 0;
}
.jrn-content {
  flex: 1;
  color: #fff;
}
.jrn-cta {
  flex: 0 0 157px;
  text-align: right;
}
/* Header Dark Styles */
.header.header-dark {
  background-color: transparent;
  box-shadow: none;
}
.header.header-dark::after {
  display: none;
}
.header.header-dark.fixed::after {
  display: block;
}
.header.header-dark .header__menu a  {
  color: #ffffff;
}
.header.header-dark .header__logo svg .gradient-start {
  stop-color: #ffffff;
}
.header.header-dark .header__logo svg .gradient-stop {
  stop-color: #ffffff;
}
h4.mega-block-title {
  font-size: 29px;
  color: #000;
  line-height: 36px;
}
@media (min-width: 48em) {
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu,
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-grid > ul.mega-sub-menu {
    top: 78px;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    top: 70px;
  }
  .mm-col-title {
    padding-left: 60px !important ;
  }
}
@media only screen and (min-width: 1024px) {
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    text-align: left;
  }
}
@media only screen and (max-width: 1023px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border-bottom: 1px solid rgba(0,0,0,.3);
    }
    .mega-nav-search-icon {
      display: none !important;
    }
    .button-item a.mega-menu-link {
      min-height: auto !important;
      margin: 20px 0 !important;
    }
    .mega-sub-menu {
      width: 100% !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu {
      background-color: transparent !important;
      padding: 24px 16px;
    }
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > h4,
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
      color: #fff !important;
      text-align: center !important;
      justify-content: center !important;
    }
    .mm-col-title {
      padding-left: 0px !important ;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        white-space: nowrap;
    }
    .mega-menu-item-text-3 h4.mega-block-title {
      margin-top: 24px !important;
    }
}
.nav-col-img .mega-sub-menu .widget_media_image img {
  /*padding-left: 60px;
  padding-right: 60px;*/
  border-radius: 10px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-grid > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image {
  padding-left: 60px;
  padding-right: 60px;
}

/* ---- css/new/footer.css ---- */
.footer__top .block__container {
	max-width: 96.25rem;
}
.footer__link__container {
	display: flex;
}
.footer__link__container .footer__list {
	width: 20%;
}
.footer__link__container .footer__list.footer_list_four {
	width: 40%;
}
@media (max-width: 64em) {
	.footer__link__container {
		flex-wrap: wrap;
		gap: 40px;
	}
	.footer__link__container .footer__list.footer_list_one, .footer__link__container .footer__list.footer_list_two, .footer__link__container .footer__list.footer_list_three {
		width: calc(100% / 3 - 28px);
	}
	.footer__link__container .footer__list.footer_list_four {
		width: 100%;
	}
	.footer__link__container .footer__list {
		
		margin: 0 auto;
	}
}
@media (max-width: 48em) {
	.footer__link__container .footer__list {
		width: 100%;
	}
	.footer_list_two {
		display: none;
	}
	.footer__link__container .footer__list.footer_list_two {
		width: auto;
		margin: 0 auto;
	}
}
.footer__list h5 {
	font-size: 1.25rem;
	font-weight: 900;
	color:  #fff;
	margin-bottom: 15px;
}
.footer__list li {
	margin-bottom: 10px;
}
.footer__list li a {
	font-size: 1.125rem;
	color: #fff;
	line-height: 27px;
}
.footer__secondary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #71777D;
	margin-top: 68px;
	padding-top: 30px;
}
@media (max-width: 48em) {
	.footer__secondary {
		display: block;
		text-align: center;
	}
}
ul.footer__social__list {
	display: flex;
}
@media (max-width: 48em) {
	ul.footer__social__list {
		justify-content: center;
		margin-top: 30px;
	}
}
ul.footer__social__list li {
	margin-left: 10px;
}
ul.footer__social__list a {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	height: 54px;
	width: 54px;
	transition: all .3s ease-in-out;
}
/*ul.footer__social__list a:hover {
	background-repeat: no-repeat;
	background-size: 100%;
}
ul.footer__social__list a:hover img {
	opacity: 0;
}
.footer-facebook:hover {
	background-image: url(../images/footer/facebook-hover.svg);
}
.footer-twitter:hover {
	background-image: url(../images/footer/x-hover.svg);
}
.footer-linkedin:hover {
	background-image: url(../images/footer/linkedin-hover.svg);
}
.footer-youtube:hover {
	background-image: url(../images/footer/youtube-hover.svg);
}
.footer-instagram:hover {
	background-image: url(../images/footer/insta-hover.svg);
}*/
.footer__copy {
	font-size: 1.125rem;
}
@media (max-width: 48em) {
	.footer__copy {
		font-size: 1rem;
	}
}
/* Social Footer Flip Effect */
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 54px;
	height: 54px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}
.footer-slider a {
	font-size: 1.125rem;
}
.footer-slider .slick-dots {
	text-align: left;
}
.footer-slider .slick-list {
	border-radius: 10px;
}
.footer-slide .footer-slider-image {
	border-radius: 10px;
}

/* ---- css/new/contact-v2.css ---- */
.contact-v2 {
  padding: 6rem 1rem;
  background: #eff8fc;
}

.contact-v2__container {
  width: 52rem;
  max-width: 100%;
  margin: 0 auto;
}

.contact-v2__main {
  width: 100%;
  margin: 4rem auto 0;
  text-align: center;
}

.contact-v2__main h2 {
  color: #34A3D4;
  font-family: 'source sans pro', sans-serif;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.25;
  text-transform: none;
}

.contact-v2__main hr {
  display: block;
  margin: 2rem 0;
  height: 0.625rem;
  border-radius: 1rem;
  background-image: linear-gradient(90deg, rgb(76, 183, 72), rgb(33, 135, 191), rgb(98, 38, 158));
}

.contact-v2__main .gform_wrapper {
  max-width: 38rem;
  margin: 1rem auto;
}

.contact-v2__select {
  padding: 0 !important;
}

.contact-v2__select .ginput_container {
  margin: 0 !important;
}

.contact-v2__select .nice-select {
  width: 100%;
  height: 60px;
  padding: 0 2rem;
  border: 0;
  border-radius: 1rem;
  font-size: 16px;
  font-weight: bold;
  line-height: 60px;
  box-shadow: 0 0 1rem rgba(0,0,0,0.1);
}

.contact-v2__select .nice-select::after {
  right: 32px;
  width: 15px;
  height: 15px;
  margin-top: -10px;
}

.contact-v2__select .nice-select .list {
  left: 0;
  width: 100%;
  margin-top: 1rem;
  padding: 0.5rem 0;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(0,0,0,0.1);
}

@media (min-width: 48em) {
  .contact-v2__select .nice-select .list {
    left: 10%;
    width: 80%;
  }
}

.contact-v2__select .nice-select .option {
  padding: 0.25rem 2rem;
  font-weight: bold;
}

.contact-v2__main .gsection {
  border: 0 !important;
}

@media (min-width: 641px) {
  .contact-v2__main .gfield:not(.contact-v2__select) {
    padding-left: 1rem;
  }
}

.contact-v2__main .gform_footer {
  padding: 1rem !important;
}

.contact-v2__main .gform_footer input[type=submit] {
  background: #34a3d4 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 1.5rem !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  padding: 0.75rem 1.25rem !important;
  font-size: 16px !important;
}

.contact-v2__main .gform_footer input[type=submit]::before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f178";
}

.contact-v2__sidebar {
  width: 100%;
  margin-top: 4rem;
  float: right;
  padding: 2.5rem;
  background: #fff;
  font-size: 1rem;
  font-weight: bold;
}

@media (min-width: 64rem) {
  .contact-v2__sidebar {
    width: 37%;
  }
}

.contact-v2__sidebar p {
  padding: 0;
  margin: 0 0 2.5rem;
}

.contact-v2__sidebar p:last-child {
  margin: 0;
}

.contact-v2__sidebar strong {
  color: #34A3D4;
  font-size: 1.25rem;
}

.contact-v2__sidebar a {
  color: inherit;
}

/* ---- css/new/resources-v2.css ---- */
.resources-v2 {

}
.single-resources {
  padding-top: 100px;
}
@media (min-width: 768px) {
    .single-resources {
        padding-top: 140px;
    }
}
.resources-ind .post__hero__container {
  padding: 0 24px;
}
.resources-ind .post__hero {
  max-width: 64rem;
  padding: 85px 0px;
}
.cd-main-header {
  background-color: #fff;
  padding: 85px 24px 0;
}
.resources-v2__filters {
  width: 1260px;
  max-width: 100%;
  margin: 9.25rem auto 7.25rem;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0.75rem;
}
@media (max-width: 767px) {
  .resources-v2__filters {
    margin: 6.25rem auto 1rem;
  }
}
.resources-v2__filters > strong {
  width: 100%;
}

@media (min-width: 1024px) {
  .resources-v2__filters, .resources-v2__filters > strong {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
  }
}

.resources-v2__filters .nice-select {
  width: 100%;
  height: 60px;
  padding: 0 2rem;
  border: 0;
  border-radius: 1rem;
  font-size: 16px;
  font-weight: bold;
  line-height: 60px;
  box-shadow: 0 0 1rem rgba(0,0,0,0.1);
}

.resources-v2__filters .nice-select::after {
  right: 32px;
  width: 15px;
  height: 15px;
  margin-top: -10px;
}

.resources-v2__filters .nice-select .list {
  width: 100%;
  margin-top: 1rem;
  padding: 0.5rem 0;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgba(0,0,0,0.1);
}

.resources-v2__filters .nice-select .option {
  padding: 0.25rem 2rem;
  font-weight: bold;
}

.resources-v2__filters .nice-select .option:hover {
  background: #21AD12;
  color: #fff;
}

.resources-v2__col {
  margin-bottom: 1.5rem;
}

.resources-v2__col:last-child {
  margin: 0;
  text-align: center;
}

.resources-v2__col--alt {
  width: 100%;
  max-width: 24rem;
  margin: 0 auto !important;
}

@media (min-width: 1024px) {
  .resources-v2__col {
    margin: 0;
    padding: 0 0.75rem;
  }

  .resources-v2__col--grow {
    flex-grow: 1;
  }
}

.resources-v2__reset {
  display: inline-block;
  flex-shrink: 0;
  background: linear-gradient(to top, #34A3D4, #30D827);
  color: #fff;
  border: 0;
  border-radius: 0.25rem;
  text-transform: none;
  transition: background-color 300ms ease;
  letter-spacing: normal;
  padding: 0.25rem 1rem;
  font-size: 16px;
  box-shadow: 0 0 1rem rgba(0,0,0,0.1);
  text-decoration: none;
}

.resources-v2__reset:hover {
  background: #005597;
}

.resources-v2__reset i {
  margin-right: 0.25rem;
}

.resources-v2__grid {
  display: flex;
  flex-wrap: wrap;
  width: 1260px;
  max-width: 100%;
  margin: 0 auto;
}

.resources-v2__item {
  display: flex;
  flex-direction: column;
  width: calc(100% - 1.5rem);
  margin: 2rem 0.75rem;
  box-shadow: 0 0 1rem rgba(0,0,0,0.1);
  transition: transform 300ms ease, box-shadow 300ms ease;
  border-radius: 0.5rem;
  background: #32323E;
  overflow: hidden;
  animation: fadeIn 1s forwards;
}

@media (min-width: 768px) {
  .resources-v2__item {
    width: calc(50% - 1.5rem);
  }
}

@media (min-width: 1024px) {
  .resources-v2__item {
    width: calc(25% - 1.5rem);
  }
}

.resources-v2__item:hover {
  transform: scale(1.05);
  box-shadow: 0 1.5rem 3rem 0 rgba(0,0,0,0.5);
}

.resources-v2__image {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.resources-v2__image::before {
  content: '';
  display: block;
  padding-top: 55%;
}

.resources-v2__image img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}

.resources-v2__text {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 1.5rem 1.625rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.667;
  color: #fff;
  align-items: flex-start;
}

.resources-v2__text h2 {
  color: #fff;
  margin: 0 0 1rem;
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: none;
  font-family: 'source sans pro', sans-serif;
  letter-spacing: normal;
  line-height: 1.667;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.resources-v2__text p.resources-v2__type.resources-v2__type {
  margin: 0 0 1rem;
  font-weight: 900;
  font-size: .8125rem;
  border-radius: 20px;
  padding: .2rem 1rem;
  display: inline-block;
  background: linear-gradient(to bottom, #30D827, #34A3D4);
  color: #fff;
}

.resources-v2__text h2 + .resources-v2__type {
  margin-top: -1rem;
}

.resources-v2__text p {
  padding: 0;
}

.resources-v2__more {
  margin: auto 0 0;
  padding: 1.25rem 0 0 !important;
}

.resources-v2__more, .resources-v2__more a, .resources-v2__more span {
  font-size: .8125rem;
  font-weight: bold;
  line-height: 1.667;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
}

.resources-v2__nav {
  width: 1260px;
  max-width: 100%;
  margin: 2rem auto 9.25rem;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.resources-v2__nav.resources-v2__nav__top {
  margin: 0 auto 2rem;
}
.resources-v2__nav .nav-links {
  display: flex !important;
}

.resources-v2__nav span,
.resources-v2__nav a {
  margin: 0 0.5rem;
}

#playlists-container, #latest-videos-container {
  max-width: 1260px;
  width: 100%;
  margin: 0 auto 120px;
}

#playlists-container .playlist, #latest-videos-container .playlist {
  margin-bottom: 60px;
}

#playlists-container h2, #latest-videos-container h2, #playlists-container h3, #latest-videos-container h3 {
  padding-left: 12px;
  padding-right: 12px;
}

#playlists-container h3, #latest-videos-container h3 {
  margin-top: 40px;
}

.resources_trim {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@supports (display: -webkit-box) {
  .resources_trim {
    /* autoprefixer: off */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    white-space: normal;
  }
}

#playlists-container .view-more, #latest-videos-container .view-more {
  color: #2288EA;
  margin-left: 15px;
  font-weight: bold;
  cursor: pointer;
}
#playlists-container .view-more i, #latest-videos-container .view-more i {
  font-weight: bold;
  font-size: 24px;
  position: relative;
  top: 2px;
}
.page-frequently-asked-questions .resources-v2__filters {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: 9.25rem auto 7.25rem;
}
@media (max-width: 1024px) {
  .page-frequently-asked-questions .resources-v2__filters {
    margin: 5.25rem auto;
  }
}
.page-frequently-asked-questions .resources-v2__col--grow {
  flex: 1;
}
.cat-pill {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.1), inset 0 0 20px 10px rgba(255, 255, 255, 1);
    display: inline-block;
    padding: 4px 18px;
    margin-bottom: 8px;
    border-radius: 12px;
    color: #000;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 14px;
    transition: all 0.2s linear 0s;
}
.btm-list-section {
  position: relative;
  padding: 100px 24px;
}
.btm-list-section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .7);
    z-index: 0;
}
.btm-list-section .video-bg {
  z-index: 0;
  border-radius: 0;
}
.download-outer {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 32px;
}
@media (max-width: 767px) {
  .download-outer {
    flex-direction: column;
  }
}
.btn-list-text {
  width: calc(100% / 3);
  text-align: center;
}
@media (max-width: 767px) {
  .btn-list-text {
    width: 100%;
  }
}

/* ---- css/new/search.css ---- */
.search .header__logo, .search .header__menu {
	opacity: 0;
}
@media (max-width: 64em) {
	.search .header__logo, .search .header__menu {
		opacity: 1;
	}
}

.search .header__logo.fadeIn, .search .header__menu.fadeIn {
	opacity: 1;
}
.search .search-primary {
	background-color: #f0f0f0;
	padding-top: 300px;
	padding-bottom: 230px;
}
@media (max-width: 48em) {
	.search .search-primary {
		padding-top: 200px;
		padding-bottom: 60px;
	}
}
.search-box {
	max-width: 840px;
	margin:10.7rem auto 3.7rem;
	padding: 2.5rem 4.625rem;
	background-color: #fff;
	border-radius: 19px;
}
@media (max-width: 64em) {
	.search-box {
		padding: 2.5rem;
	}
}

.search-navigation {
    width: 1260px;
    max-width: 100%;
    margin: 0 auto;
    text-align: right;
}
@media (max-width: 64em) {
	.search-navigation {
		text-align: left;
	}
}
.pagination .page-numbers {
	margin: 0 10px;
	color: #333333;
	width: 31px;
	height: 27px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
}
.pagination a.page-numbers:hover, .pagination span.page-numbers.current {
	background-color: #333333;
	color: #fff;
}
@media (max-width: 64em) {
	.pagination .page-numbers {
	  margin: 0 10px;
	}
}

.search-box #searchform {
	display: flex;
	align-items: stretch;
}

.search-box .search-submit {
	position: relative;
}

.search-box .resultSearch {
	flex: 1;
	background-color: #E6E6E6;
    border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border: none;
	padding: .5rem 1.875rem;
}

.search-box .search-submit input {
	font-size: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border: transparent;
    background-color: transparent;
    box-shadow: none;
    left:  0;
    top: 0;
}
.search-box .search-icon {
	background: linear-gradient(to right, #34A3D4, #30D827);
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	padding-left: 1.44rem;
	padding-right: 1.31rem;
	flex: 0 0 80px;
	height: 100%;
    display: flex;
    align-items: center;
}
.search-box .search-icon i {
	margin-top: -3px;
}
.search-navigation.search-above {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 12px;
    padding-right: 12px;
}
@media (max-width: 64em) {
	.search-navigation.search-above {
		display: block;
	}
}

.search-navigation.search-below {
	margin-top: 20px;
}

.search-navigation.search-above .show-post-container {
	font-size: 2.06rem;
	color: #696969;
	text-align: left;
	line-height: 38px;
}
@media (max-width: 64em) {
	.search-navigation.search-above .show-post-container {
		margin-bottom:  36px;
	}
}
@media (max-width: 500px) {
	.search-navigation.search-above .show-post-container {
		padding-right:  35px;
	}
}
.search-navigation .pagination {
	flex: 0 0 460px;
	display: flex;
	justify-content: flex-end;
}
@media (max-width: 64em) {
	.search-navigation .pagination {
		justify-content: flex-start;
	}
}
.search-navigation.search-above .show-post-container .search-term-text {
	font-weight: 600;
	color: #3F3F3F;
}
p.searchnotfound {
	font-size: 2.06rem;
	color: #696969;
}
.search-grid .resources-v2__more a {
	font-size: .8125rem;
    line-height: 1.667;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: bold;
}

/* ---- css/modules/accordions.css ---- */
/* external */

/* ---- css/modules/banner.css ---- */
.banner {
  background-position: center;
  background-size: cover;
  color: #fff;
  text-align: center;
}

.banner__container {
  max-width: 56rem;
  margin: auto;
  padding: 4rem 2rem;
}

.banner__container a {
  color: #ffffff;
  text-decoration: underline;
}

.banner__container a.button {
  color: #34a3d4;
  text-decoration: none;
}

.banner__container a.button:hover {
  color: #ffffff;
  text-decoration: none;
}

@media (max-width: 32em) {
  .banner__container {
    padding: 3rem 2rem;
  }
}

/* ---- css/modules/bullets.css ---- */
.bullets {
  background: #f2f9fc;
}

.bullets__container {
  max-width: 64rem;
  margin: auto;
  padding: 4rem 2rem;
}
@media (max-width: 32em) {
  .bullets__container {
    padding: 3rem 2rem;
  }
}

.bullets__top {
  max-width: 48rem;
  margin: 0 auto 3rem;
  text-align: center;
}

.bullets__main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.bullets__item {
  width: 100%;
  margin-bottom: 2rem;
  text-align: center;
}
.bullets__item p {
  line-height: 1.667;
}

@media (min-width: 48em) {
  .bullets__item {
    width: calc(33.333% - 3rem);
    margin-bottom: 0;
  }
}

.bullets__number {
  width: 3rem;
  height: 3rem;
  margin: auto;
  border-radius: 50%;
  background-image: linear-gradient(#34A3D4, #30D827);
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 3rem;
  text-align: center;
}

/* ---- css/modules/cards.css ---- */


/* ---- css/modules/columns.css ---- */
.columns {
  max-width: 64rem;
  margin: auto;
  padding: 4rem 2rem;
}

@media (max-width: 32em) {
  .columns {
    padding: 3rem 2rem;
  }
}

.columns__top {
  max-width: 48rem;
  margin: 0 auto 2rem;
  text-align: center;
}

.columns__main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.columns__item {
  width: 100%;
}

@media (min-width:48em) {
  .columns__item {
    width: calc(50% - 2rem);
  }
}

.columns__bottom {
  margin-top: 1.5rem;
  text-align: center;
}

.columns__bottom p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.columns__bottom p:last-child .button {
  margin-bottom:  0;
}

/* ---- css/modules/dropdowns.css ---- */
.dropdowns {
  background: #f5f9fc;
}

.dropdowns__container {
  max-width: 56rem;
  margin: auto;
  padding: 4rem 2rem;
}

@media (max-width: 32em) {
  .dropdowns__container {
    padding: 3rem 2rem;
  }
}

.dropdowns__top {
  margin-bottom: 1rem;
  text-align: center;
}

.dropdowns__main {

}

.dropdowns__item {

}

.dropdowns__toggle {
  position: relative;
  width: 100%;
  margin-top: 2rem;
  padding: 1.5rem 6rem 1.5rem 2rem;
  border: 0.125rem solid #ccc !important;
  border-radius: 1rem;
  background: #fafafa;
  font-family: inherit;
  font-size: 20px;
  color: #34A3D4;
  font-weight: bold;
  text-align: left;
  box-shadow: none !important;
}

.dropdowns__icon {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 3rem;
  transition: 0.3s ease-in-out;
}

.dropdowns__content {
  display: none;
  margin-top: 1rem;
  padding: 1rem;
  border: 0.125rem solid #ccc;
  border-radius: 1rem;
  background: #fafafa;
  text-align: center;
}

[aria-expanded='true'] + .dropdowns__content {
  display: block;
}

[aria-expanded='true'] .dropdowns__icon {
  transform: translateY(-50%) rotate(180deg);
}

/* ---- css/modules/feature.css ---- */
/* external */

/* ---- css/modules/sections.css ---- */
.sections {
  background-position: center;
  background-size: cover;
  text-align: center;
}

.sections__container {
  max-width: 80rem;
  margin: auto;
  padding: 4rem 2rem;
}

@media (max-width: 32em) {
  .sections__container {
    padding: 3rem 2rem;
  }
}

.sections__top {
  margin-bottom: 3rem;
  color: #fff;
}

.sections__main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.sections__item {
  display: flex;
  flex-direction: column;
  width: 16rem;
  max-width: calc(100% - 2rem);
  margin: 1rem;
  padding: 2rem;
  border-radius: 1rem;
  background: #fff;
  overflow: hidden;
}

.sections__image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5rem;
}

.sections__footer {
  margin-top: auto;
}

.sections__link {
  font-weight: bold;
  border-bottom: 0.0625rem solid;
}

/* ---- css/modules/table-of-contents.css ---- */
.table-of-contents {
  background-position: center;
  background-size: cover;
  color: #fff;
  text-align: center;
}

.table-of-contents__container {
  max-width: 56rem;
  margin: auto;
  padding: 4rem 2rem;
}

@media (max-width: 32em) {
  .table-of-contents__container {
    padding: 3rem 2rem;
  }
}

.table-of-contents__heading {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid;
}

.table-of-contents__heading em {

}

.table-of-contents__container .subheading {
  background-color: rgba(0,0,0, .16);
  border-radius: 1rem;
  padding: 2rem;
  font-weight: 400;
  line-height: 27px;
}

.table-of-contents__main {
  position: relative;
  margin-top: 1rem;
  z-index: 1;
}

.table-of-contents__toggle {
  width: 403px;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  border: 0;
  border-radius: 1rem;
  background: #F2F2F2;
  color: #34A3D4;
  font-family: inherit;
  font-size: 1.5rem;
  font-weight: bold;
  box-shadow: none !important;
  text-shadow: none;
  display: flex;
  justify-content: space-between;
}

.table-of-contents__toggle[aria-expanded='true'] {
  /*background: #313131;*/
  width: 100%;
  justify-content: center;
}

.table-of-contents__arrow {
  display: inline-block;
  margin-left: 0.25rem;
  transform: translateY(-0.125rem);
  font-size: 1.5rem;
}

.table-of-contents__toggle[aria-expanded='true'] .table-of-contents__arrow {
  visibility: hidden;
}

.table-of-contents__close {
  display: none;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}

.table-of-contents__toggle[aria-expanded='true'] .table-of-contents__close {
  display: block;
  justify-self: flex-end;
}

.table-of-contents__list {
  display: none;
  position: absolute;
  top: calc(100% + 1rem);
  left: 0;
  width: 100%;
  padding: 0 2rem;
  border-radius: 1rem;
  background: #f4f4f4;
  text-align: left;
}

@media (min-width: 48em) {
  .table-of-contents__list {
    column-count: 2;
    column-gap: 2rem;
  }
}

[aria-expanded='true'] + .table-of-contents__list {
  display: block;
}

.table-of-contents__list::before {
  content: '';
  position: absolute;
  top: 0;
  right: 2rem;
  left: 2rem;
  border-top: 0.0625rem solid #f4f4f4;
}

.table-of-contents__list a {
  color: #313131;
  font-weight: bold;
}

.table-of-contents__item {
  display: inline-block;
  width: 100%;
  padding: 1.5rem 0.75rem;
  border-top: 0.0625rem solid #ddd;
}
.table-of-contents__item:nth-child(6n) {
  border-top: 0;
}

.table-of-contents__subitem {
  position: relative;
  padding-left: 1rem;
}

.table-of-contents__subitem::before {
  content: '\2218';
  position: absolute;
  left: 0;
  color: #34a3d4;
}

/* ---- css/modules/visual-editor.css ---- */
.visual-editor {
  max-width: 64rem;
  margin: auto;
  padding: 4rem 2rem;
}

@media (max-width: 32em) {
  .visual-editor {
    padding: 3rem 2rem;
  }
}

#benefits.visual-editor {
  max-width: 57rem;
}


.visual-editor h2 {
  color: #34a3d4;
  font-size: 30px;
  font-weight: bold;
  text-transform: none;
}

.visual-editor ul {
  padding-left: 2rem;
}

.visual-editor li {
  margin-top: 1.5rem;
  list-style: disc;
}

/* ---- css/components/awards.css ---- */
.cmpt-awards {
	text-align: center;
	padding: 0 2rem;
}
.awards-container {
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1200px) {
	.awards-container {
		max-width: 800px;
		flex-wrap: wrap;
	}
}
.award-logo {
	position: relative;
	margin: 0 15px;
}
@media (max-width: 1200px) {
	.award-logo {
		margin: 0 15px 20px;
	}
}
@media (max-width: 500px) {
	.award-logo {
		width: calc(50% - 50px);
	}
}
.award-logo:hover .award-hover {
	opacity: 1;
}
.award-logo .award-default {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: 180px;
}
.award-logo .award-hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	width: 180px;
}
@media (max-width: 1024px) {
	.award-logo img.award-default, .award-logo img.award-hover {
		left: 50%;
		transform: translateX(-50%);
	}
}
@media (max-width: 767px) {
	.award-logo img.award-default, .award-logo img.award-hover {
		left: 0;
		transform: translateX(0);
		width: auto;
	}
}

/* ---- css/components/banner.css ---- */
.cmpt-banner {
	margin-top: 68px;
	text-align: center;
	background-color: #F2F6F8;
	padding: 0 2rem;
	position: relative;
	z-index: 1;
}
.cmpt-banner p {
	font-size: .875rem;
}
@media (min-width: 48em) {
	.cmpt-banner {
		margin-top: 142px;
	}
	.cmpt-banner p {
		font-size: 1.875rem;
		line-height: 42px;
	}
}

/* ---- css/components/boxed-masonry.css ---- */
.boxed-masonry-container {
  padding: 120px 80px;
  background-size: cover;
  border-radius: 20px;
  background-color: #F0F0F0;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .boxed-masonry-container {
    padding: 80px 12px;
  }
}
.bm-content {
  text-align: center;
  margin: 0 auto 90px;
  max-width: 730px;
  position: relative;
  z-index: 1;
}
.bm-boxed-masonry {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  position: relative;
  z-index: 1;
}
.bm-box {
  display: flex;
  flex: 0 0 auto;
  padding: 70px;
  /*min-height: 446px;*/
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .bm-box {
    padding: 36px;
  }
}
.bm-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
}
.bm-box:nth-child(1) {
  
  flex-basis: calc(55% - 10px);
}
@media screen and (min-width: 992px) and (max-width: 1480px) {
  .bm-featured::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .bm-box-content-featured {
    position: relative;
    z-index: 2;
  }
  .bm-featured {
    background-position: right !important;
  }
}
.bm-box:nth-child(2) {
  flex-basis: calc(45% - 10px);
}
.bm-box:nth-child(3) {
  flex-basis: calc(45% - 10px);
}
.bm-box:nth-child(4) {
  flex-basis: calc(55% - 10px);
}
.bm-featured {
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .bm-featured {
    /*padding-bottom: 200px;*/
    background-image: none;

    background-position: bottom;
  }
}
.bm-box-content-featured {
  max-width: 330px;
}
@media screen and (max-width: 767px) {
  .bm-box-content-featured {
    max-width: 100%;
  }
}
.bm-box-content, .bm-box-content-featured {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
@media screen and (max-width: 1200px) {
  .bm-box {
    flex-basis: calc(50% - 10px) !important;
  }
}
@media screen and (max-width: 767px) {
  .bm-box {
    flex-basis: 100% !important;
    min-height: 300px;
  }
}
.bm-box-content p:last-child, .bm-box-content-featured p:last-child {
  margin-top: auto;
  margin-bottom: 0;
}
.bm-box-content.box-align-top p:last-child, .bm-box-content-featured.box-align-top p:last-child {
  margin-top: 0;
  margin-bottom: 0;
}
.boxed-masonry-container:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255, .7);
  z-index: 0;
}
.bm-box .btn-cta {
  margin-top: 26px;
}

/* ---- css/components/card-slider.css ---- */

.page-template-template-components .cmpt-card-slider .block__container {
/*	max-width: calc(72rem + 104px);*/
}
.card-slider-header {
	max-width: 72rem;
	margin: 0 auto;
}
.card-slider {
	margin-top: 38px;
}
.slick-slider.card-slider button.slick-arrow.slick-prev {
	left: -45px;
}
.slick-slider.card-slider button.slick-arrow.slick-next {
	right: -45px;
}
.card-slider .slick-list {
	margin: 0 -16px;
}
.card-slider .slick-track {
	display: flex;
	
/*	margin-right: -26px;*/
}
@media (max-width: 720px) {
	.card-slider .slick-track {
		display: block;
	}
}
.card-slide {
	
	border-radius: 8px;
	
	margin: 97px 0 0;
	min-height: 100%;
	height: auto;
	padding-left: 11px;
	padding-right: 11px;	
}
.card-slide.card-no-icon {
	margin-top: 0;
}
.card-slide-content {
	display: flex !important;
	background-color: #f0f0f0;
	padding: 0 30px 30px 30px;
	border-radius: 8px;
	flex-direction: column;
	min-height: 100%;
	height: auto;
}
.card-slide .no-icon {
	height: 30px;
}
.card-slide .cs-icon {
	width: 184px;
	height: 184px;
	background-color: #f0f0f0;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: -65px auto 0;
	padding: 10px;
}
.card-slide .cs-icon svg, .card-slide .cs-icon img {
	width: 100%;
	height: auto;
	max-width: 100px;
}
.card-slide .cs-content {
	margin-bottom: 46px;
}
.card-slide .cs-content:last-child {
	margin-bottom: 0;
}
.card-slide .cs-title h3 {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 27px;
}
.card-slide .cs-link {
	margin-top: auto;
}
.card-slide .cs-link a {
	/*color: #454545;*/
	font-size: 1.375rem;
}

/* ---- css/components/case-studies-slider.css ---- */
:root {
  --c-max-width: 100%;
  --c-padding: 10px;
  --c-padding-inline: calc(var(--c-padding) * 2);
  
  @media screen and (min-width: 768px) {
    --c-max-width: 800px;
    --c-padding: 12px;
  }
  @media screen and (min-width: 1000px) {
    --c-max-width: 940px;
    --c-padding: 24px;
  }
  @media screen and (min-width: 1200px) {
    --c-max-width: 1600px;
    --c-padding: 40px;
  }
}
.page-template-template-components .cmpt-case-study-slider.block {
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 5px;
}
.page-template-template-components .cmpt-case-study-slider.block .block__container {
	text-align: center;
}
.css-body-content {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
.css-slider-wrap {
	position: relative;
}
.css-slider-arrow {
	position: absolute;
	top: 50%;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	padding: 0;
	border: none;
	border-radius: 50%;
	appearance: none;
	-webkit-appearance: none;
	background: #fff;
	box-shadow: 0 7px 29px rgba(100, 100, 111, 0.45);
	color: #1C1C1C;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	transform: translateY(-50%);
	transition: opacity 0.2s ease, visibility 0.2s ease, background-color 0.2s ease;
}
.css-slider-arrow--prev {
	left: 16px;
}
.css-slider-arrow--next {
	right: 16px;
}
.css-slider-arrow:hover,
.css-slider-arrow:focus-visible {
	background: #f7f7f7;
}
.css-slider-arrow.is-hidden {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
@media screen and (max-width: 600px) {
	.css-slider-arrow {
		width: 44px;
		height: 44px;
		font-size: 22px;
	}
	.css-slider-arrow--prev {
		left: 8px;
	}
	.css-slider-arrow--next {
		right: 8px;
	}
}
.css-slider {
	--css-card-width: 400px;
	display: flex;
	gap: 14px;
	overflow-x: auto;
	scroll-behavior: smooth;
	padding-inline: max(0px, calc((100% - var(--css-card-width)) / 2));
	scroll-padding-inline: max(0px, calc((100% - var(--css-card-width)) / 2));
	scrollbar-width: none;
	/* Hide scrollbar for IE and older Edge */
	-ms-overflow-style: none;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: -40px;
	margin-left: -16px;
	margin-right: -16px;

}
.css-slider::-webkit-scrollbar {
  display: none;
}
.css-slider > .css-card {
	display: flex;
  	flex-direction: column;
  	flex: 0 0 400px;
	/*scroll-snap-align: start;*/
	height: 560px;
	border-radius: 10px;
	transition: .3s all ease-in-out;
	
}
@media screen and (max-width: 600px) {
	.css-slider {
		--css-card-width: 300px;
	}
	.css-slider > .css-card {
		flex: 0 0 300px;
		height: 490px;
	}
}

.css-slider.dragging {
    cursor: grabbing;
}


.css-slider.dragging .css-card a:hover {
    transform: none;
}

.css-slider.dragging * {
    user-select: none;
}
.css-card a {
	transition: .3s all ease-in-out;
	padding: 36px 48px;
	display: block;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  background-size: cover;
	background-position: center bottom;
	color: #000;
	font-weight: 400;
}
@media screen and (max-width: 600px) {
	.css-card a {
		padding: 30px 20px;
	}
}
.css-card a:hover {
	transform: perspective(450px) rotateY(-12deg) translateX(-10px);
	
}
@media (max-width: 767px) {
	.css-card a:hover {
		transform: perspective(0) rotateY(0) translateX(0);	
	}
}

.css-card a,
.css-card img {
    -webkit-user-drag: none;
    user-drag: none;
}
.page-template-template-components .css-card a h3 {
	margin-bottom: 20px;
}
.css-card a .badge {
	margin-bottom: 28px;
}

/* ---- css/components/chart.css ---- */
.cmpt.cmpt-chart.block {
	padding-bottom: 0;
}

.cmpt.cmpt-chart.block .block__container {
	max-width: 1000px;
}

/* ---- css/components/content-image-background.css ---- */
.page-template-template-components .block.cmpt-content-image-background {
	padding: 0 2rem;
	margin-top: 10.625rem;
}

/*.cmpt-content-image-background {
	min-height: 618px;
	background-size: cover;
	background-position: center right;
	padding: 0 !important;
	display: flex;
	position: relative;
	padding: 0 2rem !important;
	align-items: center;
	max-width: 96.25rem;
	margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
}
.cmpt-content-image-background:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	background-color: rgba(250, 250, 250, .75);
	backdrop-filter: blur(3px);
	min-height: 100%;
	height: 100%;
}
*/
@media (max-width: 48em) {
	.page-template-template-components .block.cmpt-content-image-background {
		margin: 6rem 0 0;
	}
}
.cib-bg {
	min-height: 618px;
	background-size: cover;
	background-position: center right;
	padding: 0 !important;
	display: flex;
	position: relative;
	padding: 0 2rem !important;
	align-items: center;
	max-width: 96.25rem;
	margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
}
@media (max-width: 48em) {
	.cib-bg {
		min-height: auto;
	}
}
.cib-bg:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	background-color: rgba(250, 250, 250, .75);
	backdrop-filter: blur(8px);
	min-height: 100%;
	height: 100%;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
@media (max-width: 72em) {
	.cib-bg:before {
		border-radius: 20px;
	}
}
/*.cmpt-content-image-background:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 150px;
	background-color: rgba(250, 250, 250, .75);
	backdrop-filter: blur(3px);
	min-height: 100%;
	height: 100%;
	-webkit-clip-path: polygon(0 0, 50% 50%, 0 100%);
    clip-path: polygon(0 0, 50% 50%, 0 100%);
}*/
@media (max-width: 72em) {
	.cib-bg:before {
		width: 100%;
	}
	.cmpt-content-image-background:after {
		display: none;
	}
}
.cib-content {
	padding: 120px 60px;
	width: 50%;
	min-height: 100%;
}
@media (max-width: 72em) {
	.cib-content {
		padding: 60px 0px;
		width: 100%;
		min-height: 100%;
	}
}

.cib-content ul {
	padding-left: 2.5rem;
	margin-bottom: 1rem;
}
.cib-content ul li {
	list-style-type: disc;
	margin-bottom: 0.25rem;
	font-size: 1.125rem;
}

/* ---- css/components/cta-slider.css ---- */
.cta-slider-container {
	max-width: 840px;
	margin: 0 auto;
}
.cta-block-wimage {
	display: flex;
	gap: 32px;
	align-items: center;
}
@media (max-width: 767px) {
	.cta-block-wimage {
		flex-direction: column-reverse !important;
        text-align: center;
        align-items: center;
        justify-content: center;
        gap: 16px;
	}
}
.cta-block-wimage > div {
	width: 50%;
}
@media (max-width: 767px) {
	.cta-block-wimage > div {
		width: 400px;
	}
}
.ctaimage-left {
	flex-direction: row-reverse;
}
.cta-bimage img {
	border-radius: 10px;
}
@media (max-width: 767px) {
	.cta-bimage img {
		max-width: 300px;
	}
}
.cta-bcontent a {
	margin-top: 25px;
}
@media (max-width: 767px) {
	.cta-bcontent a {
		margin-top: 16px;
	}
}
.cta-block-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}
@media (max-width: 767px) {
	.cta-block-content {
		max-width: 400px;
	    text-align: center;
	    margin: 0 auto;
	}
}
.cta-block-content *:last-child {
	margin-bottom: 0;
}
.cta-slide {
	padding-bottom: 40px;
}

/* ---- css/components/logo-content-list.css ---- */
.lcl-header-content {
	text-align: center;
	max-width: 930px;
	margin-left: auto;
	margin-right: auto;
}
.lcl-container {
	display: flex;
	gap: 32px;
	flex-wrap: wrap;
	margin-top: 72px;
	justify-content: center;
}
@media (max-width: 48em) {
	.lcl-container {
		flex-direction: column;
	}
}
.lcl-item {
	display: flex;
	gap: 25px;
	width: calc(25% - 24px);
	flex-direction: column;
}
@media (max-width: 48em) {
	.lcl-item {
		width: 100%;
	}
}
@media (max-width: 32em) {
	.lcl-item {
		flex-direction: column;
	}
}
.lcl-item .lcl-image {
	/*flex: 0 0 145px;*/
}
.lcl-item .lcl-image img {
		width: 100%;
	}
@media (max-width: 32em) {
	.lcl-item .lcl-image {
		flex: 0 0 auto;
		width: 100%;
	}
	.lcl-item .lcl-image img {
		width: 100%;
	}
}
.lcl-item .lcl-mobile-logo {
	display: none;
}

/* ---- css/components/components.css ---- */
/*.page-template-template-components .fixed-contact {
  background: -webkit-linear-gradient(to left, #30D827, #34A3D4) !important;
  background: -moz-linear-gradient(to left, #30D827, #34A3D4) !important;
  background: -o-linear-gradient(to left, #30D827, #34A3D4) !important;
  background: linear-gradient(to left, #30D827, #34A3D4) !important; 
  font-size: 1.375rem;
  font-weight: 800;
  text-transform: none;
  padding: 0.5rem 2rem 2rem;
  border-radius: 10px 10px 0 0;
}*/

.page-template-template-components .block__container {
  max-width: 96.25rem;
}
.home.page-template-template-components .block, .page-home-2026.page-template-template-components .block {
  padding: 0 1rem;
  margin-top: 12.5rem;
  margin-bottom: 12.5rem;
}
.page-template-template-components .block {
  padding: 10.625rem 1rem;
  
}
@media (max-width: 48em) {
  .home.page-template-template-components .block, .page-home-2026.page-template-template-components .block {
    padding: 0 1rem;
    margin-top: 6rem;
    margin-bottom: 6rem;
  }
  .page-template-template-components .block {
    padding: 6rem 1rem;
  }
  .cmpt.cmpt-icg.block:has(+ .block.cmpt-split-cta-small) {
    padding-bottom: 10rem;
  }
}

.cmpt + .cmpt {
  padding-top: 0 !important;
}
div.component-section:last-of-type {
  color: blue;
  background-color: yellow !important;
}
.page-template-template-components h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 2.75rem;
  text-transform: none;
  color: #000;
  letter-spacing: 0px;
  margin-bottom: 30px;
  line-height: 55px;
}
@media (max-width: 48em) {
  .page-template-template-components h2 {
    font-size: 1.875rem;
    line-height: 38px;
  }
}
.page-template-template-components h2 b, .page-template-template-components h2 strong, .page-template-template-components h2 span {
  /*background-image: linear-gradient(to bottom, #34A3D4 25%, #30D827);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
  color: #21AD12;
  font-weight: 400;
}
.page-template-template-components h2.large {
  font-size: 4rem;
  font-weight: 900;
  line-height: 58px;
}
.page-template-template-components h3 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.875rem;
  font-weight: 900;
  margin-bottom: 30px;
  color: #000;
  text-transform: none;
  line-height: 38px;
  letter-spacing: 0;
  
}
@media (max-width: 48em) {
  .page-template-template-components h3 {
    font-size: 1.5rem;
    line-height: 30px;
  }
}
.page-template-template-components h2 + h3 {
  margin-top: -20px;
}

a.text-link {
  font-size: 1.188rem;
  font-weight: bold;
  text-decoration: underline !important;
  color: #21AD12;
}
a.text-link:hover {
  background-color: rgba(52, 163, 212, 0.125);
  border-bottom-color: transparent;
}
a.text-link.light {
  color: #fff;
}
a.text-link.light:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
a.text-link i {
  font-size: 14px;
}

.btn-ifrit {
  background: linear-gradient(to right, #FFA915, #E42762, #A11BB3)
}
.btn, .cmplz-btn  {
  position: relative;
  padding: 0.47rem 1.5rem;
  border: 0;
  border-radius: 2rem;
  background: none;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 27px;
  z-index: 0;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: #fff;
}
.btn::before, .cmplz-btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.2rem 0.25rem; /* border width */
  border-radius: inherit;
  border: 2px solid #fff;
  z-index: -1;
}
.btn::after, .cmplz-btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  z-index: -2;
  opacity: 70%;
  transition: all 0.3s ease-in-out;
}
.btn-gradient-stroke, .cmplz-accept {
  position: relative;
  padding: 0.47rem 1.5rem;
  border: 0;
  border-radius: 2rem;
  background: none;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 27px;
  z-index: 0;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  transition: all 0.3s ease-in-out;
}

.btn-gradient-stroke.dark {
  color: #fff;
}
.btn-gradient-stroke.light {
  transition: none;
  color: #454545;
}
.btn-gradient-stroke.light svg path {
  fill: #454545;
}
.btn-gradient-stroke.light:after {
  background-color: #fff;
}
.btn-gradient-stroke.light:hover {
  color: #fff;
}
.btn-gradient-stroke.light:hover,
.btn-gradient-stroke.light:focus {
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  color: #fff;
}
.btn-gradient-stroke.light:hover svg path,
.btn-gradient-stroke.light:focus svg path {
  fill: #fff;
}
.btn-gradient-stroke.light:hover::before,
.btn-gradient-stroke.light:focus::before {
  mask-composite: unset;
  -webkit-mask-composite: unset;
}
.btn-gradient-stroke svg, .btn-transparent svg {
  height: 14px;
  position: relative;
  top: 1px;
  margin: auto 0 auto 5px;
}
.btn-gradient-stroke.dark svg path {
  fill: #fff;
}
.btn-gradient-stroke::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.2rem 0.25rem; /* border width */
  border-radius: inherit;
  background: linear-gradient(to bottom, #34A3D4, #30D827);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  z-index: -1;
  border: none;
}
.btn-gradient-stroke::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  z-index: -2;
  background: #000000;
  opacity: 70%;
  transition: all 0.3s ease-in-out;
}
.btn-gradient-stroke:hover,
.btn-gradient-stroke:focus {
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
}
.btn-gradient-stroke:hover::before,
.btn-gradient-stroke:focus::before {
  mask-composite: unset;
  -webkit-mask-composite: unset;
}
.component-section.content-dark .btn-transparent svg path {
  fill: #fff;
}

/* New Button CTA */
.btn-cta, button[type='submit'].gform_button {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  line-height: 30px;
  font-size: 1.25rem;
  font-weight: 600;
  min-width: 150px;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  padding: 10px 16px;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(to top, #34A3D4, #30D827);
  transition: all 0.2s linear 0s;
  border: none;
  box-shadow: none;
  text-shadow: none;
}

.btn-cta::before, button[type='submit'].gform_button::before {
  /*content: "\f178";*/
  content: '';
  font-family: FontAwesome;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 30px;
  transition: all 0.2s linear 0s;
  color: #fff;
  background-image: url('../images/icons/arrow-right-long-light-full.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}

.btn-cta:hover, button[type='submit'].gform_button:hover {
  /*text-indent: -9999px;*/
  color: transparent;
  transform:translateY(-6px);
  backdrop-filter:blur(14px);
  box-shadow:0 20px 40px rgba(0,0,0,0.35);
  text-shadow: none;
}

.btn-cta:hover::before, button[type='submit'].gform_button:hover::before {
  top: 0;
  text-indent: 0;
}
.btn-cta:hover::after, button[type='submit'].gform_button:hover::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 6px;
}
.btn-cta-outline {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  line-height: 30px;
  font-size: 1.25rem;
  font-weight: 600;
  min-width: 150px;
  display: inline-block;
  text-align: center;
  border-radius: $border-radius;
  overflow: hidden;
  padding: 10px 16px;
  border-radius: 50px;
  color: #21AD12;
  text-decoration: none;
  background: transparent;
  transition: all 0.2s linear 0s;
  border: 1px solid #21AD12;
}

.btn-cta-outline::before {
  /*content: "\f178";*/
  content: '';
  font-family: FontAwesome;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 30px;
  transition: all 0.2s linear 0s;
  color: #21AD12;
  background-image: url('../images/icons/arrow-right-long-green-full.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}

.btn-cta-outline:hover {
  /*text-indent: -9999px;*/
  color: transparent;
  transform:translateY(-6px);
  backdrop-filter:blur(14px);
  box-shadow:0 20px 40px rgba(0,0,0,0.35);
}

.btn-cta-outline:hover::before {
  top: 0;
  text-indent: 0;
}
/*.btn-cta {
  
  font-size: 1.25rem;
  font-weight: 600;
  min-width: 220px;
  display: inline-block;
  text-align: center;
  background: linear-gradient(
    to bottom,
    #30D827 0%,
    #34A3D4 50%,
    #34A3D4 100%
  );

  background-size: 100% 200%;
  background-position: 0 0;

  padding: 0.625rem 1rem;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.btn-cta:after {
  content: '\f061';
  font: normal normal normal 16px/1 FontAwesome;
  padding-left: 8px;
}
.post__content a.btn-cta {
  border-bottom: 0;
}
.btn-cta span {
  display: none;
}
.btn-cta i {
  display: none;
}
.btn-cta:hover {
  background-position: 0 100%;
}
.btn-cta.move:hover i {
  animation: move 1s linear infinite;
}


@-webkit-keyframes move {
  0% {
    left: 50%;
  }
  40% {
    opacity: 0;
    left: 50px;
  }
  60% {
    opacity: 0;
    left: -50px;
  }
  100% {
    opacity: 1;
    left: 50%;
  }
}*/
/* Complianz Styles */
#cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show {
    max-width: 1400px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
    padding-bottom: 0;
    padding-top: 10px;
    row-gap: 5px;
}
@media (max-width: 1023px) {
  #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show {
    padding-bottom: 16px;
    margin: 10px 0;
  }
}
@media (max-width: 767px) {
  #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show {
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.cmplz-message p {
  margin-top: 0;
  padding-top: 0;
}
.cmplz-links.cmplz-documents {
  display: none !important;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn {
  position: relative;
  padding: 0.47rem 1.5rem;
  border: 0;
  border-radius: 2rem;
  background: none;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 27px;
  z-index: 0;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  transition: all 0.3s ease-in-out;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.2rem 0.25rem; /* border width */
  border-radius: inherit;
  border: 2px solid #fff;
  z-index: -1;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  z-index: -2;
  opacity: 70%;
  transition: all 0.3s ease-in-out;
}
/*#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept {
  color: #454545;
  position: relative;
  padding: 0.47rem 1.5rem;
  border: 0;
  border-radius: 2rem;
  background: none;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 27px;
  z-index: 0;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  transition: all 0.3s ease-in-out;
  text-shadow: none;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.2rem 0.25rem; 
  border-radius: inherit;
  background: linear-gradient(to bottom, #34A3D4, #30D827);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  z-index: -1;
  border: none;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-btn.cmplz-accept::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  z-index: -2;
  background: #EBEBEB;
  transition: all 0.3s ease-in-out;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept:hover {
  color: #fff;
}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept:hover::before  {
  mask-composite: unset;
  -webkit-mask-composite: unset;
}*/
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: $link-text-color;
  text-transform: capitalize;
  line-height: 30px;
  font-size: 1.25rem;
  font-weight: 600;
  min-width: 150px;
  display: inline-block;
  text-align: center;
  border-radius: $border-radius;
  overflow: hidden;
  padding: 10px 16px;
  border-radius: 50px;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(to top, #34A3D4, #30D827);
  transition: all 0.2s linear 0s;
  text-shadow: none;
  box-shadow: none;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept::before {
  /*content: "\f178";*/
  content: '';
  font-family: FontAwesome;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 30px;
  transition: all 0.2s linear 0s;
  color: #fff;
  background-image: url('../images/icons/arrow-right-long-light-full.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  border: none;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept:hover {
  /*text-indent: -9999px;*/
  color: transparent;
  text-shadow: none;
  transform:translateY(-6px);
  backdrop-filter:blur(14px);
  box-shadow:0 20px 40px rgba(0,0,0,0.35);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-accept:hover::before {
  top: 0;
  text-indent: 0;
  border: none;
}
#cmplz-document {
  font-family: 'Source Sans Pro', sans-serif;
}
#cmplz-document h2 {
  font-weight: 900;
  font-size: 2.625rem;
  text-transform: none;
  color: #424242;
  letter-spacing: 0px;
  margin-bottom: 30px;
  margin-top: 60px;
  line-height: 48px;
}
#cmplz-document p {
  font-size: 1.125rem;
  line-height: 1.667;
  margin: 0 auto 1rem;
}
#cmplz-document p:empty {
  display: none;
}
#cmplz-document ol {
      margin-bottom: 2rem;
}
#cmplz-document #cmplz-datarequest-form label {
  margin-bottom: 12px;
  margin-right: 12px;
}
#cmplz-document #cmplz-datarequest-form input[type=text], #cmplz-document #cmplz-datarequest-form input[type=email] {
  font-size: 1.125rem;
  color: #666;
  border: 1px solid #ccc;
  padding: 5px 4px;
  margin-bottom: 12px;
}
#cmplz-document #cmplz-datarequest-form input[type=checkbox], .cmplz-service-header input[type=checkbox] {
  width: 15px;
  height: 15px;
}
.cmplz-service-header input[type=checkbox] {
  margin-top: 4px;
}
#cmplz-document #cmplz-datarequest-form .cmplz_datarequest label {
  margin-bottom: 12px;
  display: block;
}
#cmplz-document #cmplz-datarequest-form #cmplz-datarequest-submit {
     background: linear-gradient(to top, #34A3D4, #30D827) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 1.5rem !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    padding: 0.75rem 1.25rem !important;
    font-size: 16px !important;
    box-shadow: none;
    text-shadow: none;
    font-weight: 700;
}
#cmplz-cookies-overview {
  margin-bottom: 32px;
}
.cmplz-categories {
  margin-bottom: 32px;
}
#cmplz-cookies-overview .cmplz-dropdown summary, #cmplz-document .cmplz-dropdown summary, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
    display: block;
    background-color: rgba(239, 239, 239, 0.5);
    margin: 5px 0;
    padding: 5px 10px;
    align-items: center;
    justify-items: stretch;
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div {
    grid-template: "heading paragraph label checkbox chevron";
    grid-template-columns: 2fr auto 0 auto 25px;
}
#cmplz-document .cmplz-service-header p {
  margin-bottom: 0;
}
#cmplz-cookies-overview .cmplz-dropdown summary div:after, #cmplz-document .cmplz-dropdown summary div:after, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after {
    cursor: pointer;
    content: '';
    background: url(../images/chevron-down.svg) no-repeat;
    transform: rotate(0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background-size: cover;
    height: 18px;
    width: 18px;
    margin: 3px;
    grid-area: chevron;
}


#cmplz-cookies-overview .cmplz-dropdown,#cmplz-document .cmplz-dropdown,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown {
    background-color: rgba(239,239,239,0.25)
}

#cmplz-manage-consent-container {
    display: none
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary {
    display: block;
    cursor: pointer
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::-webkit-details-marker,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::marker {
    display: none;
    content: ''
}

.cmplz-alert {
    display: none;
    padding: 7px;
    color: white;
    margin: 10px 0
}

.cmplz-alert.cmplz-error {
    background-color: #f44336
}

.cmplz-alert.cmplz-success {
    background-color: green
}

.cmplz-close {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: .3s
}

.cmplz-close:hover {
    color: black
}

#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data {
    display: inline-block;
    width: calc(50% - 35px);
    vertical-align: top
}

#cmplz-cookies-overview .cmplz-service-description {
    padding: 0 15px 15px;
}

@media only screen and (max-width: 600px) {
    #cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data {
        width:100%
    }
}

#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
    display: block;
    cursor: pointer
}

#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker,#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker {
    display: none;
    content: ''
}

#cmplz-cookies-overview .cmplz-dropdown summary div,#cmplz-document .cmplz-dropdown summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div {
    display: grid;
    grid-template: "heading chevron";
    grid-template-columns: 2fr 25px;
    grid-gap: 15px;
    align-items: center
}

#cmplz-cookies-overview .cmplz-dropdown summary div h3,#cmplz-document .cmplz-dropdown summary div h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div h3 {
    grid-area: heading;
    margin: 0
}

#cmplz-cookies-overview .cmplz-dropdown summary div:after,#cmplz-document .cmplz-dropdown summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after {
    grid-area: chevron
}

#cmplz-cookies-overview .cmplz-dropdown summary div input[data-category="functional"],#cmplz-document .cmplz-dropdown summary div input[data-category="functional"],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div input[data-category="functional"] {
    visibility: hidden
}

#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary {
    display: block
}

#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div {
    grid-template: "heading paragraph label checkbox chevron";
    grid-template-columns: 2fr auto 0 auto 25px
}

#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p {
    grid-area: paragraph
}

#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
    display: grid
}

@media only screen and (min-width: 600px) {
    #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
        grid-column:span 2;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template: "purpose purpose purpose" "header1 header2 header3" auto
    }

    #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose {
        grid-area: purpose
    }

    #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header {
        grid-area: header1
    }

    #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header {
        grid-area: header2
    }

    #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header {
        grid-area: header3
    }
}

@media only screen and (max-width: 600px) {
    #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
        grid-template-columns:100px 1fr
    }

    #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose {
        grid-column: span 2
    }
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories {
    margin-top: 10px;
    display: block;
    width: 100%
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category {
    background-color: rgba(239,239,239,0.25)
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::marker {
    display: none;
    content: ''
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::-webkit-details-marker {
    display: none;
    content: ''
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-description {
    padding: 10px
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child) {
    margin-bottom: 5px
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
    display: grid;
    grid-template-columns: 1fr auto 25px;
    grid-template-rows: auto;
    align-items: center;
    grid-gap: 10px;
    padding: 5px 10px;
    background-color: rgba(239,239,239,0.5)
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header section {
    padding: initial
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2 {
    grid-column-start: 1;
    width: 100%;
    justify-self: start;
    font-size: 18px;
    text-align: left;
    margin-top: 8px;
    text-transform: initial;
    padding-bottom: 10px;
    border-bottom: 0;
    margin-bottom: 0
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2:before {
    height: 0;
    margin: initial
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
    font-size: var(--cmplz_category_header_active_font_size);
    color: var(--cmplz_category_header_always_active_color)
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active input {
    display: none
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox {
    display: flex;
    align-items: center;
    margin: 0;
    padding: initial
}

#cmplz-manage-consent-container.cm.plz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column-start: 3;
    cursor: pointer;
    content: '';
    background: var(--cmplz_category_open_icon_url) no-repeat;
    transform: rotate(0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    background-size: cover;
    height: 25px;
    width: 25px
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] {
    padding-bottom: 1px
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-category-header:after,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-icon.cmplz-open {
    transform: rotate(180deg)
}
#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4 {
    font-size: 15px;
    margin: 5px 0
}

#cmplz-cookies-overview .cmplz-dropdown h5,#cmplz-document .cmplz-dropdown h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h5 {
    margin: 0
}

#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data {
    padding: 0 15px 15px
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,#cmplz-document .cmplz-dropdown .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose {
    border: 1px solid #dadada;
    grid-gap: 1px;
    background-color: #dadada;
    margin-bottom: 10px
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,#cmplz-document .cmplz-dropdown .cookies-per-purpose div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div {
    background-color: white;
    padding: 15px
}

@media only screen and (min-width: 600px) {
    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header {
        background-color:#f7f7f7
    }

    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .retention-header {
        background-color: #f7f7f7
    }

    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .function-header {
        background-color: #f7f7f7
    }
}

@media only screen and (max-width: 600px) {
    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose h5,#cmplz-document .cmplz-dropdown .cookies-per-purpose h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose h5 {
        line-height:1.8
    }

    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7) {
        background-color: #f7f7f7
    }
}

/* Complianz Styles End */



/* Slick Slider Arrow */
.slick-slider button.slick-arrow {
  height: 62px;
  width: 62px;
  box-shadow: none;
  z-index: 1;
}
.slick-slider button.slick-arrow:before {
  color: #fff;
  font-size: 62px;
  box-shadow: none;
  opacity: 1;
}
.slick-slider button.slick-arrow:after {
      content: '';
    box-shadow: rgba(100, 100, 111, 0.6) 0px 7px 29px 0px;
    width: 53px;
    height: 53px;
    display: inline-block;
    border-radius: 100%;
    top: 0px;
    position: absolute;
    left: 5px;
}
.slick-slider button.slick-arrow.slick-prev {
  left: -110px;
}
.slick-slider button.slick-arrow.slick-next {
  right: -110px;
}
.fa-icon {
  font-size: 28px;
}
.fa-icon:hover {
  opacity: .8;
}
.fa-icon:before {
  display: none;
}
.fa-custom {
  color: #000;
}
.slick-prev .fa-custom {
  transform: translate(-2px, -5px);
}
.slick-next .fa-custom {
  transform: translate(3px, -5px);
}
.transparent-bg {
  background-color: transparent !important;
}
img.img-inline {
  display: inline !important;
}

/*. Badges */

.badge {
  display: inline-block;
  padding: .35em .65em;
  font-size: 0.6875em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  min-width: 110px;
}
.badge.rounded-pill {
  border-radius: .75rem !important;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
  padding: 6px 10px;
  font-size: 12px;
}
.badge-sea-serpent {
  background: linear-gradient(to top, #34A3D4, #30D827);
}

.slick-slider .slick-dots li.slick-active button, .slick-slider .slick-dots li button:hover {
    background: linear-gradient(to right, #34A3D4, #30D827);
}
.glass-bg {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 10px;
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1),
    inset 0 0 20px 10px rgba(255, 255, 255, 1);
}
.page-frequently-asked-questions .cmpt-cta-text {
  z-index: 4;
}
.highlight-green {
  color: #21AD12;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .section-section-contact {
    padding-top: 0 !important;
  }
}

/* ---- css/components/multiple-cards.css ---- */
.multiple-cards {
	position: relative;
	padding: 7.5rem 2rem;
}
.home .multiple-cards {
	padding-bottom: 20rem;
}

@media (max-width: 560px) {
	.multiple-cards {
		padding: 7.5rem 0rem;
	}
}

.multiple-cards .block__flex {
	justify-content: space-between;
	align-items: center;
}
.multiple-cards .block__flex .mcard-header {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	text-align: initial;
}
.mcard-header {
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	/*padding: 0 1rem;*/
}
@media (max-width: 48em) {
	.mcard-header {
		width: 100%;
		text-align: left;
	}
}
@media (max-width: 560px) {
	.mcard-header {
		padding: 0 2rem;
	}
}
.mcard-header h2 {
	margin-bottom: 0;
}
.mcard-view-all {
	padding: 0 0 0 1rem;
}
@media (max-width: 48em) {
	.mcard-view-all {
		display: none;
	}
}
.mcard-view-all a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.175rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	white-space: nowrap;
	margin-top: 18px;
	/*text-shadow: 0px 1px 1px #121212;*/
}
.mcard-view-all a:hover {
	background-color: rgba(52, 163, 212, 0.125);
  border-bottom-color: transparent;
}
.mcard-view-all a i {
	font-size: .8rem;
	padding-left: 5px;
}
.mcard__row {
	position: relative;
	margin-top: 1.875rem;
}
@media (max-width: 48em) {
	.mcard__row {
		margin-top: 2.375rem;
	}
}
.mcard__container .slick-list {
	width: 100%;
}
.mcard__container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0;
  width: 100%;
}
.mcard__container.slick-initialized {
  display: block;
}

.mcard__container .slick-track {
	display: flex;
	justify-content: center;
	min-width: 100%;
	gap: 22px;
}
@media (max-width: 560px) {
	.mcard__container .slick-track {
		gap: 0;
	}
}
/* Slick's clearfix pseudo-elements become flex items when the track is
   flexed, which adds a phantom gap before the first and after the last card */
.mcard__container .slick-track:before,
.mcard__container .slick-track:after {
	display: none;
}
.mcard__item {
/*	max-width: 350px;*/
	margin: 0 0 40px;
	/*padding-left: 20px;
	padding-right: 20px;*/
	display: flex;
	flex-direction: column;
	background-color: transparent;
	box-shadow: none;
}
.mcard__main__content {
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
	box-shadow: rgba(0, 1, 1, 0.1) 0px 7px 29px 0px;
	border-radius: 10px;
	height: 100%;
}
@media (max-width: 560px) {
	.mcard__item {
		margin-left: 0rem;
		margin-right: 0rem;
	}
}
.dark .mcard__item .mcard__main__content {
	background-color: #32323E;
}
.mcard__item.slick-slide, .mcard__container .slick-slide {
    height: auto;
    display: flex;
}
@media (min-width: 1025px) {
	.mcard__item.slick-slide, .mcard__container .slick-slide {
		/* 4 cards per row with 3 gaps of 40px between them */
		width: calc((100% - (3 * 40px)) / 4) !important;
	}
}
@media (max-width: 1024px) {
	.mcard__item.slick-slide, .mcard__container .slick-slide {
      max-width: calc(50% - 20px);
	}
}
@media (max-width: 560px) {
	.mcard__item.slick-slide, .mcard__container .slick-slide {
      margin-left: 0;
      margin-right: 0;
      padding-left: 2rem;
      padding-right: 2rem;
      max-width: 100%;
	}
}
.mcard__item .card-category {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	font-size: .8125rem;
	border-radius: 20px;
	padding: .2rem 1rem;
	display: inline-block;
	background: linear-gradient(to bottom, #30D827, #34A3D4);
	color: #fff;
	/*text-shadow: 0px 1px 0px #121212;*/
	margin-bottom: 15px;
}
.mcard__item h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.25rem;
	line-height: 1.5;
	margin-bottom: 5px;
	text-transform: none;
	font-weight: 800;
}
.mcard__item p {
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1.5;
}
.dark .mcard__item h3, .dark .mcard__item p, .dark .mcard__item .card-subtitle, .dark .mcard__item .mc-read-more {
	color: #fff;
}

.dark .mcard__item .mc-read-more:hover {
	color: #85CCEB;
}

.mcard__image {
	height: 220px;
	background-size: cover;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-bottom: 0;
	background-position: center;
}
.mcard__image img {
	max-height: 220px;
	border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.mcard__content {
	display: flex;
	flex-direction: column;
	padding: 30px;
	flex-grow: 1;
}
.mcard__content p:not(.read-more-para) {
	margin-bottom: 10px;
}
.mcard__content p:last-child {
	margin-top: auto;
	margin-bottom: 0;
	padding-bottom: 0;
}
.mc-read-more {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.375rem;
	font-weight: bold;
}
.mc-read-more img {
	display: inline-block;
}
.multiple-cards .slick-list {
	/*margin: 0 -16px;*/
}
@media (max-width: 560px) {
	.multiple-cards .slick-list {
		margin: 0;
	}
}
.multiple-cards .slick-dots {
	bottom: 0;
}

.multiple-cards .slick-dots li {
  padding-left: 0 !important;
}
.multiple-cards .slick-dots li:before {
  display: none;
}

.multiple-cards .slick-dots li.slick-active button {
  background: linear-gradient(to right, #34A3D4, #30D827);
}

.multiple-cards .slick-dots li button::before {
  display: none;
}

/* ---- css/components/multiple-cards-basic.css ---- */
.multiple-cards.multiple-cards-basic ~ .cmpt-split-cta-small {
	margin-top: -120px;
}
@media (max-width: 64em) {
	.multiple-cards.multiple-cards-basic ~ .cmpt-split-cta-small {
		margin-top: -110px;
	}
}
/*.multiple-cards.multiple-cards-basic .mcard-header {
	text-align: left;
}*/
.multiple-cards.multiple-cards-basic .mcard-header h2 {
	margin-bottom: 18px;
}
.multiple-cards.multiple-cards-basic .mcard__content {
	padding: 45px 30px;
}
.multiple-cards.multiple-cards-basic .mcard__content.valign-top {
	display: block;
}
.multiple-cards.multiple-cards-basic .mcard__row {
	margin-top: 30px;
}
h3.mcard__heading__basic {
	font-size: 1.125rem;
	font-weight: normal;
	margin-bottom: 0;
}
.multiple-cards.multiple-cards-basic .card-subtitle {
	font-size: 1.5rem;
	font-weight: bold;
}

/* ---- css/components/animated-gradient.css ---- */
.block--animated--gradient {
	position: relative;
}
.block--animated--gradient--inner {
	position: relative;
}
.orb-canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.block--animated--gradient .block__container {
	display: flex;
	align-items: center;
	max-width:  73.5rem;
	padding: 8rem 6rem;
	display: flex;
	align-items: center;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0.75rem 2rem 0 rgba(0, 0, 0, 0.1);
	border-radius: 2rem;
	border: 1px solid rgba(255, 255, 255, 0.125);
}
.block--animated--gradient h2.block__heading {
	background: -webkit-linear-gradient(left, var(--gradient-start), var(--gradient-middle, var(--gradient-start)), var(--gradient-end));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.animated-gradient-block {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media (max-width: 48em) {
	.animated-gradient-block {
		display: block;
	}
}
.animated-gradient-content {
	width: calc(75% - 6rem);
}
@media (max-width: 48em) {
	.animated-gradient-content {
		width: 100%;
		margin-bottom: 50px;
	}
}
.animated-gradient-cta {
	width: 25%;
}
@media (max-width: 48em) {
	.animated-gradient-cta {
		width: 100%;
	}
}
.animated-gradient-cta a.video-btn {
	font-weight: 800;
	font-size: 1rem;
	color: #333;
	text-decoration: none;
	text-align: center;
	display: flex;
	align-items: center;
	flex-direction: column;
}

/* ---- css/components/faqs.css ---- */
/* Accordion Styles */
.block-cmpt-accordion .accordion {
  margin-bottom: 60px;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}
.accordion .card-group-container .card-group-header {
  text-align: center;
  margin-bottom: 68px;
}
@media(max-width: 767.98px){
  .accordion .card-group-container .card-group-header {
    margin-bottom: 32px;
  }
}
/*.accordion.theme-sea-serpent .card-group-container .card-group-header {
  background: transparent linear-gradient(to right, #34a3d4 0%, #30d827 100%) 0% 0% no-repeat padding-box;
  border: none;
}
.accordion.theme-ifrit .card-group-container .card-group-header {
  background: transparent linear-gradient(to left, #FFA915 0%, #E42762 50%, #A11BB3 100%) 0% 0% no-repeat padding-box;
  border: none;
}
.accordion.theme-dragon .card-group-container .card-group-header {
  background: transparent linear-gradient(to right, #00BDFF 0%, #B934FB 100%) 0% 0% no-repeat padding-box;
  border: none;
}*/
.accordion .card-group-container .card-group-header h2 {
  margin-bottom: 0;
  color: #000;
}
.accordion .card-group-container .card-body{
  padding: 0 40px 36px;
  background-color: #F8F8F8;
  font-size: 18px;
  line-height: 28px;
}
.accordion .card-group-container .show .card-body {
  border-bottom-right-radius:11px;
  border-bottom-left-radius:11px
}
@media(max-width: 767.98px){
  .accordion .card-group-container .card-body{
    padding:40px
}
}
/*.accordion .accordion-cards{
  border:1px solid #d8dee5;
  border-radius:11px
}*/
.accordion .card{
  border-top-right-radius:0;
  border-top-left-radius:0;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
  border:none;
  margin-bottom: 32px;
}
.accordion .card:first-of-type{
  border: 11px;
}
.accordion .card:first-of-type .card-header,.accordion .card .card-header .btn{
  border-radius: 11px;
}
.accordion .card:last-child {
  margin-bottom: 0;
}
.accordion .card:last-child .card-header .btn.collapsed{
  border-bottom-right-radius:11px;
  border-bottom-left-radius:11px;
}
.accordion .card .card-header .btn:not(.collapsed) {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.accordion .card .card-header{
  padding:0;
  background-color:transparent;
}
.accordion .card .card-title{
  margin:0;
  color:#000;
  font-size:25px;
  font-weight:700
}
.accordion .card .card-title .btn{
  justify-content:flex-start;
  width:100%;
  /*height:100%;*/
  padding:26px 120px 26px 40px;
  color:rgba(0,0,0,.87);
  font-family:"Source Sans Pro",sans-serif;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 37px;
  border:none;
  border-radius: 10px;
  position:relative;
  text-align:left;
  background-color: #F8F8F8;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .accordion .card .card-title .btn {
    padding-right: 92px;
    font-size: 1.375rem;
    line-height: 32px;
  }
}
.accordion .card .card-title .btn:before,.accordion .card .card-title .btn:after{
  display:block;
  content:"";
  /*width:16px;
  height:4px;*/
  
  transition:all .3s ease-in-out;
  position:absolute;
  top: 20%;
}
.accordion .card .card-title .btn:before{
  content: '\2013';
  right: 50px;
  left: auto;
  transform: rotate(0);
  font-size: 38px;
  color: #21AD12;
  font-weight: 900;
  border: 3px solid #21AD12;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  line-height: .9;
  transition: none;
}
@media screen and (max-width: 767px) {
  .accordion .card .card-title .btn:before{
    right: 24px;
  }
}
.accordion .card .card-title .collapsed:before{
  content: '+';
  -webkit-transform:rotate(0);
  transform:rotate(0);
  line-height: 1;
}
.accordion .card h3,.accordion .card .h3,.accordion .card h4,.accordion .card .h4,.accordion .card h5,.accordion .card .h5,.accordion .card h6,.accordion .card .h6{
  color:rgba(0,0,0,.87);
  font-family:"Source Sans Pro",sans-serif;
  font-size:20px;
  font-weight:bold
}
.accordion .card .btn:focus{
  box-shadow:none
}
.accordion .card .btn.active{
  border-width:0
}
.accordion>.card:not(:first-of-type){
  border-top-right-radius:11px;
  border-top-left-radius:11px
}
.accordion>.card:not(:last-of-type){
  border-bottom-right-radius:11px;
  border-bottom-left-radius:11px
}
.accordion .card-footer{
  padding:0
}
.fade {
  transition: opacity .15s linear;
}
.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height .35s ease;
}
.collapsing.width {
    width: 0;
    height: auto;
    transition: width .35s ease;
}
.faq-footer {
  text-align: center;
}
.faq-footer h3 {
  font-weight: normal;
  font-size: 1.875rem;
  line-height: 38px;
  text-transform: capitalize;
}
.faq-footer h3 a {
  font-weight: 400;
}

/* ---- css/components/grid-masonry.css ---- */
.gm-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 42px;
  margin-bottom: 42px;
}
.gm-container:last-child {
  margin-bottom: 0;
}
.gm-header.text-center {
  max-width: 930px;
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .gm-header.text-center {
    text-align: left !important;
  }
}
.gm-grid-item {
  padding: 36px 30px; 
  background-color: #fff;
  flex-grow: 1;
  width: calc(100% / 3 - 20px);
  border-radius: 12px;
  box-shadow: rgba(0, 1, 1, 0.1) 0px 7px 29px 0px;
}

@media screen and (max-width: 992px) {
  .gm-grid-item {
    width: 100%;
    padding: 30px;
  }
}
.block .gm-grid-item p {
  margin-left: 0;
  margin-right: 0;
}
.gm-content .gm-icon {
  max-height: 80px;
  margin-bottom: 16px;
}
.gm-content.valign-stretch {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
}
.gm-content.valign-stretch p:last-child {
  margin-top: auto;
  margin-bottom: 0;
  padding-bottom: 0;
}
.gm-grid-item h3 {
  font-weight: bold;
}

/* ---- css/components/home-header.css ---- */
.cmpt-banner + style + .block.cmpt-home-header, .cmpt-banner + .block.cmpt-home-header {
	margin-top: 0rem;
}
.page-template-template-components .block.cmpt-home-header {
	position: relative;
	background-color: #121212;
	text-align: center;
	/*padding: 12rem 2rem;*/
	padding: 0;
	/*min-height: 940px;*/
	/*display: flex;
	justify-content: center;
	align-items: stretch;*/
}

.page-template-template-components .block.cmpt-home-header.home-header-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
}
.page-template-template-components .block.cmpt-home-header.home-header-img:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
}
.header-top {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
}
@media (max-width: 767px) {
	.header-top {
		align-items: flex-start;
	}
}
.cmpt-home-header .header-callout-text {
	margin-top: 130px;
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
}
@media (max-width: 767px) {
	.cmpt-home-header .header-callout-text {
		margin-bottom: 0px;
		width: 25%;
		margin-top: 0;
	}
}
/* Hero Slider */
/* Aspect-ratio wrapper that scales */
.slider-ratio {
  width: 100%;
  position: relative;
  max-height: 940px;
  overflow: hidden;
  margin-bottom: 0;
}

/* 940px height at 1920px width ≈ 16:7 ratio → adjust if needed */
.slider-ratio::before {
  content: "";
  display: block;
  padding-top: 32.95%;  /* (940 / 1920 * 100) adjust ratio here */
}
.slider-ratio .slick-track {
	height: 100%;
}
/* Slick slide layout */
.slider-ratio .slick-slide {
  /*position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;*/
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 50px;
}
.slider-ratio .slick-list {
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;

}
.slide-content {
  
}
.slider-ratio .slick-dots {
	bottom: 40px;
}


.slick-slider-container {
  width: 100%; /* Make the container full width */
  overflow: hidden; /* Hide overflowing content */
  margin-bottom: 0;
}

.slick-slider-container .slick-slide-content {
  /* Define the aspect ratio for your slides */
  /*aspect-ratio: 1 / .4; */
  min-height: 636px;
  width: 100%; /* Ensure content fills the slide width */
  display: flex; /* Use flexbox for content alignment */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  box-sizing: border-box; /* Include padding and border in the element's total width and height */
  padding: 20px; /* Add some padding for content */
  /*background-color: #f0f0f0; /* Example background color */
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
	.slick-slider-container .slick-slide-content {
		min-height: auto;
	}
}
/* Slick Carousel specific styles (if needed) */
.slick-slider-container .slick-track {
  display: flex !important; /* Ensure slick-track uses flexbox */
}

.slick-slider-container .slick-slide {
  height: auto !important; /* Allow slide height to adjust based on aspect-ratio */
}


/* Content can scale through media queries */
@media (max-width: 1024px) {
  .slide-content {
    padding: 30px;
    
  }
}
.slick-slider-container .slick-dots {
	bottom: 40px;
}
.slick-slider-container .slick-dots li {
  padding-left: 0 !important;
}
.slick-slider-container .slick-dots li:before {
  display: none;
}

.slick-slider-container .slick-dots li button {
  /*width: 100%;
  height: 100%;
  border: 0.0625rem solid #121212;
  border-radius: 50%;
  box-shadow: none;*/
  width: 100%;
  height: 100%;
  border: 0.0625rem solid #121212;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: none;
}

.slick-slider-container .slick-dots li.slick-active button {
  border-color: transparent;
  /*background-color: #6ab557;*/
  background: linear-gradient(to left, #FFA915, #E42762, #A11BB3);
  border: none;
}

.slick-slider-container .slick-dots li button::before {
  display: none;
}
.ss-interior-content h2, .ss-interior-content p {
	color: #fff;
}
.slick-slide-content.thirty-year-slide {
	background-color: #121212;
}
.cmpt-home-header .header-callout-text span {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 5em;
	font-weight: 900;
	background: -webkit-linear-gradient(0deg, #00ff00, #00d0fe, #d300fe, #ff0000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	position: absolute;
	opacity: 0;
	text-align: center;
	left: 50%;
	line-height: 80px;
	transform: translateX(-50%);
	white-space: nowrap;
}

.cmpt-home-header .header-callout-text span strong {
	font-weight: 900;
}

@media (max-width: 767px) {
	.cmpt-home-header .header-callout-text span {
		font-size: 4rem;
		text-align: left;
		left: 0;
		transform: translateX(0);
		white-space: normal;
		line-height: 60px;
	}
}

.cmpt-home-header .header-callout-text span:first-child {
	opacity: 1;
}
.header-awards-container {
	margin-top: 75px;
	margin-bottom: 135px;
}
@media (max-width: 1024px) {
	.header-awards-container {
		margin-top: 80px;
		margin-bottom: 100px;
	}
}
@media (max-width: 767px) {
	.header-awards-container {
		margin-top: 125px;
		margin-bottom: 75px;
	}
}
.header-awards {
	display: flex;
}
@media (max-width: 1024px) {
	.header-awards {
		flex-wrap: wrap;
		
	}
}
.header-award {
	position: relative;
	margin: 0 15px;
}
@media (max-width: 1024px) {
	.header-award {
		width: 25%;
		margin: 22px 0;
	}
}
@media (max-width: 767px) {
	.header-award {
		width: calc(100% / 3);
		margin: 10px 0;
	}
}
.header-award:hover .award-hover {
	opacity: 1;
}
.header-award .award-default {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: 120px;
}
.header-award .award-hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	width: 120px;
}
@media (max-width: 1024px) {
	.header-award img.award-default, .header-award img.award-hover {
		left: 50%;
		transform: translateX(-50%);
	}
}
@media (max-width: 767px) {
	.header-award img.award-default, .header-award img.award-hover {
		left: 0;
		transform: translateX(0);
		width: auto;
	}
}
.cmpt-home-header .header-content {
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 200px;

}
.cmpt-header-bottom .header-content {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4.375rem;
	
}

.cmpt-header-bottom .header-content h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 800;
	font-size: 2.125rem;
	margin-bottom: 20px;
	line-height: 38px;
}

.cmpt-home-header .header-content p {
	font-family: 'Source Sans Pro', sans-serif;
	color: #FEFEFE;
}

.cmpt-home-header .header-content a {
	font-family: 'Source Sans Pro', sans-serif;
	color: #85CCEB;
	font-weight: 900;
	text-decoration: underline;
}
.cmpt-header-bottom {
	background-color: #f5f9fc;
	padding-bottom: calc(4.375rem - 40px);
}
.cmpt-header-bottom .multiple-cards {
	/*margin-top: -11rem;*/
	padding: 0 2rem;
}
@media (max-width: 560px) {
	.cmpt-header-bottom .multiple-cards {
		padding: 0;
	}
}

.cmpt-header-bottom .multiple-cards .mcard__image {
	height:  175px;
}

.cmpt-header-bottom .multiple-cards .mcard__image img {
	max-height:  175px;
}

.cmpt-header-bottom .multiple-cards .mcard__content {
	padding: 30px;
}

.cmpt-header-bottom .multiple-cards h3 {
	font-size: 1.375rem;
	line-height: 32px;
	margin-bottom: 1.25rem;
}

.cmpt-header-bottom .multiple-cards .mcard__content .more-link {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
	font-size: 1.188rem;
	display: inline;
	align-items: center;
	color: #2288EA;
	text-decoration: underline;
}
.cmpt-header-bottom .multiple-cards .mcard__content .more-link:hover {
	background-color: rgba(52, 163, 212, 0.125);
    border-bottom-color: transparent;
}
.cmpt-header-bottom .multiple-cards .mcard__content .more-link i {
	font-size: 1.188rem;
	padding-left: 5px;
}
/*Mobile alignment*/
@media (max-width: 767px) {
	.cmpt-home-header .header-content h1, .cmpt-home-header .header-content p {
		text-align: left;
	} 
}

/* ---- css/components/home-header-solutions.css ---- */
.cmpt-home-header-solutions {
	margin: 250px 0 150px;
	padding: 0 1rem;
	position: relative;
}
.cmpt-home-header-solutions.is-loading {
	min-height: 50vh;
}
@media screen and (max-width: 992px) {
	.cmpt-home-header-solutions {
		margin: 200px 0 6rem;
		opacity: 0;
		animation: hhs-fade-in 0.35s ease forwards;
	}
	.cmpt-home-header-solutions.is-loading {
		min-height: 0;
	}
	.cmpt-home-header-solutions .hhs-loader {
		display: none;
	}
	.cmpt-home-header-solutions .hhs-intro h1,
	.cmpt-home-header-solutions .hhs-intro .home-h1,
	.cmpt-home-header-solutions .hhs-sub-header,
	.cmpt-home-header-solutions .hhs-featured-soluton,
	.cmpt-home-header-solutions .hhs-solutions-container {
		visibility: visible;
		opacity: 1;
	}
}
@keyframes hhs-fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.hhs-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 5;
	width: min(360px, 70vw);
	opacity: 1;
	transition: opacity 0.4s ease;
}
.hhs-loader__track {
	width: 100%;
	height: 16px;
	background: rgba(0, 0, 0, 0.08);
	border-radius: 999px;
	overflow: hidden;
}
.hhs-loader__bar {
	width: 0;
	height: 100%;
	/*background: linear-gradient(to right, #34A3D4, #30D827);*/
	background: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%) left/30px 30px repeat-x,linear-gradient(to right, #34A3D4, #30D827) left/var(--p, 100%);
	border-radius: inherit;
	animation: change 1s linear infinite;
}
@keyframes change {
  from {
    background-position: 0 0, left;
  }
  to {
    background-position: 30px 0, left;
  }
}
.hhs-intro {
	text-align: center;
	max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.hhs-intro h1,
.hhs-intro .home-h1 {
	font-size: 4rem;
	font-weight: 200;
	line-height: 74px;
	visibility: hidden;
}
@media screen and (max-width: 992px) {
	.hhs-intro h1, .hhs-intro .home-h1, .hhs-intro h1, .hhs-intro .home-h1 div {
		font-size: 2.5rem;
		line-height: 44px;
	}
}
.hhs-intro h1 b{
	font-weight: inherit;
	color: #58C24B;
}
.hhs-intro .home-h1 [class$="-mask"] {
	overflow: hidden;
}
.hhs-sub-header {
	font-size: 25px;
	font-weight: 400;
	line-height: 38px;
	color: #000;
	margin-top: 24px;
	visibility: hidden;
}
.hhs-sub-header .hhs-sub-word {
	display: inline-block;
	white-space: nowrap;
}
@media screen and (max-width: 992px) {
	.hhs-sub-header {
		font-size: 24px;
		line-height: 32px;
	}
}
.hhs-featured-solutions-container {
	display: flex;
	gap: 12px;
	position: relative;
	margin-top: 75px;
}

@media (max-width: 900px) {
	.hhs-featured-solutions-container {
		flex-direction: column;
	}
}
.hhs-featured-soluton {
	background-size: cover;
	padding: 32px 42px;
	flex: 1;
	border-radius: 10px;
	visibility: hidden;
	opacity: 0;
	will-change: transform, opacity;
	position: relative;
}
/*@media screen and (max-width: 767px) {
	.hhs-featured-soluton:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, .6);
	}
}*/
.hhs-featured-soluton.is-visible {
	transition: transform .3s ease-in-out, backdrop-filter .3s ease-in-out, box-shadow .3s ease-in-out;
	will-change: auto;
}
.hhs-featured-soluton:hover {
	transform:translateY(-6px);
	backdrop-filter:blur(14px);
	box-shadow:0 20px 40px rgba(0,0,0,0.35);
}
.hhs-featured-soluton:hover:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 100%;
	height: 6px;
}
.hhs-fs-content {
	position: relative;
	max-width: 250px;
	z-index: 2;
}
.hhs-fs-content h3 {
	color: #222121;
	font-weight: 900;
	font-size: 28px;
	margin-bottom: 6px;
}
.hhs-fs-content .badge {
	margin-bottom: 10px;
}
.hhs-fs-content p {
	color: #000;
	font-weight: 400;
	line-height: 28px;
}
@media (901px <= width <= 1300px) {
  .hhs-featured-solutions-container a:after {
  	content: '';
  	position: absolute;
  	height: 100%;
  	width: 100%;
  	left: 0;
  	top: 0;
  	background-color: rgba(255, 255, 255, 0.7);
  	z-index: 1;
  }
  .hhs-featured-soluton { 
  	background-position: right;
	}
}
.hhs-solutions-container {
	display: flex;
	gap: 12px;
	margin-top: 12px;
	visibility: hidden;
	opacity: 0;
}
@media (max-width: 900px) {
	.hhs-solutions-container {
		flex-direction: column;
	}
}
.hhs-soluton {
	font-size: 22px !important;
	font-weight: 500 !important;
	color: #fff !important;
	flex: 1;
	padding: 1.5rem 5rem 1.5rem 1.375rem;
	display: inline-block;
	background: linear-gradient(to right, #34A3D4, #30D827);
	transition: .3s all ease-in-out;
	border-radius: 10px;
	position: relative;
	z-index: 0;
}
.hhs-soluton:after {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0;
	 background: linear-gradient(to right, #E0EDF9, #E0F9DE);
	/*background: linear-gradient(to right, rgba(52, 163, 212, .15), rgba(48, 216, 39, .15));*/
	z-index: 1;
	transition: opacity 0.3s ease;
	border-radius: 10px;
}
.hhs-soluton:hover {
	color: #000 !important;
	
}

.hhs-soluton:hover::after {
  opacity: 1;
}
.hhs-soluton i {
	font-weight: 400;
	font-style: normal;
	z-index: 2;
	position: relative;
}
.hhs-soluton span {
	position: absolute;
	width: 50px;
	height: 50px;
	display: inline-block;
	border-radius: 50%;
	background-color: rgba(255,255,255, .25);
	right: 12px;
	top: calc(50% - 25px);
	overflow: hidden;
	z-index: 2;
}
.hhs-soluton span svg {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: 1px;
    margin-top: 0;
}
.hhs-soluton:hover span {
	background: linear-gradient(to right, #34A3D4, #30D827);
}
.hhs-soluton:hover span svg {
	animation: moveangle 1.5s linear infinite;
}
/*.hhs-soluton:before {
	content: '';
	width: 50px;
	height: 50px;
	position: absolute;
	top: calc(50% - 25px);
	right: 22px;
	background-color: rgba(255,255,255, .25);
	border-radius: 50%;

}
.hhs-soluton:after {
	content: '';
	background-image: url('../images/icons/icon-arrow-up-right.svg');
	width: 25px;
	height: 22px;
	position: absolute;
	right: 36px;
	top: calc(50% - 11px);
}*/


@keyframes moveangle {
  0% {
    transform: translate(-50%, -50%) translate(0, 0);
    opacity: 1;
  }

  40% {
    transform: translate(-50%, -50%) translate(40px, -40px);
    opacity: 0;
  }

  60% {
    transform: translate(-50%, -50%) translate(-40px, 40px);
    opacity: 0;
  }

  100% {
    transform: translate(-50%, -50%) translate(0, 0);
    opacity: 1;
  }
}

/* ---- css/components/icon-list.css ---- */
.il-title.text-center {
	max-width: 930px;
  	margin: 0 auto;
}
.il-container {
	margin-top: 42px;
	display: flex;
	gap: 70px;
}
@media screen and (max-width: 992px) {
	.il-container {
		display: block;
	}
}
.il-image {
	width: 50%;
}
.il-image img {
	width: 100%;
	max-width: 600px;
	margin-left: auto;
	/*margin-right: auto;*/
}
@media screen and (max-width: 992px) {
	.il-image img {
		margin-bottom: 42px;
		margin-right: auto;
	}
	.il-image.hide-img-mobile {
		display: none;
	}
}
.il-content {
	width: 100%;
}
.il-content.il-has-image {
	width: 50%;
}
@media screen and (max-width: 992px) {
	.il-image, .il-content {
		width: 100% !important;
	}
}
.il-item {
	display: flex;
	align-items: flex-start;
	gap: 25px;
	margin-bottom: 36px;
}
@media screen and (max-width: 992px) {
	.il-item {
		flex-direction: column;
		text-align: center;
		justify-content: center;
		align-items: center;
	}
}
.il-item:last-child {
	margin-bottom: 0;
}
.il-item h3 {
	font-size: 24px;
	line-height: 28px;
	font-weight: bold;
	margin-bottom: 0;
}
.il-content.il-no-image {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.il-content.il-no-image .il-item {
	width: 50%;
	flex-direction: column;
	align-items: center;
    text-align: center;
    padding: 0 20px;
}
@media screen and (max-width: 992px) {
	.il-content.il-no-image .il-item {

	}
}
@media screen and (max-width: 767px) {
	.il-content.il-no-image .il-item {
		width: 100%;
		padding: 0;
	}
}
.il-item-image img {
	width: 40px;
	margin-top: 3px;
	max-width: 40px;
}
.il-footer-content {
	margin: 58px 0 0;
	max-width: 860px;
}

/* ---- css/components/image-content-grid.css ---- */
.cmpt-icg {

}
.cmpt-icg + .cmpt-icg {
	margin-top: -5rem;
}
@media (max-width: 48em) {
	.cmpt-icg + .cmpt-icg {
		margin-top: 0;
	}
}
.icg-container {
	display: flex;
}
.icg-container.img-right {
	flex-direction: row-reverse;
}
@media (max-width: 48em) {
	.icg-container, .icg-container.img-right {
		flex-direction: column;
	}
}
.icg-content {
	flex: 1;
}
.cmpt-icg .icg-content > h1 + h2 {
	font-size: 4rem;
	font-weight: 200;
	line-height: 85px;
}
@media screen and (max-width: 992px) {
	.cmpt-icg .icg-content > h1 + h2 {
		font-size: 2.5rem;
		line-height: 48px;
	}
}
.icg-content h3 {
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 16px !important;
}
.icg-content ul {
	padding-left: 18px;
	list-style-type: disc;
}
.icg-content ul li {
	list-style-type: disc;
	margin-bottom: 12px;	
}
.icg-link {
	position: relative;
	display: block;
}
.icg-image {
	max-width: 420px;
	margin-right: 44px;
	width: 100%;
	flex: 0 0 420px;
}
.icg-container.img-right .icg-image {
	margin-right: 0;
	margin-left: 44px;
}
@media (max-width: 48em) {
	.icg-container.img-right .icg-image, .icg-container.img-left .icg-image {
		max-width: 100%;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 44px;
		flex: 1;
	}
	.icg-container.img-right .icg-image.no-icg-image, .icg-container.img-left .icg-image.no-icg-image {
		margin-bottom: 0;
	}
}
.icg-image img {
	width: 100%;
	border-radius: 14px;
	min-width: 300px;
}
.icg-image .video-play-button {
	position: absolute;
	left: 50%;
    top: 50%;
    transform: translate(-100%, -85%);
    z-index: 2;
}
.icg-image .video-play-button:before {
	background: #fff;
}
.icg-image .video-play-button:after {
	background: linear-gradient(to bottom, #34A3D4 0%, #30D827 100%);
}

/* ---- css/components/solutions.css ---- */
.block.cmpt-solutions {
	padding:  7.5rem 2rem;
}
.cmpt-solutions h2 {
	margin-bottom: 30px;
	text-transform: none;
}
.solutions-content {
	max-width: 870px;
	margin: 0 auto;
	
}
.solutions-buttons {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	margin: 50px -2rem 0;
}

.solutions-buttons a.button-new {
	font-weight: 900;
	white-space: nowrap;
}

.solutions-inner-container {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: scroll;
	-ms-overflow-style: none;
  	scrollbar-width: none;
}
.solutions-inner-container::-webkit-scrollbar {
	display: none;
}
.s-button {
	margin: 0 10px;
}
.s-button a {
	display: inline-block;
	white-space: nowrap;
}
.s-button a.btn-gradient-stroke {
	color: #454545;
}
.s-button a.btn-gradient-stroke:hover {
	color: #fff;
}
.s-button a.btn-gradient-stroke:before {
	background: linear-gradient(to bottom, #34A3D4, #30D827);
}
.s-button a.btn-gradient-stroke:after {
	background-color: #EBEBEB;
	opacity: 1;
}
.s-button .button-new-alt {
	white-space: nowrap;
}

/*Mobile alignment*/
@media (max-width: 767px) {
	.cmpt-solutions h2 {
		font-size: 2rem;
		line-height: 42px;
	}
	.cmpt-solutions h2, .cmpt-solutions p {
		text-align: left;
	} 
}

/* ---- css/components/logos.css ---- */
	.cmpt-logos {
	background-color: #F2F6F8;
}
.cmpt-logos .block {
	padding: 5.8rem 2rem;
}
.cmpt-logos h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 800;
	font-size: 2.625rem;
	line-height: 48px;
	text-transform: none;
	margin-bottom: 20px;
	color: #454545;
}
.logos-container {
	border-top: 1px solid #cbcdce;
	border-bottom: 1px solid #cbcdce;
	margin-bottom: 0;
	overflow: hidden;
}
.logos-container img {
	display: none;
}
.logos-container.slick-initialized img {
	display: block;
}
.logos-container .slick-track {
	display: flex;
}
.logo.slick-slide, .slick-slide .logo {
	width: 25%;
	display: flex !important;
	align-items: center;
	justify-content: center;
	height: 184px;
	border-right: 1px solid #cbcdce;
	background-color: #fff;
	padding:  20px;
}

.logos-container .logo img {
	max-height: 60px;
	max-width: 65%;
}
/*.logos-container .logo.slug-a-place-for-mom img, .logos-container .logo.slug-apple-leisure-group img {
	max-height: 60px;
}*/
.logos-container .logo img {
	max-height: 60px;
}
.logos-container .logo.slug-american-express img {
	max-height: 80px;
}
.logos-container .logo.slug-aha img {
	max-height: 100px;
}
.logos-container .logo.slug-intuit img {
	max-height: 40px;
}

/* ---- css/components/logos-slider.css ---- */
.cmpt-logos-slider {
  margin: 120px 0;
}
@media (max-width: 767px) {
  .cmpt-logos-slider {
    margin: 0 0 120px;
  }
}
.logo-slider-title {
  text-align: center;
  padding: 0 18px;
}
.logo-slider {
  overflow: hidden;
  width: 100%;
  position: relative;
  margin-bottom: 24px;
}

.logo-track {
  display: flex;
  width: max-content;
  align-items: center;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
@media (max-width: 767px) {
  .logo-track {
    flex-wrap: wrap;
    gap: 24px;
    width: 100%;
    padding: 0 2rem;
  }
}
.logo-item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
  background-color: #EFEFEF;
  border-radius: 10px;
  padding: 0 50px;
  height: 156px;
}
@media (max-width: 767px) {
  .logo-item {
    width: calc(50% - 12px);
    margin-right: 0;
    padding: 1rem;
  }
}
.logo-item img,
.logo-item svg {
  max-height: 75px;
  max-width: 200px;
  min-width: 140px;
  width: 100% ;
  display: block;
}
@media (max-width: 767px) {
  .logo-item img, .logo-item svg {
    width: auto;
    max-width: stretch;
    padding: 0 1rem;
  }
}
.logo-item.slug-dell svg, .logo-item.slug-dell img {
    max-height: 45px;
}
@media (min-width: 768px) {
  .logo-item.slug-a-place-for-mom svg, .logo-item.slug-a-place-for-mom img {
      min-width: 180px;
  }
}

/* ---- css/components/overview-grid.css ---- */

.page-template-template-components .cmpt-overview-grid .block__container {
/*	max-width: calc(72rem + 104px);*/
}
.og-container {
	display: flex;
	flex-wrap: wrap;
    gap: 22px;
    /*grid-template-columns: repeat(3, 1fr);*/
    justify-content: center;
}
@media (max-width: 48em) {
	.og-container {
	    grid-template-columns: 1fr;
	}
}
.og-item {
	text-align: left;
	width: calc(100% / 3 - 22px);
}
@media (max-width: 1260px) {
	.og-item {
		width: calc(50% - 22px);
	}
}
@media (max-width: 64em) {
	.og-item {
		width: 100%;
	}
}
.og-content {
	display: flex !important;
	background: #FFF;
    box-shadow: rgba(0, 1, 1, .1) 0 7px 29px 0;
    border-radius: 10px;
	padding: 50px;
	flex-direction: column;
	min-height: 100%;
	height: auto;
	transition: all .3s ease-in-out;
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
}
.has-og-bg .og-content {
	padding: 250px 50px 50px;
}
.og-content.og-icon-image {
	/*padding: 50px;*/
}
/*.og-content:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 10px;
	background: linear-gradient(to right, #30D827, #34A3D4);
	transition: all .3s ease-in-out;
	z-index: 0;
}*/
.og-content:hover {
	/*background: linear-gradient(to right, #30D827, #34A3D4);*/
	transform: translateY(-6px);
    backdrop-filter: blur(14px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
}
/*.og-content:hover:before {
	opacity: 1;
}*/
.og-icon {
	transition: all .3s ease-in-out;
	margin-bottom: 10px;
	z-index: 1;
}

.og-icon svg, .og-icon img {
	width: auto;
	height: 45px;
}
.og-content.og-icon-image .og-icon svg, .og-content.og-icon-image .og-icon img {
	width: 100%;
	height: auto;
}
.og-description {
	color: #454545;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 27px;
	z-index: 1;
}
.og-title  {
	z-index: 1;
}
.og-title h3 {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 20px;
	line-height: 27px;
}

.og-title .badge {
	margin-bottom: 20px;
}
.og-title h3 + .badge {
	position: relative;
	top: -10px;
}

/*.og-content:hover .og-description, .og-content:hover .og-title h3 {
	color: #fff;
}
.og-content:hover svg path {
	fill: #fff;
}*/

/* ---- css/components/testimonials.css ---- */
.cmpt-cta-text + .block-cmpt-testimonials {
	padding-top: 0;
}
@media (max-width: 48em) {
	.block.block-cmpt-testimonials {
		padding: 0rem 2rem 6rem;
	}
}

/*.home.page-template .block-cmpt-testimonials {
	background-color: #F2F6F8;
}*/

.home.page-template .cmpt-testimonials-block {
	background-color: #F2F6F8;
	padding: 4.5rem 2rem;
}
.cmpt-testimonials {
	/*display: flex;
	justify-content: center;
	margin-bottom: 0;*/
}

.testimonial-section {
	display: flex;
	justify-content: space-between;
}
@media (max-width: 48em) {
	.testimonial-section {
		display: block;
	}
}
.testimonial-section > div {
	width: calc(50% - 2rem);
}
@media (max-width: 48em) {
	.testimonial-section > div {
		width: 100%;
	}
}
.testimonial-content {
	padding: 0 2rem 0 0;
}
@media (max-width: 48em) {
	.testimonial-content {
		padding: 0;
	}
}
.testimonial-content h3 {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 50px;
}
.success-story-content {
	background-size: cover;
	border-radius: 25px;
	padding: 3.5rem 3.5rem 2.5rem;
	position: relative;
	z-index: 1;
	display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ss-logo {
	position: relative;
	z-index: 2;
}

.ss-logo img {
	max-height: 48px;
	margin-bottom: 30px;
}

.ss-link {
	position: relative;
	z-index: 2;
	text-align: right;
}

.ss-link a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:  1.25rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.ss-link a:hover {
	text-decoration: underline;
} 

.ss-link a i {
	  font-size: .8rem;
    margin-left: 4px;
    top: -1px;
    position: relative;
}

@media (max-width: 48em) {
	.success-story-content {
		margin-top:  50px;
	}
}

.page-template-template-components.home .success-story-content:before {
	background: linear-gradient(135deg, #34A3D4, #30D827);
}
.success-story-content:before {
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(135deg, #A11BB3, #E42762, #FFA915);
	opacity: .8;
	z-index: 2;
	position: absolute;
	border-radius: 25px;
}
.ss-content {
	position: relative;
	z-index: 3;
	color: #fff;
	margin-bottom: 20px;
}

.ss-content p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 32px;
	margin-bottom: 0;
}

.scrollmagic-pin-spacer {
}
.cmpt-testimonial-slider, .cmpt-ss-slider {
	margin-bottom: 0;
}
@media (max-width: 48em) {
	.cmpt-testimonial-slider, .cmpt-ss-slider {
		margin-bottom: 30px;
	}
	.cmpt-ss-slider {
		margin-top: 60px;
	}
}

.block .quote-content {
	padding-top: 20px;
}

.block p.quote, .block .quote-content p {
	text-indent: 60px;
	position: relative !important;
	margin-bottom: 3rem;
	font-family: 'Source Sans Pro', sans-serif;
}
.block p.quote:before, .block .quote-content p:before {
	content: '\201C';
	position: absolute;
	left: -60px;
	top: 16px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:  6.25rem;
	font-weight: 800;
	color: #d5d8da;
	line-height: 0;
}
.quote:after, .block .quote-content p:after {
	content: '\201D';
	position: relative;
	right: 0;
	bottom: -27px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:  6.25rem;
	font-weight: 800;
	color: #d5d8da;
	vertical-align: middle;
	line-height: 0;
}
.quote-name {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.25rem;
}
.cmpt-testimonials .slick-dots, .cmpt-ss-slider .slick-dots {
	bottom: -20px;
}
@media (max-width: 48em) {
	.cmpt-testimonials .slick-dots {
		bottom: -30px;
	}
}

@media (max-width: 48em) {
	.cmpt-ss-slider .slick-dots {
		bottom: -50px;
	}
}

.cmpt-testimonials .slick-dots li {
  padding-left: 0 !important;
}
.cmpt-testimonials .slick-dots li:before {
  display: none;
}

.cmpt-testimonials .slick-dots li button {
  width: 100%;
  height: 100%;
  border: 0.0625rem solid #121212;
  border-radius: 50%;
  box-shadow: none;
}

.cmpt-testimonials .slick-dots li.slick-active button {
  border-color: transparent;
  /*background-color: #6ab557;*/
  background: linear-gradient(to right, #34A3D4, #30D827);
  border: none;
}

.cmpt-testimonials .slick-dots li button::before {
  display: none;
}

/* ---- css/components/testimonials-slider.css ---- */
.cmpt-testimonials-sliders {
	background: linear-gradient(60deg, #34A3D4, #30D827);
	border-radius: 20px;
	padding: 68px 0 136px;
}
@media (max-width: 1200px) {
	.cmpt-testimonials-sliders {
		padding: 68px 12px 136px;
	}
}
.cmpt-testimonials-sliders .testimonial-content {
	text-align: center;
	padding: 0;
}
.cmpt-testimonials-sliders .testimonial-content h2 {
	color: #fff;
	margin-bottom: 72px;
}
@media (max-width: 48em) {
	.cmpt-testimonials-sliders .testimonial-content h2 {
		
		margin-bottom: 36px;
	}	
}
.cmpt-testimonials-sliders .testimonial-content h2 b, .cmpt-testimonials-sliders .testimonial-content h2 strong {
	color: #fff;
	font-weight: bold;
}
.cmpt-testimonials-sliders .testimonial-content p {
	color: #fff;
}
.t-content {
	margin-bottom: 30px;
}
.block-cmpt-testimonials-slider.block .testimonial-content h3 {
	font-size: 2.625rem;
}
.block-cmpt-testimonials-slider.block .quote-content {
	max-width: 772px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 32px;
}
.block-cmpt-testimonials-slider.block .quote-content p {
	font-size: 1.5rem;
	line-height: 36px;
	margin-bottom: 0;
	color: #000;
	padding-left: 75px;
	padding-right: 75px;
	text-indent: 0;
}
@media (max-width: 1200px) {
	.block-cmpt-testimonials-slider.block .quote-content p {
		font-size: 18px;
		line-height: 26px;
		text-indent: 0;
		padding-left: 16px;
		padding-right: 16px;
	}
	.block-cmpt-testimonials-slider.block .quote-content p:first-child {
		padding-top: 50px;
	}
}
.block-cmpt-testimonials-slider.block p.quote:before, .block-cmpt-testimonials-slider.block .quote-content p:before {
	color: #000;
	opacity: .20;
	font-size: 8.75rem;
	top: 22px;
	left: 0;
}
.block-cmpt-testimonials-slider.block .quote:after, .block-cmpt-testimonials-slider.block .quote-content p:after {
	color: #000;
	opacity: .20;
	font-size: 8.75rem;
	top: 22px;
	right: 0;
	position: absolute;
}
@media (max-width: 48em) {
	.block-cmpt-testimonials-slider.block p.quote:before, .block-cmpt-testimonials-slider.block .quote-content p:before {
		left: 50%;
		transform: translateX(-50%);
		font-size: 6.75rem;
	}
	.block-cmpt-testimonials-slider.block .quote:after, .block-cmpt-testimonials-slider.block .quote-content p:after {
		display: none;
	}
}
.cmpt-testimonial-slider-2 {
	margin-bottom: 0;
}
.cmpt-testimonial-slider-2.accessible-slick .slick-track {
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px;
}
.cmpt-testimonial-slider-2 .testimonial-item {
	background-color: #fff;
	border-radius: 10px;
	opacity: 0.2;
	filter: blur(4px);
	transition: .3s all ease-in-out;
	max-width: 900px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 68px 16px;
}
@media (max-width: 1200px) {
	.cmpt-testimonial-slider-2 .testimonial-item {
		filter: blur(0);
		opacity: 1;
		margin-left: 10px;
		margin-right: 10px;
		padding: 40px 16px;
	}
}
.cmpt-testimonial-slider-2 .slick-slide {
	
	/*float: none !important;*/
  height: auto !important;

  /* IMPORTANT: don't let flex resize slides */
  /*flex: 0 0 auto;*/

}

.cmpt-testimonial-slider-2 .slick-slide > div {
  /*display: flex;
  flex-direction: column;
  height: 100%;*/
}

.cmpt-testimonial-slider-2 .slick-center .testimonial-item {
	opacity: 1;
	transform: scale(1.1);
	filter: blur(0);
}
.block .cmpt-testimonial-slider-2 .quote-name {
	margin-top: 10px;
	font-size: 1.125rem;
	line-height: 18px;
	color: #000;
}
.author-job-title {
	font-size: 1.375rem;
	font-weight: 900;
	line-height: 29px;
	text-transform: capitalize;
	color: #000;
}
.cmpt-testimonial-slider-2 .slick-dots {
	bottom: -60px;
}
.cmpt-testimonial-slider-2 .slick-dots li {
  padding-left: 0 !important;
  height: 8px;
  width: 46px;
  border-radius: 16px;
}
.cmpt-testimonial-slider-2 .slick-dots li:before {
  display: none;
}

.cmpt-testimonial-slider-2 .slick-dots li button {
  width: 100%;
  height: 100%;
  border: none;
  background-color: #D0D0D0;
  border-radius: 16px;
  box-shadow: none;
}

.cmpt-testimonial-slider-2 .slick-dots li.slick-active button, .cmpt-testimonial-slider-2 .slick-dots li button:hover {
  border-color: transparent;
  /*background-color: #6ab557;*/
  background: #fff;
}

.cmpt-testimonial-slider-2 .slick-dots li button::before {
  display: none;
}
@media (max-width: 1370px) {
	.cmpt-testimonial-slider-2.slick-slider button.slick-arrow.slick-prev {
	  left: -50px;
	}
	.cmpt-testimonial-slider-2.slick-slider button.slick-arrow.slick-next {
	  right: -50px;
	}
}
.testimonial-stats {
	text-align: center;
	margin-top: 60px;
}
.testimonial-stats img {
	margin: 0 auto;
}
.t-stat-container {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 24px;
}
.t-stat-container .t-stat {
	font-size: 2rem;
	font-weight: bold;
	line-height: 36px;
	padding: 0 10px;
	border-left: 2px solid #454545;
}
.t-stat-container .t-stat:first-child {
	border-left: none;
}

/* ---- css/components/split-cta.css ---- */
.cmpt-split-cta {
	padding: 4.375rem 2rem !important;
	background-color: transparent;
}
.cmpt-split-cta.transparent {
	background-color: transparent;
}
.cmpt-split-cta.dark {
	background-color: #1C1C1C;
}
.cmpt-split-cta.light {
	background-color: #F2F6F8;
}
.cmpt-split-cta.sc-gradient {
	background-image: url('../images/home-2026/split-cta-bg.png');
	background-size: cover;
}
.cmpt-split-cta .block__container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.split-cta-content {
	width: 70%;
}
.cmpt-split-cta p {
	font-family: 'Source Sans Pro', sans-serif;
}

@media (max-width: 767px) {
	.split-cta-content {
		width: 100%;
	}
}

.split-cta-cta {
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 767px) {
	.split-cta-cta {
		width: 100%;
		margin-top: 24px;
	}
}
.cmpt-split-cta.dark h2, .cmpt-split-cta.dark p {
	color: #fff;
}
.sc-video {
	position: relative;
}
.sc-video:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, transparent, #FFFFFFB3);
  z-index: 0;
}
.sc-video .block__container {
	position: relative;
	z-index: 1;
}
.sc-video .video-bg {
	border-radius: 0;
}

/* ---- css/components/split-cta-small.css ---- */
.block.cmpt-split-cta-small {
	padding: 0 2rem;
}
.block.cmpt-split-cta-small.cta-has-image {
	padding: 2rem;
}

@media (max-width: 767px) {
	.block.cmpt-split-cta-small.cta-has-image {
		padding-top: 4rem;
	}
}
.block.cmpt-industry-header + .block.cmpt-split-cta-small  {
	margin-top: -.74rem;
}
.cmpt-split-cta-small .block__container {
	background: rgba(0,0,0);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border-radius: 10px;
    padding: 24px 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}
.cmpt-split-cta-small.transparent .block__container {
	background: rgba(0,0,0, .6);
}
.cmpt-split-cta-small.image-gradient .block__container {
	background-image: url('../images/home-2026/split-cta-bg.png');
	background-size: cover;
}
@media (max-width: 767px) {
	.cmpt-split-cta-small .block__container {
		display: block;
		padding: 42px 22px;
	}
}
.cmpt-split-cta-small .cta-small-img {
	max-width: 134px;
	position: absolute;
	left: -20px;
	top: 50%;
    transform: translateY(-50%);
}
@media (max-width: 767px) {
	.cmpt-split-cta-small .cta-small-img {
		max-width: 180px;
		position: relative;
		top: 0;
		left: 0;
    	margin: -100px auto 25px;
    	transform: translateY(0);
    	max-height: 150px;
	}
	.cmpt-split-cta-small .cta-small-img img {
		max-height: 150px;
		margin: 0 auto;
	}
}
.cmpt-split-cta-small .cta-small-img + .split-cta-content {
	padding-left: 100px;
}
@media (max-width: 767px) {
	.cmpt-split-cta-small .cta-small-img + .split-cta-content {
		padding-left: 0;
	}
}
.cmpt-split-cta-small .block__container .split-cta-content {
	width: auto;
	flex: 1;
}
@media (max-width: 767px) {
	.cmpt-split-cta-small .block__container .split-cta-content {
		text-align: center;
	}
}
.cmpt-split-cta-small  .cta-image-large .cta-small-img {
	max-width: 230px;
}
.cmpt-split-cta-small  .cta-image-large .cta-small-img + .split-cta-content {
	padding-left: 210px;
}
@media (max-width: 767px) {
	.cmpt-split-cta-small  .cta-image-large .cta-small-img + .split-cta-content {
		padding-left: 0;
	}
}
.cmpt-split-cta-small .block__container .split-cta-cta {
	flex: 0 0 auto;
	width: auto;
}
.cmpt-split-cta-small .block__container p {
	font-size: 29px;
	line-height: 36px;
}
.cmpt-split-cta-small.dark .block__container p {
	color: #fff;
}
@media (max-width: 767px) {
	.cmpt-split-cta-small .block__container p {
		font-size: 1.125rem;
		line-height: 28px;
	}
}
.cmpt-split-cta-small .block__container p:last-child {
	margin-bottom: 0;
}

.cmpt-split-cta-small.light .block__container {
	background: #fff;
}
.cmpt-split-cta-small.light .block__container p {
	color: #000;
}

/* ---- css/components/cta-text.css ---- */
.page-template-template-components .cmpt-cta-text {
	padding: 5.625rem 2rem;
	background-color: #F2F6F8;
	scroll-margin-top: 300px;
}
@media (max-width: 48em) {
	.page-template-template-components .cmpt-cta-text {
		padding: 5.625rem 2rem;
	}
}
.cmpt-cta-text.dark {
	background-color: #1C1C1C;
}
.cmpt-cta-text.transparent {
	background-color: transparent;
}

.cmpt-cta-text h2, .cmpt-cta-text p {
	font-family: 'Source Sans Pro', sans-serif;
}
.cta-text-content {
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
}
.cmpt-cta-text.dark h2, .cmpt-cta-text.dark p {
	color: #fff;
}
.cmpt-cta-text p:last-child {
	margin-bottom: 0;
}
.cmpt-cta-text + .cmpt-industry-solutions {
	padding-top: 45px !important;
}
.cta-text-button {
	margin-top: 60px;
}

/* ---- css/components/industry-header.css ---- */
.page-template-template-components .block.cmpt-industry-header {
	padding-top: 262px;
	margin-bottom: 3.25rem;
	padding-bottom: 0;
}
@media (max-width: 767px) {
	.page-template-template-components .block.cmpt-industry-header {
		padding-top: 230px;
	}
}
.ih-container {
	display: flex;
	align-items: flex-start;
	gap: 62px;
}
.ih-content {
	flex: 1;
}
.ih-content h2 {
	font-size: 4rem;
    font-weight: 200;
    line-height: 85px;
}
@media screen and (max-width: 992px) {
	.ih-content h2 {
		font-size: 2.5rem;
		line-height: 48px;
	}
}
.content-dark .cmpt-industry-header .ih-content p a, .content-dark .cmpt-cta-text .cta-text-content p a {
	color: #fff;
	font-weight: bold;
}
.content-dark .cmpt-industry-header .ih-content p a:hover, .content-dark .cmpt-cta-text .cta-text-content p a:hover {
	color: #85CCEB;
}
.ih-nav {
	flex: 0 0 246px;
}
@media (max-width: 767px) {
	.ih-nav {
		display: none;
	}
}
.ih-nav .industry-nav {
	background: #fff;
  	border-radius: 10px;
  	padding: 36px;
}
.ih-nav .industry-nav .industry-nav-title {
	font-size: 1.375rem;
	font-weight: bold;
	line-height: 24px;
	color: #000;
	margin-bottom: 12px;
}
.ih-nav .industry__nav__list {
	background: transparent;
	display: block;
}
.ih-nav .industry__nav__list li {
	margin-bottom: 12px;
}
.ih-nav .industry__nav__list li.current-menu-item {
	display: none;
}
.ih-nav .industry__nav__list a {
	color: #000;
	font-size: 1.125rem;
	line-height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000000' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-size: 12px;
    background-position: right;
    display: inline;
    padding-right: 20px;
    transition: .3s all ease-in-out;
}
/*.ih-nav .industry__nav__list a:hover {
	background-position: center right;
}*/
.ih-nav .industry__nav__list a:hover {
	color: #21AD12;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2321AD12' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z' /%3E%3C/svg%3E");
}

/* ---- css/components/industry-solutions.css ---- */
.cmpt-industry-solutions {

}
.page-template-template-components .cmpt-industry-solutions.block {

}
.industry-slide {
	transition: transform 300ms ease,box-shadow 300ms ease;
}
.industry-slide:hover{
	transform: scale(1.05);
/*    box-shadow: 0 1.5rem 3rem 0 rgb(0 0 0 / 50%);*/
	
}
.cmpt-isolutions-slider {
	margin-bottom: 0;
/*	overflow: hidden;*/
}
.cmpt-isolutions-slider .slick-list {
	overflow: visible;
}
@media (max-width: 48em) {
	.cmpt-isolutions-slider .slick-list {
		overflow: hidden;
	}
}
.cmpt-isolutions-slider .solution-content {
	background-color: #fff;
	padding: 2.75rem 2.5rem;
	height: 100%;
	position: relative;
	border-radius: 10px;
}
.component-section.content-dark .cmpt-isolutions-slider .solution-content h2 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #454545;
	line-height: 30px;
	margin-bottom: 44px;
	text-align: center;
}
.solution-content p {
	font-size: 1.125rem;
	margin-bottom: 0;
	text-align: center;
}
.solution-content ul {
	list-style-type: disc;
	margin-bottom: 1rem;
  padding-left: 1.25rem;
  list-style-position: outside;
}
.component-section.content-dark .cmpt-isolutions-slider .solution-content p, .component-section.content-dark .cmpt-isolutions-slider .solution-content li {
	color: #454545;
}
.solution-content li {
	list-style-type: disc;
	font-size: 1.125rem;
}
.industry-slide .isolution-box hr {
	border: none;
	height: 3px;
	border-radius: 10px;
	margin-bottom: 30px;
	background-color: #21AD12;
}
/*.industry-slide.industry-slide-1 .isolution-box hr {
	background: linear-gradient(to right, #FFA915, #E42762, #A11BB3);
}
.industry-slide.industry-slide-2 .isolution-box hr {
	background: linear-gradient(to right, #00BDFF, #E811FA);
}
.industry-slide.industry-slide-3 .isolution-box hr {
	background: linear-gradient(to right, #34A3D4, #30D827);
}*/
.cmpt-isolutions-slider .solution-content .isolution-box {
	margin-top: 30px;
}
.cmpt-isolutions-slider .solution-content .isolution {
	margin-bottom: 12px;
}
.cmpt-isolutions-slider .solution-content .isolution span, .cmpt-isolutions-slider .solution-content .isolution a {
	display: inline-block;
	color: #454545;
	background-color: #EAEAEA;
	border-radius: 10px;
	padding: 5px 15px;
	transition: all .3s ease-in-out;
}
.cmpt-isolutions-slider .solution-content .isolution span:hover, .cmpt-isolutions-slider .solution-content .isolution a:hover {
	color: #fff;
	background-color: #707070;
}
.cmpt-isolutions-slider .solution-content .solutions-link {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: #000;
	color: #fff;
	line-height: 18px;
	padding: 10px;
	display: block;
}
.cmpt-isolutions-slider .solution-content .solutions-link:hover {
	color: #34A3D4;
}
.cmpt-isolutions-slider .solution-content .solutions-link:after {
	content: '';
	position: relative;
	width: 0px;
	height: 0px;
	border-left: 12px solid #A1A1A1;
    border-right: 10px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    display: inline-block;
    top: 2px;
    left: 12px;
}
.cmpt-isolutions-slider .solution-content .solutions-link:hover:after {
	border-left: 12px solid #34A3D4;
}
.cmpt-isolutions-slider .slick-track {
	display: flex !important;
}

.cmpt-isolutions-slider .slick-list {
	margin: 0 -25px;
}
.cmpt-isolutions-slider .slick-slide{
	padding: 0 25px;
	height: inherit !important;
}
.isolutions-dots {
	position: relative;
	z-index: 2;
	top: 60px;
}
.isolutions-dots .slick-dots li {
  padding-left: 0 !important;
}
.isolutions-dots .slick-dots li:before {
  display: none;
}

.cmpt-industry-solutions .slick-dots li.slick-active button, .cmpt-industry-solutions .slick-dots li button:hover {
  border-color: transparent;
  /*background-color: #6ab557;*/
  background: linear-gradient(to right, #34A3D4, #30D827);
}

.isolutions-dots .slick-dots li button::before {
  display: none;
}

.ind-sol-link-p {
	margin-top: 1rem !important;
	text-align: center;
}

/* ---- css/components/featured-solution.css ---- */
.cmpt-featured-solution {
	padding: 16.63rem 2rem;
}
.fs-solution-container {
	display: flex;
	gap: 66px;
}
@media (max-width: 64em) {
	.fs-solution-container {
		display: block;
	}
}
.fs-solution-container > div {
	width: 50%;
}
@media (max-width: 64em) {
	.fs-solution-container > div {
		width: 100%;
	}
}
.fs-content-box {
	
	background-size: cover;
	background-position: center;
	border-radius: 20px;
	position: relative;
}
@media (max-width: 64em) {
	.fs-content-box {
		margin-bottom: 84px;
	}
}
.fs-container {
	position: relative;
	z-index: 2;
	border-radius: 20px;
	padding: 30px 50px;
}
.fs-content-box:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	border-radius: 20px;
}
.fs-content-header {
	display: flex;
	align-items: center;
	gap: 21px;
}
@media (max-width: 48em) {
	.fs-content-header {
		display: block;
	}
}
.fs-content-icon {
	flex: 0 0 80px;
	line-height: 0;
}
@media (max-width: 48em) {
	.fs-content-icon {
		margin-bottom: 20px;
	}
}
.fs-content-title {
	font-size: 2.625rem;
	font-weight: 900;
	line-height: 48px;
}
.fs-content-title span {
	font-size: 1.5rem;
	line-height: 27px;
	display: block;
	font-weight: 400;

}
.component-section.content-dark .fs-content-title {
	color: #fff;
}
.page-template-template-components .fs-contact-info h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 2.75rem;
    text-transform: none;
    color: #424242;
    letter-spacing: 0px;
    margin-bottom: 30px;
    line-height: 55px;
    text-transform: capitalize;
}
.fs-contact-info p {
	padding-bottom: 40px;
}

.fs-contact-info .btn {
	float: right;
}

/* ---- css/components/solutions-header.css ---- */
@media (max-width: 64em) {
	.section-overview-solutions-section {
		padding-top: 100px !important;
	}
}
.page-template-template-components.sticky-subnav .cmpt-solutions-header.block {
	padding: 0 0 2rem;
}
.page-template-template-components .cmpt-solutions-header.block {
	padding: 142px 0 2rem;
}
.page-template-template-components.page-contact .cmpt-solutions-header.block {
	padding-top: 120px;
}
.cmpt-solutions-header .sh-header-top {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
/*	padding-bottom: 330px;*/
	position: relative;
}
.cmpt-solutions-header .sh-header-top:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: .71;
	z-index: 1;
}
.cmpt-solutions-header .sh-header-top.has-sol-video:after {
	display: none;
}
.cmpt-solutions-header .sh-header-top.no-video {
	display: flex;
	align-items: center;
	padding-bottom: 0;
	margin-bottom: 50px;
}
.cmpt-solutions-header .sh-header-top.has-sol-video {
	background-image: none !important;
	background-color: #fff;
	overflow: clip;
}
.cmpt-solutions-header .sh-header-top.has-sol-video .green-img {
	position: absolute;
	left: 50%;
	bottom: 200px;
	transform: translate(-50%, 50%);
	height: 800px;
  	width: 1200px;
  	z-index: 2;
  	background: radial-gradient(ellipse, 
	#30d827 1%,    /* Bright green at the center */
	#272727 65%   /* Dark near the edges */

	);
}
.cmpt-solutions-header .sh-header-top.has-sol-video .sh-header {
	padding-bottom: 30%;
}
@media (max-width: 64em) {
	.cmpt-solutions-header .sh-header-top.has-sol-video .sh-header {
		padding-bottom: 38%;
	}
}
.cmpt-solutions-header .sh-header-top .header-mask {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	z-index: 2;
}
.cmpt-solutions-header .sh-header-top.no-video .header-mask {
	display: none;
}
.cmpt-solutions-header .sh-header-top .header-mask img, .cmpt-solutions-header .sh-header-top .header-mask svg {
	width: 100%;
}
.cmpt-solutions-header .sh-header-top .header-mask svg {
	position: relative;
    bottom: -6px;
}
.cmpt-solutions-header .block__container {
	padding-top: 60px;
	z-index: 2;
	max-width: 72rem;
}
.cmpt-solutions-header .block__container .sh-header {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 25px;
	padding-right: 25px;
}
.cmpt-solutions-header h1, .cmpt-solutions-header h2, .cmpt-solutions-header p {
	color: #000;
	text-align: center;
}
.cmpt-solutions-header h2 {
	font-size: 4rem;
    font-weight: 200;
    line-height: 85px;
}
.cmpt-solutions-header h2 b, .cmpt-solutions-header h2 strong {
	font-weight: 200;
}
@media screen and (max-width: 992px) {
	.cmpt-solutions-header h2 {
		font-size: 2.5rem;
		line-height: 48px;
	}
}
.cmpt-solutions-header .sh-description {
	margin-bottom: 0;
}
.sh-video-container {
	max-width: calc(72rem + 50px);
	margin: -300px auto 20px;
	padding: 0 25px;
	position: relative;
	z-index: 2;
}
@media (max-width: 64em) {
	.sh-video-container {
		margin-top: -32%;
	}
}
.sh-video-container .video iframe {
	border-radius: 10px;
}

/* ---- css/components/study-card.css ---- */
.block.block-cmpt-study-card {
  padding: 10rem 2rem;
}
.sc-header-block {
  text-align: center;
}
.study-card {
  flex-direction: row;
  display: flex;
  text-align: left;
  max-width: 911px;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #fff;
  color: #3f3f3f;
  box-shadow: 0 1.5rem 3rem 0 rgb(0 0 0 / 50%);
  overflow: hidden;
  border: none;
  margin-top: 32px;
}
@media (max-width: 64em) {
  .study-card {
    display: block;
  }
}

.study-card .bg-card-img {
  width: 50%;
  height: auto;
  clip-path: polygon(0 0, 0 100%, calc(100% - 4rem) 100%, 100% 0);
  position: relative;
  padding-right: 8rem;
  background-size: cover;
  background-position: center;
  background-color: #34A3D4;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 64em) {
  .study-card .bg-card-img {
    width: 100%;
    min-height: 320px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    clip-path: polygon(0 0,100% 0,100% calc(100% - 4rem),0 100%);
  }
}
.bg-card-img .sc-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.bg-card-img .sc-meta {
  position: relative;
  z-index: 1;
}
.bg-card-img .badge-sea-serpent {
  background: linear-gradient(to bottom, #34A3D4, #30D827);
  margin-bottom: 12px;
}
.study-card .card-body {
  width: 50%;
  padding: 3rem;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 64em) {
  .study-card .card-body {
    width: 100%;
  }
}
.study-card .card-title {
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  letter-spacing: 0.05px;
  color: #3f3f3f;
  margin-bottom: 1.375rem;
}
.study-card .card-btn {
  align-self: flex-end;
}
.study-card .card-btn a {
  /*font-size: 1.375rem;
  font-weight: bold;
  color: #2288EA;
  border-bottom: 1px solid #34A3D4;*/
}
.study-card .card-btn a svg {
  position: relative;
  top: 4px;
  max-width: 13px;
}


/* ---- css/components/stat-box.css ---- */
.cmpt-stat-box {

}
.cmpt-stat-box h2 {
	text-align: center;
}
.cmpt-stat-box h3 {
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 1rem !important;
}
.stat-box-container {
	background-color: #fff;
	border-radius: 25px;
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
}
@media (max-width: 64em) {
	.stat-box-container {
		flex-direction: column;
		align-items: center;
	}
}
.stat-box-intro {
	margin-bottom: 26px;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
}
.stat-box {
	display: flex;
	flex-direction: column;
	padding: 46px 60px;
	width: calc(100% / 3);
}
@media (max-width: 64em) {
	.stat-box {
		width: 100%;
		max-width: 700px;
		padding: 46px 60px 0;
	}
	.stat-box:last-child {
		padding-bottom: 46px;
	}
}
.stat-box .sb-stat-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	/*width: 38px;
	height: 38px;*/
	border-radius: 10px;
	margin-bottom: 20px;
/*	background-image: linear-gradient(to bottom, #34A3D4, #30D827);*/
}
.stat-box.text-left .sb-stat-icon {
	justify-content: flex-start;
}
.stat-box.text-right .sb-stat-icon {
	justify-content: flex-end;
}
.stat-box .sb-stat-icon svg {
	max-height: 80px;
	width: auto;
	height: 100%;
}
.stat-box .sb-stat-icon svg path {
/*	fill: #fff;*/
}
.stat-box .sb-stat {
	font-size: 3.4375rem;
	color: #202020;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 15px;
}
.stat-box .sb-stat-header {
	font-size: 1.375rem;
	font-weight: 900;
	color: #000;
	line-height: 30px;
	margin-bottom: 8px;
	letter-spacing: -0.33px;
}
.stat-box .sb-stat-content p:last-child {
	margin-bottom: 0;
}
.sb-stat-link {
	margin-top: auto;
	padding-top: 40px;
}
.sb-stat-link a {
	font-size: 1.375rem;
	font-weight: bold;
	/*color: #151515;*/
	position: relative;
	line-height: 12px;
}
.sb-stat-link a:after {
	content: '→';
	position: absolute;
	margin-left: 6px;
	margin-top: 4px;
}
.cmpt-stat-box p.stat-link-p {
	margin-top: 1rem;
	text-align: center;
}
.component-section.content-dark .cmpt-stat-box .sb-stat-content.sb-has-bg p {
	color: #454545;
}

/* ---- css/components/stat-masonry.css ---- */
.cmpt-stat-masonry .block__container {
  /*background-image: url('../images/home-2026/video-placeholder-2026.jpg');
  background-size: cover;*/
  background-color: #F0F0F0;
  padding: 96px 0 146px;
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .cmpt-stat-masonry .block__container {
    padding: 54px 0 12px;
  }
}
.stat-masonry-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 42px;
  margin-top: 84px;
  padding: 0 80px;
}
@media screen and (max-width: 1200px) {
  .stat-masonry-container {
    padding: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .stat-masonry-container {
    padding: 0 12px;
    margin-top: 3rem;
  }
}
.sm-header {
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
  padding: 0 1rem;
}
.stat-masonry-container:last-child {
  margin-bottom: 0;
}
.stat-masonry-item {
  padding: 30px 55px; 
  flex-grow: 1;
  width: calc(100% / 3 - 42px);
  border-radius: 10px;
  
  position: relative;
}
.sm-light .stat-masonry-item {
  color: #000;
}
.sm-dark .stat-masonry-item {
  background: rgba(0, 0, 0, 0.85);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(0, 0, 0, 0.5),
    inset 0 -1px 0 rgba(0, 0, 0, 0.1),
    inset 0 0 20px 10px rgba(0, 0, 0, 1);
  color: #fff;
}
@media screen and (max-width: 992px) {
  .stat-masonry-item {
    width: 100%;
    padding: 40px;
  }
}
.sm-number {
  font-size: 70px;
  font-weight: 300;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .sm-number {
    font-size: 54px;
  }
}
.sm-stat-subhead {
  font-size: 1.375rem;
  line-height: 32px;
  font-weight: bold;
}
.sm-content {
  font-size: 24px;
  line-height: 38px;
  font-weight: 400;
  margin-top: 22px;
}
.stat-masonry-container.sm-light .sm-stat-subhead, .stat-masonry-container.sm-light .sm-content, .stat-masonry-container.sm-light .sm-content .sm-number {
  color: #000;
}
.stat-masonry-container.sm-dark .sm-stat-subhead, .stat-masonry-container.sm-dark .sm-content, .stat-masonry-container.sm-dark .sm-content .sm-number {
  color: #fff;
}
.stat-masonry-container.ls-gradient .stat-masonry-item:last-child {
  background-image: url('../images/stat-gradient-background.png');
  background-size: cover;
  box-shadow: none;
}
.stat-masonry-container.ls-gradient .stat-masonry-item:last-child .sm-number {
  color: #fff;
  font-weight: 900;
}
.stat-masonry-container.ls-gradient .stat-masonry-item:last-child .sm-stat-subhead, .stat-masonry-container.ls-gradient .stat-masonry-item:last-child p {
  color: #fff;
}
.cmpt-stat-masonry .lottie-bg {
  overflow: hidden;
}
.cmpt-stat-masonry .lottie-bg:after {
  display: none;
}
.cmpt-stat-masonry .lottie-bg svg {
  height: auto !important;
  position: relative;
  left: -58px;
  bottom: -140px;
  width: 130% !important;

}

/* ---- css/components/sub-navigation.css ---- */
.page-template-template-components.sticky-subnav {
    overflow-x: clip;
}
.page-template-template-components .newsroom-v3__nav .newsroom-v3__nav__list li:first-child a::before {
  display: none;
}

.page-template-template-components.sticky-subnav .header {
    position: relative;
    top: 0;
}

.page-template-template-components.sticky-subnav .newsroom-v3__nav {
    margin-top: 0px !important;
    position: sticky;
    top: 0;
    z-index: 3;
}
.page-template-template-components.sticky-subnav .newsroom-v3__nav.lowerindex {
    z-index: 0;
}
.page-template-template-components.sticky-subnav.admin-bar .newsroom-v3__nav {
    top: 32px;
}

/* ---- css/components/success-story-grid.css ---- */
.ssg-row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 0 40px;
    margin-bottom: 85px;
}

@media (max-width: 64em) {
    .ssg-row {
        grid-template-columns: 1fr;
    }
}
.ssg-row:last-child {
    margin-bottom: 0;
}
.ssg-row h2 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 16px;
}

.ssg-content {
    margin-bottom: 16px;
}

.ssg-block-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

@media (max-width: 48em) {
    .ssg-block-container {
        grid-template-columns: 1fr;
    }
}

.ssg-block-container .ssg-block {
    background-color: #F0F0F0;
    border-radius: 12px;
    transition: all .3s ease-in-out;
}

.ssg-block-container .ssg-block:hover {
    background-color: #222222;
}

.ssg-block-container .ssg-block a {
    padding: 25px;
    display: block;
    
}

.ssg-block-container .ssg-block a p {
    color: #080808;
    font-weight: 400;
    transition: all .3s ease-in-out;
}
.ssg-block-container .ssg-block:hover a p {
    color: #fff;
}

.ssg-block-container .ssg-block .ssg-category {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    font-size: .8125rem;
    border-radius: 20px;
    padding: .2rem 1rem;
    display: inline-block;
    background: linear-gradient(to bottom, #30D827, #34A3D4);
    color: #fff;
    margin-bottom: 15px;
}

.cmpt-success-story-grid.theme-ifrit .ssg-block-container .ssg-block .ssg-category {
    background: linear-gradient(to bottom, #FFA915, #E42762, #A11BB3);
}

.ssg-block-container .ssg-block h3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 12px;
    position: relative;
    transition: all .3s ease-in-out;
}

.ssg-block-container .ssg-block:hover a h3 {
    color: #fff;
}

.ssg-block-container .ssg-block h3:after {
    content: '';
    position: absolute;
    background-image: url(../images/home-v2/read-more-icon-play.svg);
    width: 16px;
    height: 15px;
    bottom: 7px;
    margin-left: 5px;
}


/*
.ssg-block-container .ssg-block h3 img {
    margin-left: 5px;
    display: inline-block;
}*/

/* ---- css/components/section.css ---- */
.component-section {
	background-size: cover;
	background-repeat: no-repeat;
}
.component-section.content-dark h1,
.component-section.content-dark h2,
.component-section.content-dark h3,
.component-section.content-dark h4,
.component-section.content-dark h5,
.component-section.content-dark h6,
.component-section.content-dark p,
.component-section.content-dark li,
.component-section.content-dark ol {
	color: #fff;
}
.component-section {
	position: relative;
	padding: 1px;
}
.component-section.has-overlay:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
}
.component-section.has-overlay > div {
	position: relative;
	z-index: 1;
}
.section-border {
	height: 16px;
}
.section-contain {
	background-position: center top;
    background-size: 100% auto;
}
.component-section.section-bg-video {
	position: relative;
}
.component-section.section-bg-video:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255, .7);
	z-index: 0;
}
.component-section.section-bg-video > div:not(.video-bg-youtube) {
	position: relative;
	z-index: 1;
}
.component-section.section-bg-video video,
.component-section.section-bg-video .video-bg-youtube {
	border-radius: 0;
}
.component-section.section-bg-video .video-bg-youtube {
	overflow: hidden;
	pointer-events: none;
}
.component-section.section-bg-video .video-bg-youtube iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 56.25vw;
	min-height: 100%;
	min-width: 177.77vh;
	transform: translate(-50%, -50%);
	border: 0;
	pointer-events: none;
}

/* ---- css/components/timeline.css ---- */
.timeline-container {

}
.timeline {
    padding: 30px 0;
    position: relative
}

.timeline__bar {
    background: #222222;
    border-radius: 4px;
    bottom: 15px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 15px;
    width: 4px
}

.timeline__box,.timeline__item {
    position: relative
}

.timeline__box {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 32px 64px rgba(34,35,38,.05),0 16px 32px rgba(34,35,38,.05);
    max-width: calc(50% - 30px);
    padding: 30px 55px;
}
@media (max-width: 767px) {
    .timeline__box {
        text-align: center;
    }
}
.timeline__item--right .timeline__box, .timeline__item:nth-child(odd) .timeline__box {
    float: right
}

.timeline__item:nth-child(odd) .timeline__dot .ttip-holder .ttip {
  transform: translate3d(-108px, -12.5px, 0px);
}
.timeline__item:nth-child(even) .timeline__dot .ttip-holder .ttip {
  transform: translate3d(62px, -12.5px, 0px);
}

.timeline__box:after {
  background: #fff;
  border-radius: 4px;
  content: "";
  display: block;
  height: 30px;
  margin-top: -15px;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: rotate(45deg);
  width: 30px;
}
.timeline__item:nth-child(odd) .timeline__box:after {
  left: -10px;
  right: auto;
}

.timeline--valign-top .timeline__box:after {
    margin-top: 0;
    top: 30px
}

.timeline__item--right .timeline__box:after {
    left: -10px;
    right: 0
}

.timeline__dot {
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 8px 16px rgba(34,35,38,.05),0 4px 8px rgba(34,35,38,.05);
    height: 30px;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    padding: 5px;
    position: absolute;
    top: 50%;
    width: 30px
}

.timeline--valign-top .timeline__dot {
    margin-top: 0;
    top: 30px
}

.timeline__dot:before {
    background: linear-gradient(111.02deg,#2fd826,#34a3d4);
    height: 20px;
    width: 20px
}

.timeline__dot:after,.timeline__dot:before {
    border-radius: 100%;
    content: "";
    display: block
}

.timeline__dot:after {
    background: #fff;
    height: 10px;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 10px
}

.timeline__dot .ttip-holder {
    bottom: 0;
    left: -16px;
    position: absolute;
    right: -16px;
    top: 0
}

.timeline__badge {
    margin-bottom: .56rem
}

.timeline__text>:last-child {
    margin-bottom: 0
}

.timeline__img {
    position: relative;
    z-index: 1;
}

.timeline--dark .timeline__bar {
    background: hsla(0,0%,100%,.2)
}

.timeline--dark .timeline__box,.timeline--dark .timeline__box:after,.timeline--dark .timeline__dot,.timeline--dark .timeline__dot:after {
    background: #222326
}

@media (min-width: 768px) {
    .timeline__badge {
        display:none
    }
}

@media (min-width: 1139px) {
    .timeline__content {
        align-items:center;
        display: flex
    }

    .timeline--valign-top .timeline__content {
        align-items: flex-start
    }

    .timeline__text {
        padding: .56rem;
        width: 70%
    }

    .timeline__item--no-img .timeline__text {
        width: 100%
    }

    .timeline__item--left .timeline__text {
        padding-inline-end:15px}

    .timeline__item--right .timeline__text, .timeline__item:nth-child(odd) .timeline__box .timeline__text {
        order: 2;
        padding-inline-start:15px}

    .timeline__item--no-img .timeline__text {
        padding-inline-end:.56rem;padding-inline-start:.56rem}

    .timeline__img {
        flex-shrink: 0;
        text-align: center;
        width: 30%;
    }

    .timeline__img-tag {
        width: 100%
    }
}

@media (max-width: 1139px) {
    .timeline__img {
        margin-top:15px
    }
}

@media (max-width: 767px) {
    .timeline {
        padding:0
    }

    .timeline__item {
        margin: 0;
        max-width: 100%
    }

    .timeline__box {
        max-width: 100%;
        padding-bottom: 19.5px
    }

    .timeline__item+.timeline__item .timeline__box {
        margin-top: 15px
    }

    .timeline__bar,.timeline__box:after,.timeline__dot {
        display: none
    }
}


/* ttip styles */
.ttip {
    font-family: Source Sans Pro,sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.28;
    max-width: 200px;
    padding: 1rem 2rem 1.125rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 5
}

.ttip[style*=position] {
    display: block
}

.ttip--block {
    max-width: none;
    text-align: left;
    text-overflow: clip;
    white-space: normal;
    width: 200px
}

.ttip--on-hover {
    pointer-events: none;
    visibility: hidden
}

:hover>.ttip--on-hover {
    animation: fadeIn .2s ease-in-out forwards;
    pointer-events: auto;
    visibility: visible
}

.ttip:before {
    border-radius: 6px;
    bottom: 10px;
    left: 10px;
    right: -32px;
    top: 10px;
    z-index: -1
}

.ttip:after,.ttip:before {
    content: "";
    display: block;
    position: absolute
}

.ttip:after {
    background: inherit;
    height: 12px;
    width: 12px;
    z-index: -2
}

.ttip[data-popper-placement=left]:after, .timeline__item:nth-child(odd) .timeline__dot .ttip-holder .ttip:after {
    border-radius: 2px;
    margin-top: -6px;
    right: -37px;
    top: 50%;
    transform: rotate(45deg)
}

.ttip[data-popper-placement=right]:after, .timeline__item:nth-child(even) .timeline__dot .ttip-holder .ttip:after {
    border-radius: 2px;
    left: 6px;
    margin-top: -6px;
    top: 50%;
    transform: rotate(45deg)
}

.ttip--accent {
    color: #fff
}

.ttip--accent:after,.ttip--accent:before {
    background: #222326
}

.ttip--accent:before {
    box-shadow: 0 8px 16px rgba(34,35,38,.2),0 4px 8px rgba(34,35,38,.2)
}

.timeline__badge {
  display: inline-block;
  color: #fff;
  font-size: 1rem;
  line-height: 1.1;
  background: linear-gradient(to right, #34A3D4, #30D827);
  border-radius: 10px;
}
@media (min-width: 768px) {
    .timeline__badge {
        display:none
    }
}

/* ---- css/components/video.css ---- */
.cmpt-video-container.vid-has-content {
  display: flex;
  gap: 70px;
  align-items: flex-start;
}
@media (max-width: 1259px) {
  .cmpt-video-container.vid-has-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 36px;
  }
  .cmpt-video-container.vid-content-right.vid-has-content {
    flex-direction: column;
  }
}
.cmpt-video-container.vid-has-content .component-video {
  flex: 2;
}
.cmpt-video-container.vid-has-content .cmpt-video-content {
  flex: 1;
}
@media (max-width: 1259px) {
  .cmpt-video-container.vid-has-content .cmpt-video-content {
    text-align: center;
    max-width: 400px;
  }
}
.cmpt-video-container.vid-has-content .cmpt-video-content .btn-cta {
  margin-top: 60px;
}
@media (max-width: 1259px) {
  .cmpt-video-container.vid-has-content .cmpt-video-content .btn-cta {
    margin-top: 20px;
  }
}
.component-video {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 20px;
  overflow: hidden;
}

/* iframe */
.component-video iframe {
  width: 100%;
  height: 100%;
  border: none;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.component-video.loaded iframe {
  opacity: 1;
}

/* mute button */
.mute-btn {
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 2;
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 6px;
  background: rgba(0,0,0,0.7);
  color: white;
  border: none;
  cursor: pointer;
  transition: 0.2s;
  background: linear-gradient(90deg, #34A3D4, #30D827);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 28px;
  border-radius: 100%;
  box-shadow: none;
}


/* optional overlay gradient */
.component-video::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(transparent, rgba(0,0,0,0.6));
  pointer-events: none;
}