/**
  * Architecture guidelines: https://sass-guidelin.es/#architecture
  * Components writing style in BEM: http://getbem.com/introduction/
  */
/**
  * "Hey, this is not from me, not my code, not my responsibility" folder
  */
@-webkit-keyframes canvi-animate-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes canvi-animate-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes canvi-animate-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes canvi-animate-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.canvi-user-info {
  padding: 25px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  background: #010101;
  margin-bottom: 20px;
  position: relative; }

.canvi-user-info img {
  max-width: 100%;
  height: auto; }

.canvi-user-info__image {
  margin-right: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden; }

.canvi-user-info__data {
  width: calc(100% - 70px); }

.canvi-user-info__title {
  font-weight: 700;
  color: #fff;
  font-size: 18px;
  margin: 0 0 3px;
  line-height: 1.3em;
  display: block; }

.canvi-user-info__meta {
  display: inline-block;
  color: #ffffff;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  font-size: 14px; }

.canvi-user-info__meta:active, .canvi-user-info__meta:focus, .canvi-user-info__meta:hover {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.9); }

.canvi-user-info__close {
  position: absolute;
  top: calc(50% - 20px);
  right: 30px;
  background: #ffffff;
  background: rgba(255, 255, 255, 0.1);
  width: 40px;
  height: 40px;
  border-radius: 2px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.canvi-user-info__close:hover {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.3); }

.canvi-user-info__close::after, .canvi-user-info__close::before {
  content: '';
  width: 20px;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 18px; }

.canvi-user-info__close::before {
  left: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

.canvi-user-info__close::after {
  right: 10px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.canvi-navigation {
  margin: 0;
  padding: 0; }

.canvi-navigation li {
  list-style: none; }

.canvi-navigation li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.03); }

.canvi-navigation__item {
  padding: 14px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: .7;
  text-decoration: none; }

.canvi-navigation__item.is-active, .canvi-navigation__item:hover {
  opacity: 1; }

.canvi-navigation__icon-wrapper {
  margin-right: 20px;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background: #aaa;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.canvi-navigation__icon {
  font-size: 17px;
  line-height: 1em; }

.canvi-navigation__text {
  font-weight: 700;
  color: #94a0a8;
  font-size: 14px;
  margin: 0;
  line-height: 1.3em;
  display: block;
  text-transform: uppercase; }

.canvi-header {
  background: -o-linear-gradient(45deg, #00a1ff, #f400ff);
  background: linear-gradient(45deg, #00a1ff, #f400ff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.canvi-header__image {
  margin: 30px;
  max-width: 100px;
  height: auto; }

body.is-canvi-ready {
  overflow-x: hidden; }

body.is-canvi-ready .canvi-navbar {
  display: block;
  visibility: visible; }

.canvi-navbar, .canvi-overlay {
  top: 0;
  bottom: 0;
  visibility: hidden; }

.canvi-navbar {
  position: fixed;
  height: 100%;
  background: #fff;
  width: 280px;
  display: none;
  transition: -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  will-change: transform;
  -webkit-overflow-scrolling: touch;
  overflow: auto; }

.canvi-content, .canvi-navbar.is-canvi-open {
  transition: -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1); }

.canvi-navbar::-webkit-scrollbar {
  width: 0; }

.canvi-navbar::-webkit-scrollbar-track {
  background: #efefef; }

.canvi-navbar::-webkit-scrollbar-thumb {
  background: #ddd;
  border-radius: 2px; }

.canvi-navbar.is-canvi-open {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  will-change: transform; }

.canvi-navbar[data-position=right] {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.canvi-navbar[data-position=right].is-canvi-open, .canvi-navbar[data-position=right][data-push-content=true] {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.canvi-navbar[data-position=left] {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.canvi-navbar[data-position=left].is-canvi-open, .canvi-navbar[data-position=left][data-push-content=true] {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.canvi-navbar[data-push-content=false] {
  z-index: 10; }

.canvi-navbar[data-push-content=true] {
  z-index: 1; }

.canvi-content {
  position: relative;
  z-index: 5;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  overflow: hidden;
  background: #fff; }

.canvi-content.is-canvi-open {
  transition: -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
  transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1); }

.canvi-overlay {
  position: absolute;
  right: 0;
  left: 0;
  background: #000000;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  z-index: 1031; }

.canvi-content.is-canvi-open .canvi-overlay {
  visibility: visible;
  -webkit-animation-name: canvi-animate-in;
  animation-name: canvi-animate-in;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.canvi-content.is-canvi-open .canvi-overlay.canvi-animate-out {
  -webkit-animation-name: canvi-animate-out;
  animation-name: canvi-animate-out;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* --------------- styles for tabs -----------------------*/
.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.example-tabs-tabs__list {
  margin: 0;
  padding: 0; }

.example-tabs-tabs__item {
  display: inline-block; }

.example-tabs-tabs__link {
  display: inline-block;
  padding: 1em  2em;
  background: #f2f2f2;
  cursor: pointer;
  color: #148297; }

[aria-selected="true"].example-tabs-tabs__link {
  color: #000; }

.example-tabs-tabs__content {
  padding-right: 1em; }

[aria-hidden="true"].example-tabs-tabs__content {
  display: none; }

.js-tabcontent:before {
  content: "";
  display: block;
  height: 120px;
  margin: -120px 0 0; }

.anchor:before {
  content: "";
  display: block;
  height: 120px;
  margin: -120px 0 0; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s, 
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; }

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
    sprites locations 
    light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
    dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
    */ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
    sprites locations
    light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
    dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
    */ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
    sprites locations 
    light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
    dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
    */ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
    sprites locations 
    light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
    dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
    */ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
          box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
          box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
html {
  font-family: avenirltstd-light, sans-serif;
  font-size: 1rem;
  height: 100%;
  color: black;
  background-color: white;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth; }

body {
  font-family: avenirltstd-light, sans-serif;
  font-size: 1rem;
  height: 100%;
  color: black;
  background-color: white;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'avenirltstd-black';
  src: url("/wp-content/themes/growthops2021/fonts/AvenirLTStd-Black.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirltstd-book';
  src: url("/wp-content/themes/growthops2021/fonts/AvenirLTStd-Book.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirltstd-heavy';
  src: url("/wp-content/themes/growthops2021/fonts/AvenirLTStd-Heavy.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirltstd-light';
  src: url("../fonts/AvenirLTStd-Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirltstd-medium';
  src: url("/wp-content/themes/growthops2021/fonts/AvenirLTStd-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirltstd-oblique';
  src: url("/wp-content/themes/growthops2021/fonts/AvenirLTStd-Oblique.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirltstd-roman';
  src: url("/wp-content/themes/growthops2021/fonts/AvenirLTStd-Roman.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

h1, .h1 {
  font-family: avenirltstd-light, sans-serif !important;
  font-size: 5rem !important;
  font-weight: 300 !important;
  line-height: 6.25rem !important; }
  @media screen and (max-width: 640px) {
    h1, .h1 {
    font-size: 3.75rem !important; }
    h1, .h1 {
    line-height: 4.875rem !important; } }
  @media screen and (max-width: 480px) {
    h1, .h1 {
    font-size: 2.5rem !important; }
    h1, .h1 {
    line-height: 3.125rem !important; } }

h1.font-avenirltstd-medium, .h1 {
  font-family: avenirltstd-medium, sans-serif !important; }

h2, .h2 {
  font-family: avenirltstd-light, sans-serif !important;
  font-size: 3.75rem !important;
  font-weight: 300 !important;
  line-height: 4.875rem !important; }
  @media screen and (max-width: 640px) {
    h2, .h2 {
    font-size: 3.4375rem !important; }
    h2, .h2 {
    line-height: 4.0625rem !important; } }
  @media screen and (max-width: 480px) {
    h2, .h2 {
    font-size: 1.875rem !important; }
    h2, .h2 {
    line-height: 2.4375rem !important; } }

h3, .h3 {
  font-family: avenirltstd-light, sans-serif !important;
  font-size: 3.4375rem !important;
  font-weight: 500 !important;
  line-height: 3.4375rem !important; }
  @media screen and (max-width: 640px) {
    h3, .h3 {
    font-size: 2.25rem !important; }
    h3, .h3 {
    line-height: 2.8125rem !important; } }

h4, .h4 {
  font-family: avenirltstd-light, sans-serif !important;
  font-size: 2.25rem !important;
  line-height: 2.8125rem !important; }
  @media screen and (max-width: 640px) {
    h4, .h4 {
    font-size: 1.5625rem !important; }
    h4, .h4 {
    line-height: 2.03125rem !important; } }

h5, .h5 {
  font-family: avenirltstd-black, sans-serif !important;
  font-size: 1.5625rem !important;
  line-height: 2.03125rem !important; }
  @media screen and (max-width: 640px) {
    h5, .h5 {
    font-size: 1.5rem !important; }
    h5, .h5 {
    line-height: 1.875rem !important; } }

h6, .h6 {
  font-family: avenirltstd-black, sans-serif;
  font-size: 1.5rem;
  line-height: 1.875rem; }
  @media screen and (max-width: 640px) {
    h6, .h6 {
    font-size: 1.25rem; }
    h6, .h6 {
    line-height: 1.75rem; } }

p, li, .body, label {
  font-family: avenirltstd-light, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem; }
  @media screen and (max-width: 640px) {
    p, li, .body, label {
    font-size: 0.9375rem; }
    p, li, .body, label {
    line-height: 1.4625rem; } }

.lg-title {
  font-family: avenirltstd-light, sans-serif;
  font-size: 4rem;
  line-height: 5rem; }
  @media screen and (max-width: 768px) {
    .lg-title {
    font-size: 3.4375rem; }
    .lg-title {
    line-height: 4.0625rem; } }

.sm-title {
  margin-bottom: 1.75rem;
  font-family: avenirltstd-black, sans-serif;
  font-size: 0.9375rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: #2ceef0;
  color: rgba(44, 238, 240, var(--tw-text-opacity)); }

.md-title {
  font-family: avenirltstd-black, sans-serif !important; }

.lg-text {
  font-size: 2.1875rem !important;
  line-height: 3.28125rem !important; }
  @media screen and (max-width: 640px) {
    .lg-text {
    font-size: 1.875rem !important; }
    .lg-text {
    line-height: 3rem !important; } }
  @media screen and (max-width: 480px) {
    .lg-text {
    font-size: 1.5625rem !important; }
    .lg-text {
    line-height: 2.1875rem !important; } }

p.quote {
  position: relative !important;
  font-size: 2.1875rem !important;
  line-height: 3.28125rem !important;
  padding-left: 160px; }
  p.quote:before {
    content: '';
    display: block;
    background-image: url("/wp-content/themes/growthops2021/images/icon-quote.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 108px;
    height: 98px;
    position: absolute;
    left: 0;
    top: 12px; }
  @media screen and (max-width: 640px) {
    p.quote {
    font-size: 1.875rem !important; }
    p.quote {
    line-height: 3rem !important; }
    p.quote {
      padding-left: 130px; }
      p.quote:before {
        width: 88px;
        height: 78px; } }
  @media screen and (max-width: 480px) {
    p.quote {
    font-size: 1.5625rem !important; }
    p.quote {
    line-height: 2.1875rem !important; }
    p.quote {
      padding-left: 75px; }
      p.quote:before {
        top: 5px;
        width: 68px;
        height: 48px; } }

.stretched-link::after {
  content: "";
  pointer-events: auto;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  display: block;
  background-color: transparent; }

.text-content p, .text-content li {
  margin-bottom: 1.875rem; }

.text-content img {
  display: inline-block; }

.text-content b, .text-content strong {
  font-family: avenirltstd-black, sans-serif; }

.text-content a {
  font-family: avenirltstd-black, sans-serif;
  --tw-text-opacity: 1;
  color: #0476d0;
  color: rgba(4, 118, 208, var(--tw-text-opacity));
  text-decoration: underline;
  word-break: break-word; }
  .text-content a:hover {
  text-decoration: none; }

@media screen and (max-width: 640px) {
  .text-content p, .text-content li {
    margin-bottom: 1.25rem; } }

.text-2xl p, .text-2xl li {
  font-size: 1.5625rem;
  line-height: 2.03125rem; }

@media screen and (max-width: 640px) {
  .text-2xl p, .text-2xl li {
    font-size: 1.25rem !important; }
  .text-2xl p, .text-2xl li {
    line-height: 1.953125rem !important; } }

.text-sm p, .text-sm li {
  font-size: 0.9375rem;
  line-height: 1.5rem; }

.text-semi-xl p, .text-semi-xl li {
  font-size: 1.25rem;
  line-height: 1.75rem; }

@media screen and (max-width: 640px) {
  .text-semi-xl p, .text-semi-xl li {
    font-size: 1.125rem; }
  .text-semi-xl p, .text-semi-xl li {
    line-height: 1.5rem; } }

.leading-37 p, .leading-37 li {
  line-height: 2.34375rem; }

.list-arrow li {
  position: relative;
  padding-left: 1.75rem; }
  .list-arrow li:before {
  margin-left: -1.75rem;
    content: '';
    display: block;
    position: absolute;
    background-image: url("/wp-content/themes/growthops2021/images/icon-arrow-right-grey.svg");
    width: 8px;
    height: 9px;
    top: calc(50% - 4.5px); }

@media screen and (max-width: 1040px) {
  .lg-title {
    font-size: 3.5rem; } }

.print-only {
  display: none; }

@media print {
  * {
    overflow: visible !important; }
  .print-only {
    display: block !important; }
  .print-hide {
    display: none !important; }
  hr {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-width: 5px; }
  .evacuation-kit-print {
    width: 100%; }
    .evacuation-kit-print tr td {
      width: 16.66%;
      position: relative;
      padding-bottom: 40px;
      padding-top: 20px; }
      .evacuation-kit-print tr td > div {
        height: 130px;
        display: block; }
      .evacuation-kit-print tr td .image {
        height: 80px; }
      .evacuation-kit-print tr td .image img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        max-height: 100%; }
      .evacuation-kit-print tr td p {
        font-size: 1rem;
        line-height: 18px;
        text-align: center;
        margin-top: 10px;
        width: 100%; }
  .complete-plan-tips-wrap {
    padding: 1.25rem; } }

.visuallyhidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal !important; }
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    height: auto;
    width: auto;
    overflow: visible;
    clip: rect(auto, auto, auto, auto); }

.invisible {
  visibility: hidden; }

.site-header {
  z-index: 10;
  height: 104px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  .site-header ul.nav, .site-header .nav ul {
  margin-left: -1.1875rem;
  margin-right: -1.1875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
    .site-header ul.nav li, .site-header .nav ul li {
  padding-left: 1.1875rem;
  padding-right: 1.1875rem;
  font-family: avenirltstd-light, sans-serif; }
  .site-header .logo-black {
    display: none; }
  @media screen and (max-width: 990px) {
    .site-header {
      height: 80px; } }
  .site-header .account-settings__wrapper:hover {
    text-decoration: underline; }
    .site-header .account-settings__wrapper:hover ul.dropdown {
      display: block !important; }
  .site-header .account-settings__wrapper .account-settings + ul.dropdown {
  position: absolute;
  margin-left: -6.25rem;
  margin-right: -6.25rem;
  display: none;
  padding-top: 1.25rem;
    left: calc(50% + 12.5px); }
    .site-header .account-settings__wrapper .account-settings + ul.dropdown li {
  position: relative;
  font-family: avenirltstd-medium, sans-serif;
      color: black;
      padding: 25px 19px;
      border-bottom: 1px solid #DCDDE3;
      background-color: #F3F3F3; }
      .site-header .account-settings__wrapper .account-settings + ul.dropdown li svg.dropdown-icon-top {
        position: absolute;
        top: -13px;
        left: calc(50% - 12.5px); }
      .site-header .account-settings__wrapper .account-settings + ul.dropdown li:last-child {
        border-bottom: 0px; }
      .site-header .account-settings__wrapper .account-settings + ul.dropdown li:hover {
        background-color: #DCDDE3; }
        .site-header .account-settings__wrapper .account-settings + ul.dropdown li:hover svg.dropdown-icon-top path {
          fill: #DCDDE3; }
      .site-header .account-settings__wrapper .account-settings + ul.dropdown li a.icon-left {
        padding-left: 50px;
        position: relative; }
        .site-header .account-settings__wrapper .account-settings + ul.dropdown li a.icon-left:before {
          content: '';
          display: block;
          width: 28px;
          height: 28px;
          position: absolute;
          background-repeat: no-repeat;
          background-position: center;
          top: 0;
          left: 0;
          margin-top: -4px; }
      .site-header .account-settings__wrapper .account-settings + ul.dropdown li a.icon-change-password:before {
        background-image: url("/wp-content/themes/growthops2021/images/icon-change-password.svg"); }
      .site-header .account-settings__wrapper .account-settings + ul.dropdown li a.icon-logout:before {
        background-image: url("/wp-content/themes/growthops2021/images/icon-logout.svg"); }

.site-header__hide {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0); }

.site-header-light {
  --tw-text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--tw-text-opacity)); }
  .site-header-light .logo-light {
    display: none; }
  .site-header-light .logo-black {
    display: block; }
  .site-header-light ul.nav li.active, .site-header-light ul.nav li.current-menu-item,
  .site-header-light ul.nav li a:hover,
  .site-header-light .nav ul li.active,
  .site-header-light .nav ul li.current-menu-item,
  .site-header-light .nav ul li a:hover {
    color: #0476D0; }
  .site-header-light .burger-icon circle {
    fill: black; }
  .site-header-light .burger-icon rect {
    stroke: black; }

.site-header-dark {
  --tw-text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .site-header-dark .logo-light {
    display: block; }
  .site-header-dark .logo-black {
    display: none; }
  .site-header-dark ul.nav li.active, .site-header-dark ul.nav li.current-menu-item,
  .site-header-dark ul.nav li a:hover,
  .site-header-dark .nav ul li.active,
  .site-header-dark .nav ul li.current-menu-item,
  .site-header-dark .nav ul li a:hover {
    color: #2CEEF0; }
  .site-header-dark .burger-icon circle {
    fill: white; }
  .site-header-dark .burger-icon rect {
    stroke: white; }

.site-header__background {
  --tw-bg-opacity: 1 !important;
  background-color: #111656 !important;
  background-color: rgba(17, 22, 86, var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important; }
  .site-header__background .logo-light {
    display: block !important; }
  .site-header__background .logo-black {
    display: none !important; }
  .site-header__background ul.nav li.active, .site-header__background ul.nav li.current-menu-item,
  .site-header__background ul.nav li a:hover,
  .site-header__background .nav ul li.active,
  .site-header__background .nav ul li.current-menu-item,
  .site-header__background .nav ul li a:hover {
    color: #2CEEF0; }
  .site-header__background .burger-icon circle {
    fill: white; }
  .site-header__background .burger-icon rect {
    stroke: white; }

.hero {
  background-repeat: no-repeat; }
  .hero h1 {
    letter-spacing: -1px; }

.hero-about-bg.hero-about-bg-desktop {
  margin-right: -18%;
  background-size: 2448px 2512px;
  background-position: right 40px top 35px; }
  @media screen and (max-width: 1440px) {
    .hero-about-bg.hero-about-bg-desktop {
      margin-right: -10%;
      background-position: right -55px top 35px !important; } }
  @media screen and (max-width: 1270px) {
    .hero-about-bg.hero-about-bg-desktop {
      background-position: left -1070px top 35px !important; } }
  @media screen and (max-width: 1200px) {
    .hero-about-bg.hero-about-bg-desktop {
      background-position: left -1070px top 135px !important; } }
  @media screen and (max-width: 1190px) {
    .hero-about-bg.hero-about-bg-desktop {
      background-position: left -1070px top 35px !important; } }
  @media screen and (max-width: 1100px) {
    .hero-about-bg.hero-about-bg-desktop {
      background-position: left -1070px top 135px !important; } }
  @media screen and (max-width: 1099px) {
    .hero-about-bg.hero-about-bg-desktop {
      background-position: left -790px top 370px !important;
      background-size: 1848px 1912px; } }

@media screen and (max-width: 990px) {
  .hero-about-bg {
    background-size: 1948px 2012px;
    margin-right: -10%; } }

@media screen and (max-width: 690px) {
  .hero-about-bg {
    right: 0px !important; } }

@media screen and (max-width: 530px) {
  .hero-about-bg {
    background-size: 1298px 1341px; } }

.hero-content {
  min-height: 862px;
  background-repeat: no-repeat; }
  @media screen and (max-width: 768px) {
    .hero-content {
    padding-top: 9.375rem; }
    .hero-content {
    padding-bottom: 3.125rem; }
    .hero-content {
      min-height: 762px; }
      .hero-content.md-bg-none {
        background-image: none !important; } }
  @media screen and (max-width: 480px) {
    .hero-content {
      min-height: 470px; } }

footer .logo img {
  max-height: 31.22px; }

footer .info {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
  border-top: 1px solid #2B2F66;
  border-bottom: 1px solid #2B2F66; }

footer .list {
  margin-bottom: -1.5625rem; }
  footer .list li {
  padding-bottom: 1.5625rem;
  font-size: 1.5625rem; }
    footer .list li a:hover {
      color: #2CEEF0; }

footer ul.footer-bottom-nav, footer .footer-bottom-nav ul {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  footer ul.footer-bottom-nav li, footer .footer-bottom-nav ul li {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 0.8125rem; }
    footer ul.footer-bottom-nav li a,
    footer .footer-bottom-nav ul li a {
      text-decoration: underline; }
      footer ul.footer-bottom-nav li a:hover,
      footer .footer-bottom-nav ul li a:hover {
        text-decoration: none; }

@media screen and (max-width: 990px) {
  footer .info {
    border-top: 0px; } }

@media screen and (max-width: 640px) {
  footer .list li {
    padding-bottom: 1.25rem; }
  footer .list li {
    font-size: 1.25rem; } }

form {
  font-family: avenirltstd-light, sans-serif; }

.gform_fields {
  width: 100%; }

.gform_body {
  margin-left: -1rem;
  margin-right: -1rem; }
  .gform_body > .gform_fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .gform_body > .gform_fields .gfield {
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.875rem;
  padding-bottom: 1.875rem; }
      .gform_body > .gform_fields .gfield.hidden_label .gfield_label {
        display: none; }
      .gform_body > .gform_fields .gfield .gfield_label {
  position: absolute;
  margin-top: 0.9375rem;
  font-size: 1.25rem;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .gform_body > .gform_fields .gfield.is-focused .gfield_label {
  margin-top: -0.9375rem;
  font-size: 1.125rem; }
      .gform_body > .gform_fields .gfield input, .gform_body > .gform_fields .gfield textarea, .gform_body > .gform_fields .gfield select {
  width: 100% !important;
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important;
  font-size: 1.25rem !important; }
      .gform_body > .gform_fields .gfield input,
      .gform_body > .gform_fields .gfield textarea,
      .gform_body > .gform_fields .gfield select {
        border-bottom: 1px solid #2CEEF0;
        outline: 0;
        background-color: transparent; }
      .gform_body > .gform_fields .gfield select {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background: transparent url("/wp-content/themes/growthops2021/images/select-down.svg") no-repeat;
        background-position: right 5px top 50%; }
        .gform_body > .gform_fields .gfield select option {
          color: black; }

.gfieldset .gform_fields {
  margin-top: -1.875rem;
  margin-bottom: -1.875rem; }

.gfieldset legend {
  display: none; }

@media screen and (max-width: 1024px) {
  .gfieldset {
    padding-bottom: 1.875rem; } }

.gfield-file-input .ginput_container_fileupload {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.gfield-file-input .gfield_label {
  position: unset;
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
  .gfield-file-input .gfield_label:before {
    content: "";
    display: block;
    background-image: url("/wp-content/themes/growthops2021/images/icon-plus.svg");
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0; }
  .gfield-file-input .gfield_label:hover {
    opacity: 0.8; }

.gfield-file-input:last-child .gfield_label {
  margin-top: 5px !important; }

.gform_footer {
  margin-top: 3.125rem; }

.gform_button:not(.btn) {
  display: none; }

.gform_submission_error {
  font-size: 1.25rem !important;
  --tw-text-opacity: 1 !important;
  color: #ea4a5f !important;
  color: rgba(234, 74, 95, var(--tw-text-opacity)) !important; }

.gfield_validation_message {
  color: #EA4A5F; }

.gfield_description {
  padding-top: 0.625rem;
  font-size: 0.75rem; }

.gfield_required:not(.gfield_required_text) {
  max-width: 0px;
  overflow: hidden;
  display: inline-block; }
  .gfield_required:not(.gfield_required_text):after {
    content: '*';
    position: absolute;
    top: 0; }

.gfield_required_text {
  display: none; }

.textarea-md textarea {
  max-height: 230px; }

.gform_submission_error {
  line-height: 1.875rem !important; }

.frm-light-mode {
  --tw-text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  /* Change Autocomplete styles in Chrome*/ }
  .frm-light-mode .gfield input,
  .frm-light-mode .gfield textarea,
  .frm-light-mode .gfield select {
    border-bottom: 1px solid #2CEEF0; }
  .frm-light-mode input:-webkit-autofill,
  .frm-light-mode input:-webkit-autofill:hover,
  .frm-light-mode input:-webkit-autofill:focus,
  .frm-light-mode textarea:-webkit-autofill,
  .frm-light-mode textarea:-webkit-autofill:hover,
  .frm-light-mode textarea:-webkit-autofill:focus,
  .frm-light-mode select:-webkit-autofill,
  .frm-light-mode select:-webkit-autofill:hover,
  .frm-light-mode select:-webkit-autofill:focus {
    -webkit-text-fill-color: black;
    -webkit-box-shadow: 0 0 0 30px white inset !important; }

.frm-dark-mode {
  --tw-text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  /* Change Autocomplete styles in Chrome*/ }
  .frm-dark-mode .gfield input,
  .frm-dark-mode .gfield textarea,
  .frm-dark-mode .gfield select {
    border-bottom: 1px solid white !important; }
  .frm-dark-mode .gfield select {
    background: transparent url("/wp-content/themes/growthops2021/images/select-down-white.svg") no-repeat !important;
    background-position: right 5px top 50% !important; }
  .frm-dark-mode input:-webkit-autofill,
  .frm-dark-mode input:-webkit-autofill:hover,
  .frm-dark-mode input:-webkit-autofill:focus,
  .frm-dark-mode textarea:-webkit-autofill,
  .frm-dark-mode textarea:-webkit-autofill:hover,
  .frm-dark-mode textarea:-webkit-autofill:focus,
  .frm-dark-mode select:-webkit-autofill,
  .frm-dark-mode select:-webkit-autofill:hover,
  .frm-dark-mode select:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0 30px #111656 inset !important; }
  .frm-dark-mode .gform_button {
    background-color: white;
    color: #0476D0; }
    .frm-dark-mode .gform_button:before {
      background-image: url("/wp-content/themes/growthops2021/images/btn-icon-blue.svg"); }
    .frm-dark-mode .gform_button:not([disabled]):hover {
      background-color: #ffffff;
      background-color: rgba(255, 255, 255, 0.75); }

.btn {
  position: relative;
  font-family: avenirltstd-black, sans-serif;
  font-size: 0.9375rem;
  text-transform: uppercase;
  line-height: 1.21875rem;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.08em;
  border-radius: 40px !important;
  border: 1px solid transparent;
  border-radius: 22px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  cursor: pointer;
  height: 54px;
  max-height: 54px;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-right: 30px;
  padding-left: 56.72px; }
  .btn img, .btn svg {
    display: inline;
    margin-top: -3px;
    margin-right: 12px; }
  .btn:before {
    content: "";
    display: inline-block;
    width: 10.87px;
    height: 11.11px;
    position: absolute;
    left: 27.13px;
    top: calc(50% - 6px); }
  .btn:focus {
    outline: 0; }
  .btn:disabled {
    opacity: 0.5; }

.btn-link {
  position: relative;
  padding-left: 1.1875rem;
  font-family: avenirltstd-heavy, sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.21875rem;
  text-decoration: underline;
  color: #111656 !important; }
  .btn-link:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 12px;
    position: absolute;
    left: 0;
    top: calc(50% - 6px);
    background-image: url("/wp-content/themes/growthops2021/images/btn-icon-navy-left.svg"); }
  .btn-link:hover {
    text-decoration: none; }

/** Button colours */
.btn-navy {
  background-color: #111656;
  color: white; }
  .btn-navy svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .btn-navy:before {
    background-image: url("/wp-content/themes/growthops2021/images/btn-icon-white.svg"); }
  .btn-navy:not([disabled]):hover {
    background-color: #111656;
    background-color: rgba(17, 22, 86, 0.75); }
  .btn-navy.btn-bordered {
    background-color: transparent;
    color: #111656;
    border: 1px solid #111656; }
    .btn-navy.btn-bordered:not([disabled]):hover {
      background-color: #111656;
      background-color: rgba(17, 22, 86, 0.1); }

.btn-blue {
  background-color: #0476D0;
  color: white; }
  .btn-blue svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .btn-blue:before {
    background-image: url("/wp-content/themes/growthops2021/images/btn-icon-white.svg"); }
  .btn-blue:not([disabled]):hover {
    background-color: #0476d0;
    background-color: rgba(4, 118, 208, 0.75); }
  .btn-blue.btn-bordered {
    background-color: transparent;
    color: #0476D0;
    border: 1px solid #0476D0; }
    .btn-blue.btn-bordered:not([disabled]):hover {
      background-color: #0476d0;
      background-color: rgba(4, 118, 208, 0.1); }

.btn-cyan {
  background-color: #2CEEF0;
  color: #111656 !important;
  text-decoration: none !important; }
  .btn-cyan svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .btn-cyan:before {
    background-image: url("/wp-content/themes/growthops2021/images/btn-icon-navy.svg"); }
  .btn-cyan:not([disabled]):hover {
    background-color: #2ceef0;
    background-color: rgba(44, 238, 240, 0.75); }
  .btn-cyan.btn-bordered {
    background-color: transparent;
    color: #2CEEF0 !important;
    border: 1px solid #2CEEF0; }
    .btn-cyan.btn-bordered:not([disabled]):hover {
      background-color: #2ceef0 !important;
      background-color: rgba(44, 238, 240, 0.1) !important; }

.btn-white {
  background-color: white;
  color: #111656; }
  .btn-white svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .btn-white:before {
    background-image: url("/wp-content/themes/growthops2021/images/btn-icon-navy.svg"); }
  .btn-white:not([disabled]):hover {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.75); }
  .btn-white.btn-bordered {
    background-color: transparent;
    color: #2CEEF0;
    border: 1px solid white; }
    .btn-white.btn-bordered:not([disabled]):hover {
      background-color: #ffffff;
      background-color: rgba(255, 255, 255, 0.1); }

.btn-transparent {
  background-color: transparent;
  color: white;
  padding-left: 0px;
  padding-right: 0px; }
  .btn-transparent svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .btn-transparent:before {
    background-image: url("/wp-content/themes/growthops2021/images/btn-icon-white.svg"); }
  .btn-transparent:hover {
    color: #2CEEF0; }
    .btn-transparent:hover svg path {
      fill: #2CEEF0 !important; }

/** Special */
.btn-manual-icon:before {
  display: none; }

.btn-scroll {
  position: relative;
  font-family: avenirltstd-black, sans-serif;
  font-size: 0.9375rem;
  text-transform: uppercase;
  color: #0476D0;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer; }
  .btn-scroll:not(.btn-prev) {
    padding-right: 55px; }
    .btn-scroll:not(.btn-prev):after {
      content: "";
      display: block;
      background-image: url("/wp-content/themes/growthops2021/images/btn-icon-arrow-right-blue.svg");
      width: 35.95px;
      height: 36.73px;
      position: absolute;
      right: 0;
      top: calc(50% - 18.365px);
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .btn-scroll.btn-prev {
    padding-left: 55px; }
    .btn-scroll.btn-prev:before {
      content: "";
      display: block;
      background-image: url("/wp-content/themes/growthops2021/images/btn-icon-arrow-right-blue.svg");
      width: 35.95px;
      height: 36.73px;
      position: absolute;
      left: 0;
      top: calc(50% - 18.365px);
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .btn-scroll:hover {
    opacity: 0.7; }

.lnk-download {
  position: relative;
  padding-right: 2.1875rem;
  font-family: avenirltstd-heavy, sans-serif;
  font-size: 0.9375rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: #111656;
  color: rgba(17, 22, 86, var(--tw-text-opacity));
  text-decoration: underline; }
  .lnk-download svg {
  position: absolute;
    top: 3px;
    right: 0px; }
  .lnk-download:hover {
    text-decoration: none; }

.lnk-arrow-left-2xl {
  position: relative;
  padding-left: 3.75rem;
  font-size: 1.5625rem;
  text-decoration: underline; }
  .lnk-arrow-left-2xl:before {
  position: absolute;
  display: block;
    content: '';
    background-image: url("../images/icon-link-arrow.svg");
    width: 27px;
    height: 28px;
    top: 2px; }

.newsletter {
  /* Change Autocomplete styles in Chrome*/ }
  .newsletter form {
    position: relative; }
  .newsletter input[type="email"] {
  font-size: 1.5625rem;
    background: transparent;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 10px 100px 10px 0px;
    color: white;
    outline: none;
    border-radius: 0px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px; }
    .newsletter input[type="email"]::-webkit-input-placeholder {
      /* Edge */
      color: white; }
    .newsletter input[type="email"]:-ms-input-placeholder {
      /* Internet Explorer 10-11 */
      color: white; }
    .newsletter input[type="email"]::-moz-placeholder {
      color: white; }
    .newsletter input[type="email"]::-ms-input-placeholder {
      color: white; }
    .newsletter input[type="email"]::placeholder {
      color: white; }
  .newsletter button {
    position: absolute;
    right: 0;
    top: 3px; }
    .newsletter button:hover svg path, .newsletter button:focus svg path {
      fill: #fff; }
  .newsletter input:-webkit-autofill,
  .newsletter input:-webkit-autofill:hover,
  .newsletter input:-webkit-autofill:focus,
  .newsletter textarea:-webkit-autofill,
  .newsletter textarea:-webkit-autofill:hover,
  .newsletter textarea:-webkit-autofill:focus,
  .newsletter select:-webkit-autofill,
  .newsletter select:-webkit-autofill:hover,
  .newsletter select:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0 30px #111656 inset !important; }

#mc_embed_signup div.mce_inline_error, #mc_embed_signup div.mce_inline_error {
  background-color: #2CEEF0 !important;
  color: #111656 !important;
  font-weight: normal !important; }

#mce-error-response {
  color: #fff;
  padding-top: 10px; }

.newsletter #gform_5 button {
  padding-right: 0; }

.newsletter #gform_5 #field_5_1 {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0; }

.newsletter #gform_5 .gfield_validation_message {
  background-color: #2CEEF0 !important;
  color: #111656 !important;
  font-weight: normal !important;
  margin: 0 0 1em 0;
  padding: 5px 10px;
  font-size: 16px; }

@media screen and (max-width: 640px) {
  .newsletter p.intro--large {
    margin-bottom: 2rem; }
  .newsletter input[type="email"] {
    font-size: 1.25rem; }
  .newsletter button {
    top: 0px; } }

.cta .cta-title {
  font-family: avenirltstd-black, sans-serif; }

.card-service {
  cursor: pointer;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000px;
  perspective: 1000px; }
  .card-service .front,
  .card-service .back {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    min-height: 498px;
    height: auto; }
  .card-service .front {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .card-service .front .inner p {
      position: relative; }
  .card-service .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .card-service .back .icon {
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 0; }
  .card-service .inner {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
  padding-left: 2.1875rem;
  padding-right: 2.1875rem;
    -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2; }
  .card-service .card-service-title {
  font-family: avenirltstd-medium, sans-serif;
  font-size: 2.25rem;
  line-height: 2.5625rem; }
  .card-service .title-icon {
  position: relative;
  padding-left: 1.875rem; }
    .card-service .title-icon:before {
      content: '';
      display: block;
      background-image: url("/wp-content/themes/growthops2021/images/icon-arrow-title-cyan.svg");
      width: 16px;
      height: 16px;
      position: absolute;
      top: 15%;
      left: 0; }
  .card-service .card-service-body {
    min-height: 256px; }
  .card-service:hover .front,
  .card-service:hover .back {
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1); }
  .card-service:hover .front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  .card-service:hover .back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  @media screen and (max-width: 1100px) {
    .card-service .inner {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
    .card-service .inner {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem; }
    .card-service .card-service-title {
    font-size: 1.875rem; } }

.card-detail-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.card-detail-thumbnail {
  position: relative; }
  .card-detail-thumbnail a:before {
  position: absolute;
  height: 100%;
  width: 100%;
    content: '';
    background-image: url("../images/icon-learn-more.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0px 0px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; }
  .card-detail-thumbnail a:hover:before {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.5);
    background-size: 152px 156px; }
  .card-detail-thumbnail a .thumbnail-image {
  width: 100%;
  background-size: cover;
  background-position: center;
    padding-top: 67.3%; }
  @media screen and (max-width: 480px) {
    .card-detail-thumbnail a:hover:before {
      background-color: #000000;
      background-color: rgba(0, 0, 0, 0.5);
      background-size: 102px 106px; } }

.card-team {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  padding-top: 1.25rem;
  padding-bottom: 3.75rem;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
  .card-team:hover {
    -webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.05); }

.the-group .group-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 137px;
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
  .the-group .group-logo img {
  margin-left: auto;
  margin-right: auto; }

.the-group a:hover .group-logo {
  opacity: 1; }

.expand--bg-left {
  height: 100%;
  right: 0;
  position: absolute;
  background-position: right top;
  background-repeat: no-repeat; }
  .expand--bg-left.pr-70 {
    right: 70px; }
  @media screen and (max-width: 768px) {
    .expand--bg-left:not(.hero-about-bg) {
      background-size: contain;
      background-position: left 0px top -10px; }
      .expand--bg-left:not(.hero-about-bg).pr-70 {
        right: unset; } }

.expand--bg-right {
  height: 100%;
  left: 0;
  position: absolute;
  background-position: left top;
  background-repeat: no-repeat; }
  .expand--bg-right.pl-70 {
    left: 70px; }
  @media screen and (max-width: 480px) {
    .expand--bg-right.pl-70 {
      left: unset; } }

.investor-centre-bg {
  margin-top: -191px;
  height: 743px; }

@media screen and (max-width: 1130px) {
  .investor-centre-bg {
    margin-top: -170px; } }

@media screen and (max-width: 1100px) {
  .investor-centre-bg {
    margin-top: -294px; } }

@media screen and (max-width: 768px) {
  .investor-centre-bg {
    margin-top: -450px; } }

@media screen and (max-width: 630px) {
  .investor-centre-bg {
    margin-top: -443px; } }

@media screen and (max-width: 500px) {
  .investor-centre-bg {
    background-image: none !important; } }

.our-people {
  background-repeat: no-repeat;
  background-position: bottom -1200px right -450px; }
  .our-people h5 {
  font-family: avenirltstd-light, sans-serif !important; }
  @media screen and (min-width: 990px) {
    .our-people {
      background-image: none !important; } }
  @media screen and (max-width: 640px) {
    .our-people {
      background-position: bottom -1400px right -550px; } }

.our-businesses .business-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 137px; }

.our-businesses .business-content {
  height: 100%; }
  .our-businesses .business-content p {
  text-align: center;
  font-size: 1.5625rem;
  line-height: 2.1875rem; }
  @media screen and (max-width: 640px) {
    .our-businesses .business-content p {
    font-size: 1.25rem; }
    .our-businesses .business-content p {
    line-height: 2.03125rem; } }

ul.one-line-logos {
  margin-left: -1.5625rem;
  margin-right: -1.5625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  ul.one-line-logos li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem; }

.locations-list {
  width: 650px;
  display: inline-block;
  right: 0; }

.map-point {
  cursor: pointer; }

.contact-map {
  min-height: 1300px; }

.pulse {
  pointer-events: none;
  -webkit-animation: pulse-me 1.5s ease-out infinite;
  animation: pulse-me 1.5s ease-out infinite; }

@-webkit-keyframes pulse-me {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes pulse-me {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  70% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@media screen and (max-width: 1670px) {
  .locations-list {
    width: 600px; }
  .contact-map svg {
    width: 800px;
    height: auto; }
  .js-tabcontent .text-4xl {
    font-size: 3rem; } }

@media screen and (max-width: 1430px) {
  .contact-map svg {
    width: 700px;
    height: auto; } }

@media screen and (max-width: 1340px) {
  .locations-list {
    width: 500px; }
  .js-tabcontent .text-4xl {
    font-size: 2.75rem; }
  .contact-map {
    min-height: 1000px; } }

@media screen and (max-width: 1240px) {
  .contact-map svg {
    width: 600px;
    height: auto; } }

@media screen and (max-width: 1140px) {
  .contact-map svg {
    width: 100%;
    height: auto;
    position: relative; }
  .locations-list {
    margin-top: 0 !important;
    width: 100%; }
  .contact-map {
    min-height: 900px; } }

.portal-login-box {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: #0476d0;
  background-color: rgba(4, 118, 208, var(--tw-bg-opacity));
  padding-left: 4.0625rem;
  padding-right: 4.0625rem;
  padding-top: 5.9375rem;
  padding-bottom: 6.25rem;
  -webkit-box-shadow: 10px 10px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 10px 10px 32px rgba(0, 0, 0, 0.25);
  min-height: 640px;
  max-height: 643px; }
  .portal-login-box input {
  margin-top: 0.6875rem;
  margin-bottom: 0.6875rem;
  width: 100%;
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  font-size: 1.25rem;
    background-color: #111656;
    background-color: rgba(17, 22, 86, 0.2);
    border-radius: 120px;
    outline: 0; }
  .portal-login-box ::-webkit-input-placeholder {
    /* Edge */
    color: white; }
  .portal-login-box :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white; }
  .portal-login-box ::-moz-placeholder {
    color: white; }
  .portal-login-box ::-ms-input-placeholder {
    color: white; }
  .portal-login-box ::placeholder {
    color: white; }

.swpm-login-widget-action-msg, .swpm-reset-pw-error {
  margin-top: 1.875rem !important;
  display: block !important;
  font-family: avenirltstd-light, sans-serif !important;
  font-style: italic !important;
  --tw-text-opacity: 1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important; }

.swpm-reset-pw-success-box {
  font-family: avenirltstd-light, sans-serif;
  background-color: transparent !important;
  border: 0px !important;
  padding: 0px !important;
  color: white !important; }

@media screen and (max-width: 768px) {
  .portal-login-box {
    padding: 3rem;
    min-height: 529px; } }

@media screen and (max-width: 640px) {
  .portal-login-box {
    padding: 3rem;
    min-height: 505px; } }

@media screen and (max-width: 480px) {
  .portal-login-box {
    padding: 2rem; } }

.accordion-item {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem; }
  .accordion-item.toggle-on .accordion-item-header svg.icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .accordion-item.toggle-on .accordion-item-content {
    max-height: 1000px; }

.accordion-item-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2.5rem;
  cursor: pointer;
  border-bottom: 2px solid black; }
  .accordion-item-header svg.icon {
    display: block;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .accordion-item-header:hover {
  --tw-text-opacity: 1;
  color: #111656;
  color: rgba(17, 22, 86, var(--tw-text-opacity)); }
    .accordion-item-header:hover svg.icon path {
      fill: #111656; }

.accordion-item-content {
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.accordion-item-content__wrapper {
  padding-top: 2.8125rem; }

.accordion-v2 .accordion-item {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }

.accordion-v2 .accordion-item-content__wrapper {
  padding-top: 1.5625rem; }

.accordion-v2 .accordion-item-header {
  border-bottom: 0px;
  padding-bottom: 0px;
  padding-left: 50px; }
  .accordion-v2 .accordion-item-header svg.icon {
    left: 0; }
  .accordion-v2 .accordion-item-header:hover {
  --tw-text-opacity: 1;
  color: #0476d0;
  color: rgba(4, 118, 208, var(--tw-text-opacity)); }
    .accordion-v2 .accordion-item-header:hover svg.icon path {
      fill: #0476D0; }

ul.downloadables li {
  margin-top: 0px;
  margin-bottom: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.5625rem;
  line-height: 1.953125rem; }
  ul.downloadables li .lnk-download {
  padding-left: 1.25rem;
  font-family: avenirltstd-black, sans-serif;
  letter-spacing: 0.1em;
  --tw-text-opacity: 1;
  color: #111656;
  color: rgba(17, 22, 86, var(--tw-text-opacity)); }

@media screen and (max-width: 768px) {
  ul.downloadables li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  ul.downloadables li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    ul.downloadables li span {
      width: 100%; }
    ul.downloadables li .lnk-download {
    margin-top: 0.625rem; }
    ul.downloadables li .lnk-download {
    padding-left: 0px; } }

.team-detail-thumbnail {
  margin-left: auto;
  margin-right: auto;
  --tw-bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding: 1.25rem;
  -webkit-box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.05);
  width: 500px; }
  .team-detail-thumbnail img {
  width: 100%; }
  @media screen and (max-width: 1100px) {
    .team-detail-thumbnail {
    padding: 0.9375rem; }
    .team-detail-thumbnail {
      width: 400px; } }
  @media screen and (max-width: 480px) {
    .team-detail-thumbnail {
    padding: 0.625rem; }
    .team-detail-thumbnail {
      width: 100%; } }

.team-detail-thumbnail__wrapper {
  --tw-bg-opacity: 1;
  background-color: #f2f2f2;
  background-color: rgba(242, 242, 242, var(--tw-bg-opacity)); }

.canvi-navbar {
  --tw-bg-opacity: 1;
  background-color: #111656;
  background-color: rgba(17, 22, 86, var(--tw-bg-opacity)); }
  .canvi-navbar .invisible {
    visibility: hidden !important; }

.navbar_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  min-height: 104px; }
  @media screen and (max-width: 990px) {
    .navbar_header {
      min-height: 80px; } }

.navbar_body ul.nav, .navbar_body .nav ul {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem; }
  .navbar_body ul.nav li, .navbar_body .nav ul li {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-family: avenirltstd-light, sans-serif;
  font-size: 1.5625rem;
  --tw-text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  .navbar_body ul.nav li,
  .navbar_body .nav ul li {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .navbar_body ul.nav li.active, .navbar_body ul.nav li.current-menu-item, .navbar_body ul.nav li:hover, .navbar_body .nav ul li.active, .navbar_body .nav ul li.current-menu-item, .navbar_body .nav ul li:hover {
  --tw-text-opacity: 1;
  color: #2ceef0;
  color: rgba(44, 238, 240, var(--tw-text-opacity)); }

.navbar_body .nav-account-settings {
  padding-top: 2.5rem; }
  .navbar_body .nav-account-settings ul {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem; }
    .navbar_body .nav-account-settings ul li {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-family: avenirltstd-light, sans-serif;
  font-size: 1.5625rem;
  --tw-text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .navbar_body .nav-account-settings ul li.active, .navbar_body .nav-account-settings ul li.current-menu-item, .navbar_body .nav-account-settings ul li:hover {
  --tw-text-opacity: 1;
  color: #2ceef0;
  color: rgba(44, 238, 240, var(--tw-text-opacity)); }
      .navbar_body .nav-account-settings ul li a.icon-left {
        padding-left: 50px; }
        .navbar_body .nav-account-settings ul li a.icon-left:before {
          content: '';
          display: block;
          width: 32px;
          height: 32px;
          position: absolute;
          background-repeat: no-repeat;
          background-position: center;
          margin-top: -5px;
          -webkit-transition: all 0.3s ease-in-out;
          -o-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out; }
      .navbar_body .nav-account-settings ul li a.icon-change-password:before {
        background-image: url("/wp-content/themes/growthops2021/images/icon-change-password-mobile.svg"); }
      .navbar_body .nav-account-settings ul li a.icon-logout:before {
        background-image: url("/wp-content/themes/growthops2021/images/icon-logout-mobile.svg"); }
      .navbar_body .nav-account-settings ul li a:hover.icon-change-password:before {
        background-image: url("../images/icon-change-password-mobile-cyan.svg"); }
      .navbar_body .nav-account-settings ul li a:hover.icon-logout:before {
        background-image: url("/wp-content/themes/growthops2021/images/icon-logout-mobile-cyan.svg"); }

.canvi-content:not(.is-canvi-open) {
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important; }

.content-block p {
  margin-bottom: 1.875rem;
  font-size: 1.5625rem;
  line-height: 2.34375rem; }
  .content-block p b {
  font-family: avenirltstd-heavy, sans-serif; }
  @media screen and (max-width: 640px) {
    .content-block p {
    font-size: 1.25rem; }
    .content-block p {
    line-height: 1.953125rem; } }

.content-block ul {
  padding-left: 1.25rem;
  list-style: disc; }

.content-block ul li, .content-block ol li {
  margin-bottom: 1.875rem;
  font-size: 1.5625rem;
  line-height: 2.34375rem; }
  .content-block ul li b, .content-block ol li b {
  font-family: avenirltstd-heavy, sans-serif; }
  @media screen and (max-width: 640px) {
    .content-block ul li, .content-block ol li {
    font-size: 1.25rem; }
    .content-block ul li, .content-block ol li {
    line-height: 1.953125rem; } }

.content-block a {
  font-family: avenirltstd-black, sans-serif;
  --tw-text-opacity: 1;
  color: #0476d0;
  color: rgba(4, 118, 208, var(--tw-text-opacity));
  text-decoration: underline; }
  .content-block a:hover {
  text-decoration: none; }

#creative-anim {
  position: absolute;
  width: 668px;
  height: 625px;
  margin-left: -111%; }

#digital-anim {
  position: absolute;
  width: 668px;
  height: 625px;
  margin-left: 11%; }

#pr-anim {
  position: absolute;
  width: 668px;
  height: 625px;
  margin-left: -100%; }

#coach {
  width: 668px;
  height: 625px;
  position: absolute;
  top: -25px;
  margin-left: -108%; }

.clients .justify-start img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  margin: 0 auto; }

.client-logos__container {
  margin-bottom: 30px;
  width: 120px;
  min-height: 60px;
  display: inline-block;
  position: relative;
  margin: 0 auto; }

@media screen and (max-width: 1150px) {
  #creative-anim {
    margin-left: -124%; }
  #coach {
    margin-left: -120%; } }

@media screen and (max-width: 1024px) {
  #creative-anim {
    position: relative;
    margin-left: 0; }
  #digital-anim {
    position: relative;
    margin-left: 0; }
  #coach {
    top: 0;
    margin-left: 0;
    position: relative; } }

@media screen and (max-width: 740px) {
  #creative-anim, #digital-anim, #coach {
    width: 100%;
    height: auto; } }

.learn-more-logos a img {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

.learn-more-logos a:hover img {
  opacity: 1; }

#cookie-law-info-bar {
  padding: 0px !important;
  -webkit-box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.5); }

.gdpr-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 68rem;
  padding-top: 8.125rem;
  padding-bottom: 8.125rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
  @media screen and (max-width: 640px) {
    .gdpr-wrapper {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem; } }
  @media screen and (max-width: 480px) {
    .gdpr-wrapper {
    padding-top: 5rem;
    padding-bottom: 5rem; } }

.cli-privacy-content-text, .cli-privacy-readmore, .cli-nav-link, .cli-necessary-caption, .cli-tab-section, .wt-cli-cookie-description {
  font-family: avenirltstd-light, sans-serif !important; }

#wt-cli-privacy-save-btn {
  position: relative;
  font-family: avenirltstd-black, sans-serif;
  font-size: 0.9375rem;
  text-transform: uppercase;
  line-height: 1.21875rem;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.08em;
  border-radius: 40px !important;
  border: 1px solid transparent;
  border-radius: 22px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  cursor: pointer;
  height: 54px;
  max-height: 54px;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-right: 56.72px;
  padding-left: 56.72px;
  background-color: #0476D0 !important;
  margin-left: 0.625rem !important;
  margin-right: 0.625rem !important;
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important; }
  #wt-cli-privacy-save-btn:focus {
    outline: 0; }
  #wt-cli-privacy-save-btn:hover {
    background-color: #0476d0 !important;
    background-color: rgba(4, 118, 208, 0.75) !important; }

.cli-switch input:checked + .cli-slider {
  background-color: #0476D0 !important; }

.wt-cli-privacy-overview-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.gdpr-text {
  font-size: 2.1875rem;
  line-height: 2.1875rem; }

.cli-bar-btn_container {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: -0.625rem;
  margin-bottom: -0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .cli-bar-btn_container .cli_settings_button, .cli-bar-btn_container .cli-plugin-main-button {
  position: relative;
  font-family: avenirltstd-black, sans-serif;
  font-size: 0.9375rem;
  text-transform: uppercase;
  line-height: 1.21875rem; }
  .cli-bar-btn_container .cli_settings_button,
  .cli-bar-btn_container .cli-plugin-main-button {
    text-decoration: none;
    text-align: center;
    letter-spacing: 0.08em;
    border-radius: 40px !important;
    border: 1px solid transparent;
    border-radius: 22px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    cursor: pointer;
    height: 54px;
    max-height: 54px;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-right: 56.72px;
    padding-left: 56.72px; }
    .cli-bar-btn_container .cli_settings_button:focus,
    .cli-bar-btn_container .cli-plugin-main-button:focus {
      outline: 0; }
  .cli-bar-btn_container .cli_settings_button {
  margin-left: 0.625rem !important;
  margin-right: 0.625rem !important;
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important; }
    .cli-bar-btn_container .cli_settings_button:hover {
      background-color: #0476d0 !important;
      background-color: rgba(4, 118, 208, 0.75) !important; }
  .cli-bar-btn_container .cli-plugin-main-button {
  margin-left: 0.625rem !important;
  margin-right: 0.625rem !important;
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important; }
    .cli-bar-btn_container .cli-plugin-main-button:not(.cli_settings_button):hover {
      background-color: #111656 !important;
      background-color: rgba(17, 22, 86, 0.75) !important; }
  @media screen and (max-width: 990px) {
    .cli-bar-btn_container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

.cli_messagebar_head {
  display: none; }

@media screen and (max-width: 480px) {
  .cli_settings_button, .cookie_action_close_header {
    margin-bottom: 1.25rem !important; } }

.open-positions .open-positions-items_item {
  border-bottom: 1px solid #E5E5E5; }
  .open-positions .open-positions-items_item .view-more {
  font-size: 0.9375rem;
  --tw-text-opacity: 1;
  color: #0476d0;
  color: rgba(4, 118, 208, var(--tw-text-opacity));
  text-decoration: underline;
    font-weight: 750; }
    .open-positions .open-positions-items_item .view-more:hover {
      text-decoration: none; }
  .open-positions .open-positions-items_item:last-child {
    border-bottom: 0px !important; }

.join-talent .gform_confirmation_message {
  font-size: 2.5rem; }

@media screen and (max-width: 1024px) {
  .change-password {
    background-image: none !important; } }

.change-password .swpm_error {
  font-family: avenirltstd-medium, sans-serif;
  font-size: 1.25rem;
  font-weight: normal; }
  .change-password .swpm_error ul li {
  font-family: avenirltstd-light, sans-serif;
  font-size: 1.25rem;
    color: black; }

.change-password .swpm-edit-profile-submit-section {
  text-align: left !important; }

.our-team .out-team-buttons {
  z-index: 1; }
  .our-team .out-team-buttons .btn-scroll {
    position: absolute;
    right: 0;
    bottom: -100px;
    margin-right: 20px; }

.our-team .our-team-content {
  overflow: hidden; }

.our-team .slide-1 img.slide-1-photo-1 {
  margin-bottom: 117px;
  min-width: 935px; }

.our-team .slide-1 h1 {
  position: absolute;
  bottom: 0px;
  margin-bottom: -117px; }

@media screen and (max-width: 990px) {
  .our-team .slide-1 img.slide-1-photo-1 {
    margin-bottom: 117px;
    min-width: 735px;
    max-width: 735px; } }

@media screen and (max-width: 640px) {
  .our-team .slide-1 img.slide-1-photo-1 {
    margin-bottom: 77px;
    min-width: 635px;
    max-width: 635px; }
  .our-team .slide-1 h1 {
    position: absolute; }
  .our-team .slide-1 h1 {
    bottom: 0px; }
  .our-team .slide-1 h1 {
    margin-bottom: -77px; } }

@media screen and (max-width: 530px) {
  .our-team .slide-1 img.slide-1-photo-1 {
    margin-bottom: 77px;
    min-width: 435px;
    max-width: 435px; }
  .our-team .slide-1 h1 {
    position: absolute; }
  .our-team .slide-1 h1 {
    bottom: 0px; }
  .our-team .slide-1 h1 {
    margin-bottom: -77px; } }

@media screen and (max-width: 480px) {
  .our-team .slide-1 img.slide-1-photo-1 {
    margin-bottom: 50px; }
  .our-team .slide-1 h1 {
    margin-bottom: -50px; } }

.our-team .slide-2 .slide-2-photo-1 {
  min-width: 504.73px;
  max-width: 504.73px; }

.our-team .slide-2 .slide-2-photo-2 {
  min-width: 592px;
  max-width: 592px; }

.our-team .slide-2 .slide-text {
  max-width: 742px; }

@media screen and (max-width: 990px) {
  .our-team .slide-2 .slide-2-photo-1 {
    min-width: 404.73px;
    max-width: 404.73px; }
  .our-team .slide-2 .slide-2-photo-2 {
    min-width: 492px;
    max-width: 492px; }
  .our-team .slide-2 .slide-text {
    max-width: 642px; } }

@media screen and (max-width: 640px) {
  .our-team .slide-2 .slide-2-photo-1 {
    min-width: 304.73px;
    max-width: 304.73px; }
  .our-team .slide-2 .slide-2-photo-2 {
    min-width: 392px;
    max-width: 392px; }
  .our-team .slide-2 .slide-text {
    max-width: 442px; } }

.our-team .slide-3 .slide-3-photo-1 {
  min-width: 390px; }

@media screen and (max-width: 990px) {
  .our-team .slide-3 .slide-3-photo-1 {
    min-width: 290px;
    max-width: 290px; } }

.our-team .slide-4 .slide-text {
  max-width: 890px; }

.our-team .slide-4 .slide-4-photo-1 {
  min-width: 910px; }

@media screen and (max-width: 990px) {
  .our-team .slide-4 .slide-text {
    max-width: 790px; }
  .our-team .slide-4 .slide-4-photo-1 {
    min-width: 710px;
    max-width: 710px; } }

@media screen and (max-width: 640px) {
  .our-team .slide-4 .slide-text {
    max-width: 590px; }
  .our-team .slide-4 .slide-4-photo-1 {
    min-width: 610px;
    max-width: 610px; } }

@media screen and (max-width: 530px) {
  .our-team .slide-4 .slide-text {
    max-width: 300px; }
  .our-team .slide-4 .slide-4-photo-1 {
    min-width: 410px;
    max-width: 410px; } }

.our-team .slide-5 .slide-5-photo-1 {
  min-width: 880px; }

.our-team .slide-5 .slide-text {
  max-width: 681px; }

@media screen and (max-width: 990px) {
  .our-team .slide-5 .slide-text {
    max-width: 581px; }
  .our-team .slide-5 .slide-5-photo-1 {
    min-width: 780px;
    max-width: 780px; } }

@media screen and (max-width: 640px) {
  .our-team .slide-5 .slide-text {
    max-width: 481px; }
  .our-team .slide-5 .slide-5-photo-1 {
    min-width: 680px;
    max-width: 680px; } }

@media screen and (max-width: 530px) {
  .our-team .slide-5 .slide-text {
    max-width: 381px; }
  .our-team .slide-5 .slide-5-photo-1 {
    min-width: 480px;
    max-width: 480px; } }

.our-team .slide-6 .slide-6-photo-1 {
  min-width: 545px; }

@media screen and (max-width: 990px) {
  .our-team .slide-6 .slide-6-photo-1 {
    min-width: 445px;
    max-width: 445px; } }

@media screen and (max-width: 640px) {
  .our-team .slide-6 .slide-6-photo-1 {
    min-width: 345px;
    max-width: 345px; } }

@media screen and (max-width: 530px) {
  .our-team .slide-6 .slide-6-photo-1 {
    min-width: 245px;
    max-width: 245px; } }

.our-team .slide-7 .slide-text {
  max-width: 452px; }

.our-team .slide-7 .slide-7-photo-1 {
  min-width: 350px; }

@media screen and (max-width: 990px) {
  .our-team .slide-7 .slide-text {
    max-width: 352px; }
  .our-team .slide-7 .slide-7-photo-1 {
    min-width: 280px;
    max-width: 280px; } }

@media screen and (max-width: 640px) {
  .our-team .slide-7 .slide-text {
    max-width: 252px; }
  .our-team .slide-7 .slide-7-photo-1 {
    min-width: 200px;
    max-width: 200px; } }

.our-team .slide-8 .slide-8-photo-1 {
  min-width: 910px; }

@media screen and (max-width: 990px) {
  .our-team .slide-8 .slide-8-photo-1 {
    min-width: 810px;
    max-width: 810px; } }

@media screen and (max-width: 640px) {
  .our-team .slide-8 .slide-8-photo-1 {
    min-width: 610px;
    max-width: 610px; } }

@media screen and (max-width: 530px) {
  .our-team .slide-8 .slide-8-photo-1 {
    min-width: 410px;
    max-width: 410px; } }

.col-70-30-and-alternate p {
  margin-bottom: 20px; }

.featured-services-2 .card-service .front:before {
  content: "";
  display: block;
  width: 20px;
  height: 8px;
  background-image: url("/wp-content/themes/growthops2021/images/icon-flip.svg");
  position: absolute;
  right: 0;
  margin-top: 20px;
  margin-right: 20px; }

#ja-jobs-widget {
  position: relative; }

.ja-loading {
  position: absolute;
  top: 10px;
  right: 10px; }

.ja-loading.left {
  left: 10px;
  right: auto; }

/* Forms */
.ja-form {
  margin-bottom: 3em; }

.ja-form .ja-field-container {
  margin-bottom: 0.5em; }

.ja-form .ja-field-container:before,
.ja-form .ja-field-container:after {
  content: "";
  display: table; }

.ja-form .ja-field-container:after {
  clear: both; }

.ja-form .ja-field-container {
  zoom: 1; }

.ja-form .ja-field-container label {
  display: block;
  float: left;
  width: 100px;
  padding-top: 6px; }

.ja-form .ja-field-container .ja-field {
  float: left; }

.ja-form .ja-field-container select,
.ja-form .ja-field-container textarea,
.ja-form .ja-field-container input[type="text"],
.ja-form .ja-field-container input[type="password"],
.ja-form .ja-field-container input[type="datetime"],
.ja-form .ja-field-container input[type="datetime-local"],
.ja-form .ja-field-container input[type="date"],
.ja-form .ja-field-container input[type="month"],
.ja-form .ja-field-container input[type="time"],
.ja-form .ja-field-container input[type="week"],
.ja-form .ja-field-container input[type="number"],
.ja-form .ja-field-container input[type="email"],
.ja-form .ja-field-container input[type="url"],
.ja-form .ja-field-container input[type="search"],
.ja-form .ja-field-container input[type="tel"],
.ja-form .ja-field-container input[type="color"] {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1em;
  color: #333;
  border: solid 1px #ccc; }

.ja-form .ja-field-container select {
  width: 240px;
  padding: 2px; }

.ja-form .ja-field-container textarea {
  width: 230px;
  padding: 3px 4px; }

.ja-form .ja-field-container input[type="text"],
.ja-form .ja-field-container input[type="password"],
.ja-form .ja-field-container input[type="datetime"],
.ja-form .ja-field-container input[type="datetime-local"],
.ja-form .ja-field-container input[type="date"],
.ja-form .ja-field-container input[type="month"],
.ja-form .ja-field-container input[type="time"],
.ja-form .ja-field-container input[type="week"],
.ja-form .ja-field-container input[type="number"],
.ja-form .ja-field-container input[type="email"],
.ja-form .ja-field-container input[type="url"],
.ja-form .ja-field-container input[type="search"],
.ja-form .ja-field-container input[type="tel"],
.ja-form .ja-field-container input[type="color"] {
  width: 230px;
  padding: 3px 4px; }

.ja-form .ja-field-container .checkbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.ja-form .ja-field-container .checkbox {
  display: block;
  margin-left: 95px; }

.ja-form .ja-field-container .checkbox br {
  clear: left; }

.ja-form .ja-field-container .checkbox input {
  width: 15px;
  height: 19px;
  float: left; }

.ja-form .ja-field-container .checkbox label {
  height: 21px;
  width: auto;
  line-height: 21px;
  float: left;
  padding: 2px 12px 0 5px; }

.ja-form .ja-submit {
  margin-top: 1em;
  margin-left: 100px;
  vertical-align: middle; }

.ja-form .ja-submit .ja-loading {
  position: relative;
  top: 0;
  left: 0;
  margin-left: 10px;
  vertical-align: middle; }

.ja-button {
  position: relative;
  font-family: avenirltstd-black, sans-serif;
  font-size: 0.9375rem;
  text-transform: uppercase;
  line-height: 1.21875rem;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.08em;
  border-radius: 40px !important;
  border: 1px solid transparent;
  border-radius: 22px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  cursor: pointer;
  height: 54px;
  max-height: 54px;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-right: 30px;
  padding-left: 30px;
  background-color: #0476D0;
  color: white; }
  .ja-button img, .ja-button svg {
    display: inline;
    margin-top: -3px;
    margin-right: 12px; }
  .ja-button:focus {
    outline: 0; }
  .ja-button:disabled {
    opacity: 0.5; }
  .ja-button:not([disabled]):hover {
    background-color: #0476d0;
    background-color: rgba(4, 118, 208, 0.7); }

.ja-form .ja-field-container .error {
  color: #990000;
  border-color: #990000; }

.ja-form .ja-field-container .validation-error {
  display: block;
  clear: both;
  margin-top: 5px;
  color: #aa0000; }

.ja-form .ja-error-container {
  color: #aa0000;
  margin-top: 2em;
  margin-left: 100px; }

.ja-form .ja-error-container p {
  margin-bottom: 0; }

/* End forms */
/* Job list */
.ja-job-list {
  margin-bottom: 3em; }

.ja-job-list .job {
  margin-bottom: 1em;
  padding: 0.5em;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 2.5rem; }

.ja-job-list .job.hot {
  background-color: #fffdfd; }

.ja-job-list .job .title {
  margin-bottom: 0.9375rem !important;
  font-family: avenirltstd-black, sans-serif !important;
  font-size: 1.5625rem !important;
  line-height: 2.03125rem !important;
  --tw-text-opacity: 1 !important;
  color: #ffffff !important;
  color: rgba(255, 255, 255, var(--tw-text-opacity)) !important; }
  @media screen and (max-width: 640px) {
    .ja-job-list .job .title {
    font-size: 1.5625rem !important; }
    .ja-job-list .job .title {
    line-height: 2.03125rem !important; } }

.ja-job-list .job .title a {
  font-family: avenirltstd-black, sans-serif !important;
  font-size: 1.5625rem !important;
  line-height: 2.03125rem !important; }
  @media screen and (max-width: 640px) {
    .ja-job-list .job .title a {
    font-size: 1.5625rem !important; }
    .ja-job-list .job .title a {
    line-height: 2.03125rem !important; } }

.ja-job-list .job .meta {
  --tw-text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.ja-job-list .job .meta:before,
.ja-job-list .job .meta:after {
  content: "";
  display: table; }

.ja-job-list .job .meta:after {
  clear: both; }

.ja-job-list .job .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.ja-job-list .job .meta p {
  font-size: 1.5625rem;
  line-height: 2.34375rem;
  margin-bottom: 0.5em; }
  @media screen and (max-width: 640px) {
    .ja-job-list .job .meta p {
    font-size: 1.25rem; }
    .ja-job-list .job .meta p {
    line-height: 1.4625rem; } }

.ja-job-list .job .meta .classifications {
  width: 75%;
  list-style: none;
  margin: 0 0 0.5em 0; }
  @media screen and (max-width: 480px) {
    .ja-job-list .job .meta .classifications {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
    .ja-job-list .job .meta .classifications {
    width: 100%; } }

.ja-job-list .job .meta .classifications li {
  font-size: 1.5625rem;
  line-height: 2.34375rem;
  display: inline;
  margin-right: 0.5em; }
  @media screen and (max-width: 640px) {
    .ja-job-list .job .meta .classifications li {
    font-size: 1.25rem; }
    .ja-job-list .job .meta .classifications li {
    line-height: 1.4625rem; } }

.ja-job-list .job .meta .date-posted {
  width: 25%;
  font-size: 0.9375rem;
  text-align: right; }
  @media screen and (max-width: 480px) {
    .ja-job-list .job .meta .date-posted {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    .ja-job-list .job .meta .date-posted {
    margin-bottom: 0.9375rem; }
    .ja-job-list .job .meta .date-posted {
    width: 100%; }
    .ja-job-list .job .meta .date-posted {
    text-align: left; } }

.ja-job-list .job .meta .salary {
  clear: left;
  float: left; }

.ja-job-list .job .meta .reference {
  float: right;
  text-align: right; }

.ja-job-list .job .summary {
  font-size: 1.5625rem;
  line-height: 2.34375rem;
  --tw-text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--tw-text-opacity)); }
  @media screen and (max-width: 640px) {
    .ja-job-list .job .summary {
    font-size: 1.25rem; }
    .ja-job-list .job .summary {
    line-height: 1.4625rem; } }

/* End job list */
/* Pager */
.ja-pager-container:before,
.ja-pager-container:after {
  content: "";
  display: table; }

.ja-pager-container:after {
  clear: both; }

.ja-pager-container {
  zoom: 1; }

.ja-pager {
  float: left;
  font-size: 0.9em; }

.ja-pager:before,
.ja-pager:after {
  content: "";
  display: table; }

.ja-pager:after {
  clear: both; }

.ja-pager {
  zoom: 1; }

.ja-pager span,
.ja-pager a {
  display: block;
  float: left;
  line-height: 23px;
  padding: 0 8px;
  margin-right: 3px;
  color: #333;
  background-color: #f3f3f3;
  border: solid 1px #ddd; }

.ja-pager a:hover,
.ja-pager .current-page {
  color: #fff;
  background-color: #bbb;
  border-color: #999;
  text-decoration: none; }

.ja-pager-summary {
  float: right;
  line-height: 25px;
  font-size: 0.9em; }

/* End pager */
/* Job details */
.ja-job-details {
  --tw-text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--tw-text-opacity)); }

.ja-job-details .title {
  margin-bottom: 0.9375rem !important;
  font-family: avenirltstd-black, sans-serif !important;
  font-size: 1.5625rem !important;
  line-height: 2.03125rem !important; }
  @media screen and (max-width: 640px) {
    .ja-job-details .title {
    font-size: 1.5625rem !important; }
    .ja-job-details .title {
    line-height: 2.03125rem !important; } }

.ja-job-details .meta:before,
.ja-job-details .meta:after {
  content: "";
  display: table; }

.ja-job-details .meta:after {
  clear: both; }

.ja-job-details .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.ja-job-details .meta p {
  font-size: 1.5625rem;
  line-height: 2.34375rem;
  margin-bottom: 0.5em; }
  @media screen and (max-width: 640px) {
    .ja-job-details .meta p {
    font-size: 1.25rem; }
    .ja-job-details .meta p {
    line-height: 1.4625rem; } }

.ja-job-details .meta .classifications {
  width: 75%;
  list-style: none;
  margin: 0 0 0.5em 0; }
  @media screen and (max-width: 480px) {
    .ja-job-details .meta .classifications {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
    .ja-job-details .meta .classifications {
    width: 100%; } }

.ja-job-details .meta .classifications li {
  font-size: 1.5625rem;
  line-height: 2.03125rem;
  display: inline;
  margin-right: 0.5em; }
  @media screen and (max-width: 640px) {
    .ja-job-details .meta .classifications li {
    font-size: 1.25rem; }
    .ja-job-details .meta .classifications li {
    line-height: 1.4625rem; } }

.ja-job-details .meta .date-posted {
  width: 25%;
  font-size: 0.9375rem;
  text-align: right; }
  @media screen and (max-width: 480px) {
    .ja-job-details .meta .date-posted {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
    .ja-job-details .meta .date-posted {
    margin-bottom: 0.9375rem; }
    .ja-job-details .meta .date-posted {
    width: 100%; }
    .ja-job-details .meta .date-posted {
    text-align: left; } }

.ja-job-details .meta .salary {
  clear: left;
  float: left; }

.ja-job-details .meta .reference {
  float: right;
  text-align: right; }

.ja-job-details .bullet-points {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
  padding-left: 3.125rem;
  list-style: disc !important; }

.ja-job-details .bullet-points li {
  font-size: 1.5625rem;
  line-height: 2.03125rem; }

.ja-job-details .description {
  font-size: 1.5625rem;
  line-height: 2.03125rem; }
  .ja-job-details .description ol {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
  padding-left: 3.125rem;
    list-style: decimal !important; }
    .ja-job-details .description ol li {
  font-size: 1.5625rem;
  line-height: 2.03125rem; }
  .ja-job-details .description ul {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
  padding-left: 3.125rem;
    list-style: disc !important; }
    .ja-job-details .description ul li {
  font-size: 1.5625rem;
  line-height: 2.03125rem; }

.ja-job-details .apply {
  margin: 2em 0 0.5em 0;
  text-align: center; }

.ja-job-list .job .view-details, .ja-job-details .apply .back-link {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: inline-block;
  font-size: 0.9375rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  text-decoration: underline; }

.ja-job-list .job .view-details,
.ja-job-details .apply .back-link {
  font-weight: 750;
  margin-right: 5px; }
  .ja-job-list .job .view-details:hover,
  .ja-job-details .apply .back-link:hover {
    text-decoration: none; }

.ja-job-list .job .view-details {
  margin-top: 1.875rem; }

.ja-job-details .apply .ja-button {
  position: relative;
  font-family: avenirltstd-black, sans-serif;
  font-size: 0.9375rem;
  text-transform: uppercase;
  line-height: 1.21875rem;
  text-decoration: none;
  text-align: center;
  letter-spacing: 0.08em;
  border-radius: 40px !important;
  border: 1px solid transparent;
  border-radius: 22px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  cursor: pointer;
  height: 54px;
  max-height: 54px;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-right: 30px;
  padding-left: 30px;
  background-color: #0476D0;
  color: white;
  margin-left: 5px; }
  .ja-job-details .apply .ja-button img, .ja-job-details .apply .ja-button svg {
    display: inline;
    margin-top: -3px;
    margin-right: 12px; }
  .ja-job-details .apply .ja-button:focus {
    outline: 0; }
  .ja-job-details .apply .ja-button:disabled {
    opacity: 0.5; }
  .ja-job-details .apply .ja-button:not([disabled]):hover {
    background-color: #0476d0;
    background-color: rgba(4, 118, 208, 0.7); }

/* End job details */
/* Application form iframe (external app forms) */
.ja-apply-iframe iframe {
  width: 100%;
  height: 500px;
  border: none; }

.ja-apply-iframe .apply {
  margin: 2em 0 0.5em 0;
  text-align: center; }

.ja-apply-iframe .apply .back-link {
  font-size: 0.9em; }

/* End application form iframe */
/* Application form */
.ja-job-apply .ja-submit .back-link {
  font-size: 0.9em;
  margin-left: 1em; }

/* End application form */
/* Powered by JobAdder */
.powered-by-jobadder {
  display: none;
  color: #bbb;
  font-size: 0.9em;
  text-align: center;
  margin: 2em 0 1em 0; }

.powered-by-jobadder a {
  color: #bbb; }

.powered-by-jobadder a:hover {
  color: #aaa; }

.open-positions-v2 {
  /* Forms */
  /* End forms */
  /* Job list */
  /* End job list */
  /* Pager */
  /* End pager */
  /* Job details */
  /* End job details */
  /* Application form iframe (external app forms) */
  /* End application form iframe */
  /* Application form */
  /* End application form */
  /* Powered by JobAdder */ }
  .open-positions-v2 #ja-jobs-widget {
  margin-left: -0.625rem;
  margin-right: -0.625rem; }
  @media (min-width: 768px) {
  .open-positions-v2 #ja-jobs-widget {
    margin-left: 0px;
    margin-right: 0px; } }
  .open-positions-v2 #ja-jobs-widget {
    position: relative; }
  .open-positions-v2 .ja-loading {
    position: absolute;
    top: 10px;
    right: 10px; }
  .open-positions-v2 .ja-loading.left {
    left: 10px;
    right: auto; }
  .open-positions-v2 .ja-form {
    margin-bottom: 3em; }
  .open-positions-v2 .ja-form .ja-field-container {
    margin-bottom: 0.5em; }
  .open-positions-v2 .ja-form .ja-field-container:before,
  .open-positions-v2 .ja-form .ja-field-container:after {
    content: "";
    display: table; }
  .open-positions-v2 .ja-form .ja-field-container:after {
    clear: both; }
  .open-positions-v2 .ja-form .ja-field-container {
    zoom: 1; }
  .open-positions-v2 .ja-form .ja-field-container label {
    display: block;
    float: left;
    width: 100px;
    padding-top: 6px; }
  .open-positions-v2 .ja-form .ja-field-container .ja-field {
    float: left; }
  .open-positions-v2 .ja-form .ja-field-container select,
  .open-positions-v2 .ja-form .ja-field-container textarea,
  .open-positions-v2 .ja-form .ja-field-container input[type="text"],
  .open-positions-v2 .ja-form .ja-field-container input[type="password"],
  .open-positions-v2 .ja-form .ja-field-container input[type="datetime"],
  .open-positions-v2 .ja-form .ja-field-container input[type="datetime-local"],
  .open-positions-v2 .ja-form .ja-field-container input[type="date"],
  .open-positions-v2 .ja-form .ja-field-container input[type="month"],
  .open-positions-v2 .ja-form .ja-field-container input[type="time"],
  .open-positions-v2 .ja-form .ja-field-container input[type="week"],
  .open-positions-v2 .ja-form .ja-field-container input[type="number"],
  .open-positions-v2 .ja-form .ja-field-container input[type="email"],
  .open-positions-v2 .ja-form .ja-field-container input[type="url"],
  .open-positions-v2 .ja-form .ja-field-container input[type="search"],
  .open-positions-v2 .ja-form .ja-field-container input[type="tel"],
  .open-positions-v2 .ja-form .ja-field-container input[type="color"] {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #333;
    border: solid 1px #ccc; }
  .open-positions-v2 .ja-form .ja-field-container select {
    width: 240px;
    padding: 2px; }
  .open-positions-v2 .ja-form .ja-field-container textarea {
    width: 230px;
    padding: 3px 4px; }
  .open-positions-v2 .ja-form .ja-field-container input[type="text"],
  .open-positions-v2 .ja-form .ja-field-container input[type="password"],
  .open-positions-v2 .ja-form .ja-field-container input[type="datetime"],
  .open-positions-v2 .ja-form .ja-field-container input[type="datetime-local"],
  .open-positions-v2 .ja-form .ja-field-container input[type="date"],
  .open-positions-v2 .ja-form .ja-field-container input[type="month"],
  .open-positions-v2 .ja-form .ja-field-container input[type="time"],
  .open-positions-v2 .ja-form .ja-field-container input[type="week"],
  .open-positions-v2 .ja-form .ja-field-container input[type="number"],
  .open-positions-v2 .ja-form .ja-field-container input[type="email"],
  .open-positions-v2 .ja-form .ja-field-container input[type="url"],
  .open-positions-v2 .ja-form .ja-field-container input[type="search"],
  .open-positions-v2 .ja-form .ja-field-container input[type="tel"],
  .open-positions-v2 .ja-form .ja-field-container input[type="color"] {
    width: 230px;
    padding: 3px 4px; }
  .open-positions-v2 .ja-form .ja-field-container .checkbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .open-positions-v2 .ja-form .ja-field-container .checkbox {
    display: block;
    margin-left: 95px; }
  .open-positions-v2 .ja-form .ja-field-container .checkbox br {
    clear: left; }
  .open-positions-v2 .ja-form .ja-field-container .checkbox input {
    width: 15px;
    height: 19px;
    float: left; }
  .open-positions-v2 .ja-form .ja-field-container .checkbox label {
    height: 21px;
    width: auto;
    line-height: 21px;
    float: left;
    padding: 2px 12px 0 5px; }
  .open-positions-v2 .ja-form .ja-submit {
    margin-top: 1em;
    margin-left: 100px;
    vertical-align: middle; }
  .open-positions-v2 .ja-form .ja-submit .ja-loading {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 10px;
    vertical-align: middle; }
  .open-positions-v2 .ja-button {
  position: relative;
  font-family: avenirltstd-black, sans-serif;
  font-size: 0.9375rem;
  text-transform: uppercase;
  line-height: 1.21875rem;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0.08em;
    border-radius: 40px !important;
    border: 1px solid transparent;
    border-radius: 22px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    cursor: pointer;
    height: 54px;
    max-height: 54px;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-right: 30px;
    padding-left: 30px;
    background-color: #0476D0;
    color: black; }
    .open-positions-v2 .ja-button img, .open-positions-v2 .ja-button svg {
      display: inline;
      margin-top: -3px;
      margin-right: 12px; }
    .open-positions-v2 .ja-button:focus {
      outline: 0; }
    .open-positions-v2 .ja-button:disabled {
      opacity: 0.5; }
    .open-positions-v2 .ja-button:not([disabled]):hover {
      background-color: #0476d0;
      background-color: rgba(4, 118, 208, 0.7); }
  .open-positions-v2 .ja-form .ja-field-container .error {
    color: #990000;
    border-color: #990000; }
  .open-positions-v2 .ja-form .ja-field-container .validation-error {
    display: block;
    clear: both;
    margin-top: 5px;
    color: #aa0000; }
  .open-positions-v2 .ja-form .ja-error-container {
    color: #aa0000;
    margin-top: 2em;
    margin-left: 100px; }
  .open-positions-v2 .ja-form .ja-error-container p {
    margin-bottom: 0; }
  .open-positions-v2 .ja-job-list {
    margin-bottom: 3em; }
  .open-positions-v2 .ja-job-list .job {
    margin-bottom: 1em;
    padding: 0.5em;
    border-bottom: 1px solid white;
    position: relative;
    padding-bottom: 1.875rem; }
  .open-positions-v2 .ja-job-list .job.hot {
    background-color: #fffdfd; }
  .open-positions-v2 .ja-job-list .job .title {
  margin-bottom: 0.9375rem !important;
  padding-top: 1.875rem !important;
  font-family: avenirltstd-black, sans-serif !important;
  font-size: 1.5625rem !important;
  line-height: 2.03125rem !important;
  --tw-text-opacity: 1 !important;
  color: #0476d0 !important;
  color: rgba(4, 118, 208, var(--tw-text-opacity)) !important; }
  @media (min-width: 640px) {
  .open-positions-v2 .ja-job-list .job .title {
    padding-top: 0px !important; } }
  .open-positions-v2 .ja-job-list .job .title {
    width: 70%; }
    @media screen and (max-width: 640px) {
      .open-positions-v2 .ja-job-list .job .title {
    font-size: 1.5625rem !important; }
      .open-positions-v2 .ja-job-list .job .title {
    line-height: 2.03125rem !important; }
      .open-positions-v2 .ja-job-list .job .title {
        width: 100%; } }
  .open-positions-v2 .ja-job-list .job .title a {
  font-family: avenirltstd-black, sans-serif !important;
  font-size: 1.5625rem !important;
  line-height: 2.03125rem !important;
  text-decoration: underline !important; }
  .open-positions-v2 .ja-job-list .job .title a:hover {
  text-decoration: none !important; }
    @media screen and (max-width: 640px) {
      .open-positions-v2 .ja-job-list .job .title a {
    font-size: 1.5625rem !important; }
      .open-positions-v2 .ja-job-list .job .title a {
    line-height: 2.03125rem !important; } }
  .open-positions-v2 .ja-job-list .job .meta {
  --tw-text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--tw-text-opacity)); }
  .open-positions-v2 .ja-job-list .job .meta:before,
  .open-positions-v2 .ja-job-list .job .meta:after {
    content: "";
    display: table; }
  .open-positions-v2 .ja-job-list .job .meta:after {
    clear: both; }
  .open-positions-v2 .ja-job-list .job .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .open-positions-v2 .ja-job-list .job .meta p {
  font-size: 1.5625rem;
  line-height: 2.34375rem;
    margin-bottom: 0.5em; }
    @media screen and (max-width: 640px) {
      .open-positions-v2 .ja-job-list .job .meta p {
    font-size: 1.25rem; }
      .open-positions-v2 .ja-job-list .job .meta p {
    line-height: 1.4625rem; } }
  .open-positions-v2 .ja-job-list .job .meta .classifications {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    list-style: none;
    margin: 0 0 0.5em 0; }
    @media screen and (max-width: 480px) {
      .open-positions-v2 .ja-job-list .job .meta .classifications {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
      .open-positions-v2 .ja-job-list .job .meta .classifications {
    width: 100%; } }
  .open-positions-v2 .ja-job-list .job .meta .classifications li {
  font-size: 20px;
  line-height: 2.34375rem;
    display: inline; }
    .open-positions-v2 .ja-job-list .job .meta .classifications li:nth-child(4) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%; }
    .open-positions-v2 .ja-job-list .job .meta .classifications li:nth-child(2) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
      display: none; }
      .open-positions-v2 .ja-job-list .job .meta .classifications li:nth-child(2):after {
        content: ",";
        margin-left: -4px; }
    .open-positions-v2 .ja-job-list .job .meta .classifications li:nth-child(1) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }
      .open-positions-v2 .ja-job-list .job .meta .classifications li:nth-child(1):after {
        content: ",";
        margin-left: -4px; }
    .open-positions-v2 .ja-job-list .job .meta .classifications li:nth-child(3) {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }
    @media screen and (max-width: 640px) {
      .open-positions-v2 .ja-job-list .job .meta .classifications li {
    font-size: 1.25rem; }
      .open-positions-v2 .ja-job-list .job .meta .classifications li {
    line-height: 1.4625rem; } }
  .open-positions-v2 .ja-job-list .job .meta .date-posted {
    display: none; }
  .open-positions-v2 .ja-job-list .job .meta .date-posted, .open-positions-v2 .ja-job-list .job .meta .date-posted-formatted {
  position: absolute;
  top: 9px;
  right: 0px;
  padding-left: 0.3125rem;
  text-align: left;
  font-family: avenirltstd-heavy, sans-serif;
  font-size: 20px; }
  @media (min-width: 640px) {
  .open-positions-v2 .ja-job-list .job .meta .date-posted, .open-positions-v2 .ja-job-list .job .meta .date-posted-formatted {
    text-align: right; } }
    @media screen and (max-width: 480px) {
      .open-positions-v2 .ja-job-list .job .meta .date-posted, .open-positions-v2 .ja-job-list .job .meta .date-posted-formatted {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
      .open-positions-v2 .ja-job-list .job .meta .date-posted, .open-positions-v2 .ja-job-list .job .meta .date-posted-formatted {
    margin-bottom: 0.9375rem; }
      .open-positions-v2 .ja-job-list .job .meta .date-posted, .open-positions-v2 .ja-job-list .job .meta .date-posted-formatted {
    width: 100%; } }
  .open-positions-v2 .ja-job-list .job .meta .salary {
    clear: left;
    float: left; }
  .open-positions-v2 .ja-job-list .job .meta .reference {
    float: right;
    text-align: right; }
  .open-positions-v2 .ja-job-list .job .summary {
  font-size: 20px;
  line-height: 150%;
  --tw-text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--tw-text-opacity)); }
    @media screen and (max-width: 640px) {
      .open-positions-v2 .ja-job-list .job .summary {
    font-size: 1.25rem; } }
  .open-positions-v2 .ja-pager-container:before,
  .open-positions-v2 .ja-pager-container:after {
    content: "";
    display: table; }
  .open-positions-v2 .ja-pager-container:after {
    clear: both; }
  .open-positions-v2 .ja-pager-container {
    zoom: 1; }
  .open-positions-v2 .ja-pager {
  position: relative;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (min-width: 640px) {
  .open-positions-v2 .ja-pager {
    margin-left: -0.5rem;
    margin-right: -0.5rem; } }
  @media (min-width: 990px) {
  .open-positions-v2 .ja-pager {
    width: auto; }
  .open-positions-v2 .ja-pager {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }
    .open-positions-v2 .ja-pager .previous {
  position: relative;
  left: 0px;
  margin-left: 0px;
  max-height: 30px;
  min-height: 30px;
  min-width: 30px;
  max-width: 30px;
  background-color: transparent;
  padding: 0.3125rem;
  color: transparent; }
    @media (min-width: 640px) {
  .open-positions-v2 .ja-pager .previous {
    max-height: 42px; }
  .open-positions-v2 .ja-pager .previous {
    min-height: 42px; }
  .open-positions-v2 .ja-pager .previous {
    min-width: 42px; }
  .open-positions-v2 .ja-pager .previous {
    max-width: 42px; }
  .open-positions-v2 .ja-pager .previous {
    padding: 0.5rem; } }
    @media (min-width: 990px) {
  .open-positions-v2 .ja-pager .previous {
    position: absolute; }
  .open-positions-v2 .ja-pager .previous {
    margin-left: -4.375rem; } }
    .open-positions-v2 .ja-pager .previous {
      border: 0px; }
      .open-positions-v2 .ja-pager .previous:before {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 30px;
  width: 30px;
  background-size: contain; }
      @media (min-width: 640px) {
  .open-positions-v2 .ja-pager .previous:before {
    height: 42px; }
  .open-positions-v2 .ja-pager .previous:before {
    width: 42px; } }
      .open-positions-v2 .ja-pager .previous:before {
        content: "";
        background-image: url("/wp-content/themes/growthops2021/images/icon-previous.svg"); }
    .open-positions-v2 .ja-pager .next {
  position: relative;
  right: 0px;
  margin-right: 0px;
  max-height: 30px;
  min-height: 30px;
  min-width: 30px;
  max-width: 30px;
  background-color: transparent;
  padding: 0.3125rem;
  color: transparent; }
    @media (min-width: 640px) {
  .open-positions-v2 .ja-pager .next {
    max-height: 42px; }
  .open-positions-v2 .ja-pager .next {
    min-height: 42px; }
  .open-positions-v2 .ja-pager .next {
    min-width: 42px; }
  .open-positions-v2 .ja-pager .next {
    max-width: 42px; }
  .open-positions-v2 .ja-pager .next {
    padding: 0.5rem; } }
    @media (min-width: 990px) {
  .open-positions-v2 .ja-pager .next {
    position: absolute; }
  .open-positions-v2 .ja-pager .next {
    margin-right: -4.375rem; } }
    .open-positions-v2 .ja-pager .next {
      border: 0px; }
      .open-positions-v2 .ja-pager .next:before {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  height: 30px;
  width: 30px;
  background-size: contain; }
      @media (min-width: 640px) {
  .open-positions-v2 .ja-pager .next:before {
    height: 40px; }
  .open-positions-v2 .ja-pager .next:before {
    width: 40px; } }
      .open-positions-v2 .ja-pager .next:before {
        content: "";
        background-image: url("../images/icon-next.svg"); }
    .open-positions-v2 .ja-pager .current-page {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  max-height: 30px;
  min-height: 30px;
  min-width: 30px;
  max-width: 30px;
  border-radius: 50%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: #0476d0;
  border-color: rgba(4, 118, 208, var(--tw-border-opacity));
  background-color: transparent;
  padding: 6px;
  text-align: center;
  font-family: avenirltstd-heavy, sans-serif;
  font-size: 1.125rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: #0476d0;
  color: rgba(4, 118, 208, var(--tw-text-opacity)); }
    @media (min-width: 640px) {
  .open-positions-v2 .ja-pager .current-page {
    margin-left: 1.25rem;
    margin-right: 1.25rem; }
  .open-positions-v2 .ja-pager .current-page {
    max-height: 42px; }
  .open-positions-v2 .ja-pager .current-page {
    min-height: 42px; }
  .open-positions-v2 .ja-pager .current-page {
    min-width: 42px; }
  .open-positions-v2 .ja-pager .current-page {
    max-width: 42px; }
  .open-positions-v2 .ja-pager .current-page {
    font-size: 1.875rem; } }
    .open-positions-v2 .ja-pager .page, .open-positions-v2 .ja-pager .next-ellipsis, .open-positions-v2 .ja-pager .previous-ellipsis, .open-positions-v2 .ja-pager .first-page, .open-positions-v2 .ja-pager .last-page {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  max-height: 30px;
  min-height: 30px;
  min-width: 30px;
  max-width: 30px;
  padding: 6px;
  text-align: center;
  font-family: avenirltstd-light, sans-serif;
  font-size: 1.125rem;
  line-height: 1; }
    @media (min-width: 640px) {
  .open-positions-v2 .ja-pager .page, .open-positions-v2 .ja-pager .next-ellipsis, .open-positions-v2 .ja-pager .previous-ellipsis, .open-positions-v2 .ja-pager .first-page, .open-positions-v2 .ja-pager .last-page {
    margin-left: 1.25rem;
    margin-right: 1.25rem; }
  .open-positions-v2 .ja-pager .page, .open-positions-v2 .ja-pager .next-ellipsis, .open-positions-v2 .ja-pager .previous-ellipsis, .open-positions-v2 .ja-pager .first-page, .open-positions-v2 .ja-pager .last-page {
    max-height: 42px; }
  .open-positions-v2 .ja-pager .page, .open-positions-v2 .ja-pager .next-ellipsis, .open-positions-v2 .ja-pager .previous-ellipsis, .open-positions-v2 .ja-pager .first-page, .open-positions-v2 .ja-pager .last-page {
    min-height: 42px; }
  .open-positions-v2 .ja-pager .page, .open-positions-v2 .ja-pager .next-ellipsis, .open-positions-v2 .ja-pager .previous-ellipsis, .open-positions-v2 .ja-pager .first-page, .open-positions-v2 .ja-pager .last-page {
    min-width: 42px; }
  .open-positions-v2 .ja-pager .page, .open-positions-v2 .ja-pager .next-ellipsis, .open-positions-v2 .ja-pager .previous-ellipsis, .open-positions-v2 .ja-pager .first-page, .open-positions-v2 .ja-pager .last-page {
    max-width: 42px; }
  .open-positions-v2 .ja-pager .page, .open-positions-v2 .ja-pager .next-ellipsis, .open-positions-v2 .ja-pager .previous-ellipsis, .open-positions-v2 .ja-pager .first-page, .open-positions-v2 .ja-pager .last-page {
    font-size: 1.875rem; } }
    .open-positions-v2 .ja-pager .page,
    .open-positions-v2 .ja-pager .next-ellipsis,
    .open-positions-v2 .ja-pager .previous-ellipsis,
    .open-positions-v2 .ja-pager .first-page,
    .open-positions-v2 .ja-pager .last-page {
      border: 0px;
      background-color: transparent; }
      .open-positions-v2 .ja-pager .page:hover, .open-positions-v2 .ja-pager .next-ellipsis:hover, .open-positions-v2 .ja-pager .previous-ellipsis:hover, .open-positions-v2 .ja-pager .first-page:hover, .open-positions-v2 .ja-pager .last-page:hover {
  --tw-text-opacity: 1;
  color: #0476d0;
  color: rgba(4, 118, 208, var(--tw-text-opacity)); }
      .open-positions-v2 .ja-pager .page:hover,
      .open-positions-v2 .ja-pager .next-ellipsis:hover,
      .open-positions-v2 .ja-pager .previous-ellipsis:hover,
      .open-positions-v2 .ja-pager .first-page:hover,
      .open-positions-v2 .ja-pager .last-page:hover {
        background-color: transparent; }
  .open-positions-v2 .ja-pager:before,
  .open-positions-v2 .ja-pager:after {
    content: "";
    display: table; }
  .open-positions-v2 .ja-pager:after {
    clear: both; }
  .open-positions-v2 .ja-pager {
    zoom: 1; }
  .open-positions-v2 .ja-pager span,
  .open-positions-v2 .ja-pager a {
    display: block;
    float: left;
    line-height: 23px;
    padding: 0 8px;
    margin-right: 3px;
    color: #333;
    background-color: #f3f3f3;
    border: solid 1px #ddd; }
  .open-positions-v2 .ja-pager-summary {
  display: none; }
  .open-positions-v2 .ja-job-details {
  --tw-text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--tw-text-opacity)); }
  .open-positions-v2 .ja-job-details .title {
  margin-bottom: 0.9375rem !important;
  padding-top: 1.875rem !important;
  font-family: avenirltstd-black, sans-serif !important;
  font-size: 1.5625rem !important;
  line-height: 2.03125rem !important;
  --tw-text-opacity: 1 !important;
  color: #0476d0 !important;
  color: rgba(4, 118, 208, var(--tw-text-opacity)) !important; }
  @media (min-width: 640px) {
  .open-positions-v2 .ja-job-details .title {
    padding-top: 0px !important; } }
    @media screen and (max-width: 640px) {
      .open-positions-v2 .ja-job-details .title {
    font-size: 1.5625rem !important; }
      .open-positions-v2 .ja-job-details .title {
    line-height: 2.03125rem !important; } }
  .open-positions-v2 .ja-job-details .meta:before,
  .open-positions-v2 .ja-job-details .meta:after {
    content: "";
    display: table; }
  .open-positions-v2 .ja-job-details .meta:after {
    clear: both; }
  .open-positions-v2 .ja-job-details .meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .open-positions-v2 .ja-job-details .meta p {
  font-size: 1.5625rem;
  line-height: 2.34375rem;
    margin-bottom: 0.5em; }
    @media screen and (max-width: 640px) {
      .open-positions-v2 .ja-job-details .meta p {
    font-size: 1.25rem; }
      .open-positions-v2 .ja-job-details .meta p {
    line-height: 1.4625rem; } }
  .open-positions-v2 .ja-job-details .meta .classifications {
  margin-bottom: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    list-style: none; }
    @media screen and (max-width: 480px) {
      .open-positions-v2 .ja-job-details .meta .classifications {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
      .open-positions-v2 .ja-job-details .meta .classifications {
    width: 100%; } }
  .open-positions-v2 .ja-job-details .meta .classifications li {
  font-size: 20px;
  line-height: 2.34375rem;
    display: inline; }
    .open-positions-v2 .ja-job-details .meta .classifications li:nth-child(4) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%; }
    .open-positions-v2 .ja-job-details .meta .classifications li:nth-child(2) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
      display: none; }
      .open-positions-v2 .ja-job-details .meta .classifications li:nth-child(2):after {
        content: ",";
        margin-left: -4px; }
    .open-positions-v2 .ja-job-details .meta .classifications li:nth-child(1) {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }
      .open-positions-v2 .ja-job-details .meta .classifications li:nth-child(1):after {
        content: ",";
        margin-left: -4px; }
    .open-positions-v2 .ja-job-details .meta .classifications li:nth-child(3) {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }
    @media screen and (max-width: 640px) {
      .open-positions-v2 .ja-job-details .meta .classifications li {
    font-size: 1.25rem; }
      .open-positions-v2 .ja-job-details .meta .classifications li {
    line-height: 1.4625rem; } }
  .open-positions-v2 .ja-job-details .meta .date-posted {
    display: none; }
  .open-positions-v2 .ja-job-details .meta .date-posted, .open-positions-v2 .ja-job-details .meta .date-posted-formatted {
  position: absolute;
  top: 3px;
  right: 0px;
  text-align: right;
  font-family: avenirltstd-heavy, sans-serif;
  font-size: 20px; }
  .open-positions-v2 .ja-job-details .meta .date-posted,
  .open-positions-v2 .ja-job-details .meta .date-posted-formatted {
    text-align: right; }
    @media screen and (max-width: 480px) {
      .open-positions-v2 .ja-job-details .meta .date-posted, .open-positions-v2 .ja-job-details .meta .date-posted-formatted {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
      .open-positions-v2 .ja-job-details .meta .date-posted, .open-positions-v2 .ja-job-details .meta .date-posted-formatted {
    margin-bottom: 0.9375rem; }
      .open-positions-v2 .ja-job-details .meta .date-posted, .open-positions-v2 .ja-job-details .meta .date-posted-formatted {
    width: 100%; }
      .open-positions-v2 .ja-job-details .meta .date-posted, .open-positions-v2 .ja-job-details .meta .date-posted-formatted {
    text-align: left; } }
  .open-positions-v2 .ja-job-details .meta .salary {
    clear: left;
    float: left; }
  .open-positions-v2 .ja-job-details .meta .reference {
    float: right;
    text-align: right; }
  .open-positions-v2 .ja-job-details .bullet-points {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
  padding-left: 3.125rem;
    list-style: disc !important; }
  .open-positions-v2 .ja-job-details .bullet-points li {
  font-size: 1.5625rem;
  line-height: 2.03125rem; }
  .open-positions-v2 .ja-job-details .description {
  font-size: 20px;
  line-height: 150%;
  --tw-text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--tw-text-opacity)); }
    .open-positions-v2 .ja-job-details .description ol {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
  padding-left: 3.125rem;
      list-style: decimal !important; }
      .open-positions-v2 .ja-job-details .description ol li {
  font-size: 20px;
  line-height: 150%; }
    .open-positions-v2 .ja-job-details .description ul {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
  padding-left: 3.125rem;
      list-style: disc !important; }
      .open-positions-v2 .ja-job-details .description ul li {
  font-size: 20px;
  line-height: 150%; }
  .open-positions-v2 .ja-job-details .apply {
    margin: 2em 0 0.5em 0;
    text-align: center; }
  .open-positions-v2 .ja-job-list .job .view-details, .open-positions-v2 .ja-job-details .apply .back-link {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: inline-block;
  font-size: 0.9375rem;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  text-decoration: underline; }
  .open-positions-v2 .ja-job-list .job .view-details,
  .open-positions-v2 .ja-job-details .apply .back-link {
    font-weight: 750;
    margin-right: 5px; }
    .open-positions-v2 .ja-job-list .job .view-details:hover,
    .open-positions-v2 .ja-job-details .apply .back-link:hover {
      text-decoration: none; }
  .open-positions-v2 .ja-job-list .job .view-details {
  margin-top: 1.875rem;
  display: none; }
  .open-positions-v2 .ja-job-details .apply .ja-button {
  position: relative;
  font-family: avenirltstd-black, sans-serif;
  font-size: 0.9375rem;
  text-transform: uppercase;
  line-height: 1.21875rem;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0.08em;
    border-radius: 40px !important;
    border: 1px solid transparent;
    border-radius: 22px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    cursor: pointer;
    height: 54px;
    max-height: 54px;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-right: 30px;
    padding-left: 30px;
    background-color: #0476D0;
    color: white;
    margin-left: 5px; }
    .open-positions-v2 .ja-job-details .apply .ja-button img, .open-positions-v2 .ja-job-details .apply .ja-button svg {
      display: inline;
      margin-top: -3px;
      margin-right: 12px; }
    .open-positions-v2 .ja-job-details .apply .ja-button:focus {
      outline: 0; }
    .open-positions-v2 .ja-job-details .apply .ja-button:disabled {
      opacity: 0.5; }
    .open-positions-v2 .ja-job-details .apply .ja-button:not([disabled]):hover {
      background-color: #0476d0;
      background-color: rgba(4, 118, 208, 0.7); }
  .open-positions-v2 .ja-apply-iframe iframe {
    width: 100%;
    height: 500px;
    border: none; }
  .open-positions-v2 .ja-apply-iframe .apply {
    margin: 2em 0 0.5em 0;
    text-align: center; }
  .open-positions-v2 .ja-apply-iframe .apply .back-link {
    font-size: 0.9em; }
  .open-positions-v2 .ja-job-apply .ja-submit .back-link {
    font-size: 0.9em;
    margin-left: 1em; }
  .open-positions-v2 .powered-by-jobadder {
  display: none;
    color: #bbb;
    font-size: 0.9em;
    text-align: center;
    margin: 2em 0 1em 0; }
  .open-positions-v2 .powered-by-jobadder a {
    color: #bbb; }
  .open-positions-v2 .powered-by-jobadder a:hover {
    color: #aaa; }
  .open-positions-v2 .fake-filters .fake-filter-item {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
  cursor: pointer;
  font-size: 20px;
  line-height: 150%; }
    .open-positions-v2 .fake-filters .fake-filter-item:hover, .open-positions-v2 .fake-filters .fake-filter-item.active {
  text-decoration: underline; }
  .open-positions-v2 .ja-job-search {
    display: none; }
  .open-positions-v2 #fakeFilterForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 20px;
  line-height: 150%;
  --tw-text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--tw-text-opacity)); }
  @media (min-width: 640px) {
  .open-positions-v2 #fakeFilterForm {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; } }
  @media (min-width: 990px) {
  .open-positions-v2 #fakeFilterForm {
    display: block; } }
    .open-positions-v2 #fakeFilterForm > div {
  width: 50%; }
    @media (min-width: 640px) {
  .open-positions-v2 #fakeFilterForm > div {
    width: 33.333333%; } }
    @media (min-width: 990px) {
  .open-positions-v2 #fakeFilterForm > div {
    width: auto; } }

.random-faces-slider {
  position: relative; }
  .random-faces-slider .slider-item {
    -webkit-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
    position: absolute;
    background-repeat: no-repeat; }
    .random-faces-slider .slider-item:not(.active) {
      opacity: 0; }
    .random-faces-slider .slider-item.active {
      opacity: 1; }
    .random-faces-slider .slider-item.slider-item__logo.active {
      opacity: 68%; }
  .random-faces-slider .slider-item__logo {
    background-size: 68%;
    image-rendering: -webkit-optimize-contrast; }

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

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

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

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

/*! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com
  */

/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

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

/**
Use a more readable tab size (opinionated).
*/

:root {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	   tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
	margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
	text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
	box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

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

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: ui-sans-serif, system-ui; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #E5E5E5; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

* {
  --tw-shadow: 0 0 #0000;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000; }
.fixed {
  position: fixed; }
.relative {
  position: relative; }
.absolute {
  position: absolute; }
.bottom-0 {
  bottom: 0px; }
.top-0 {
  top: 0px; }
.left-0 {
  left: 0px; }
.z-20 {
  z-index: 20; }
.z-10 {
  z-index: 10; }
.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }
.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }
.-m-20 {
  margin: -1.25rem; }
.mx-auto {
  margin-left: auto;
  margin-right: auto; }
.-my-15 {
  margin-top: -0.9375rem;
  margin-bottom: -0.9375rem; }
.-mx-15 {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }
.-mx-5 {
  margin-left: -0.3125rem;
  margin-right: -0.3125rem; }
.-mx-50 {
  margin-left: -3.125rem;
  margin-right: -3.125rem; }
.mx-50 {
  margin-left: 3.125rem;
  margin-right: 3.125rem; }
.my-20 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem; }
.-my-35 {
  margin-top: -2.1875rem;
  margin-bottom: -2.1875rem; }
.-mx-20 {
  margin-left: -1.25rem;
  margin-right: -1.25rem; }
.-my-25 {
  margin-top: -1.5625rem;
  margin-bottom: -1.5625rem; }
.-mx-10 {
  margin-left: -0.625rem;
  margin-right: -0.625rem; }
.-my-10 {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem; }
.-my-40 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem; }
.-mx-28 {
  margin-left: -1.75rem;
  margin-right: -1.75rem; }
.-my-5 {
  margin-top: -0.3125rem;
  margin-bottom: -0.3125rem; }
.-mx-35 {
  margin-left: -2.1875rem;
  margin-right: -2.1875rem; }
.-my-50 {
  margin-top: -3.125rem;
  margin-bottom: -3.125rem; }
.-mx-30 {
  margin-left: -1.875rem;
  margin-right: -1.875rem; }
.-my-30 {
  margin-top: -1.875rem;
  margin-bottom: -1.875rem; }
.mx-10 {
  margin-left: 0.625rem;
  margin-right: 0.625rem; }
.my-10 {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem; }
.-mx-25 {
  margin-left: -1.5625rem;
  margin-right: -1.5625rem; }
.-my-60 {
  margin-top: -3.75rem;
  margin-bottom: -3.75rem; }
.-my-20 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem; }
.mx-20 {
  margin-left: 1.25rem;
  margin-right: 1.25rem; }
.ml-auto {
  margin-left: auto; }
.mb-40 {
  margin-bottom: 2.5rem; }
.mt-0 {
  margin-top: 0px; }
.mb-30 {
  margin-bottom: 1.875rem; }
.mb-100 {
  margin-bottom: 6.25rem; }
.mb-20 {
  margin-bottom: 1.25rem; }
.-mt-10 {
  margin-top: -0.625rem; }
.mb-70 {
  margin-bottom: 4.375rem; }
.mt-30 {
  margin-top: 1.875rem; }
.mb-25 {
  margin-bottom: 1.5625rem; }
.mb-60 {
  margin-bottom: 3.75rem; }
.mr-auto {
  margin-right: auto; }
.mt-10 {
  margin-top: 0.625rem; }
.mb-15 {
  margin-bottom: 0.9375rem; }
.ml-10 {
  margin-left: 0.625rem; }
.mt-40 {
  margin-top: 2.5rem; }
.mb-50 {
  margin-bottom: 3.125rem; }
.-mt-100 {
  margin-top: -6.25rem; }
.mr-20 {
  margin-right: 1.25rem; }
.mt-50 {
  margin-top: 3.125rem; }
.mb-80 {
  margin-bottom: 5rem; }
.ml-0 {
  margin-left: 0px; }
.mt-90 {
  margin-top: 5.625rem; }
.mt-25 {
  margin-top: 1.5625rem; }
.mb-17 {
  margin-bottom: 1.0625rem; }
.-mb-400 {
  margin-bottom: -25rem; }
.mb-65 {
  margin-bottom: 4.0625rem; }
.mt-60 {
  margin-top: 3.75rem; }
.mt-70 {
  margin-top: 4.375rem; }
.-mb-25 {
  margin-bottom: -1.5625rem; }
.block {
  display: block; }
.inline-block {
  display: inline-block; }
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
.hidden {
  display: none; }
.h-full {
  height: 100%; }
.w-full {
  width: 100%; }
.w-1\/2 {
  width: 50%; }
.w-2\/5 {
  width: 40%; }
.max-w-full {
  max-width: 98.875rem; }
.max-w-wide {
  max-width: 79.0625rem; }
.max-w-medium {
  max-width: 68rem; }
.max-w-large {
  max-width: 78.5rem; }
.max-w-\[50px\] {
  max-width: 50px; }
.flex-shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0; }
.flex-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }
.transform {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  -webkit-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      -ms-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
          transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.cursor-auto {
  cursor: auto; }
.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
.self-center {
  -ms-flex-item-align: center;
      align-self: center; }
.self-end {
  -ms-flex-item-align: end;
      align-self: flex-end; }
.overflow-hidden {
  overflow: hidden; }
.rounded-\[40px\] {
  border-radius: 40px; }
.border {
  border-width: 1px; }
.border-b {
  border-bottom-width: 1px; }
.border-black {
  --tw-border-opacity: 1;
  border-color: #000000;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity)); }
.border-navy {
  --tw-border-opacity: 1;
  border-color: #111656;
  border-color: rgba(17, 22, 86, var(--tw-border-opacity)); }
.border-\[\#565656\] {
  --tw-border-opacity: 1;
  border-color: #565656;
  border-color: rgba(86, 86, 86, var(--tw-border-opacity)); }
.bg-white {
  --tw-bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
.bg-navy {
  --tw-bg-opacity: 1;
  background-color: #111656;
  background-color: rgba(17, 22, 86, var(--tw-bg-opacity)); }
.bg-cyan {
  --tw-bg-opacity: 1;
  background-color: #2ceef0;
  background-color: rgba(44, 238, 240, var(--tw-bg-opacity)); }
.bg-light_cyan {
  --tw-bg-opacity: 1;
  background-color: #eafefe;
  background-color: rgba(234, 254, 254, var(--tw-bg-opacity)); }
.bg-black {
  --tw-bg-opacity: 1;
  background-color: #000000;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); }
.bg-blue {
  --tw-bg-opacity: 1;
  background-color: #0476d0;
  background-color: rgba(4, 118, 208, var(--tw-bg-opacity)); }
.bg-opacity-10 {
  --tw-bg-opacity: .1; }
.bg-cover {
  background-size: cover; }
.bg-auto {
  background-size: auto; }
.bg-contain {
  background-size: contain; }
.bg-center {
  background-position: center; }
.bg-right-top {
  background-position: right top; }
.bg-no-repeat {
  background-repeat: no-repeat; }
.p-20 {
  padding: 1.25rem; }
.p-10 {
  padding: 0.625rem; }
.p-15 {
  padding: 0.9375rem; }
.px-20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem; }
.py-190 {
  padding-top: 11.875rem;
  padding-bottom: 11.875rem; }
.py-80 {
  padding-top: 5rem;
  padding-bottom: 5rem; }
.py-15 {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem; }
.px-13 {
  padding-left: 0.8125rem;
  padding-right: 0.8125rem; }
.py-70 {
  padding-top: 4.375rem;
  padding-bottom: 4.375rem; }
.py-35 {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem; }
.py-25 {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem; }
.py-50 {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem; }
.px-10 {
  padding-left: 0.625rem;
  padding-right: 0.625rem; }
.py-10 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }
.py-40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }
.px-28 {
  padding-left: 1.75rem;
  padding-right: 1.75rem; }
.py-45 {
  padding-top: 2.8125rem;
  padding-bottom: 2.8125rem; }
.py-5 {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem; }
.px-15 {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
.px-35 {
  padding-left: 2.1875rem;
  padding-right: 2.1875rem; }
.py-30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem; }
.px-30 {
  padding-left: 1.875rem;
  padding-right: 1.875rem; }
.py-\[14px\] {
  padding-top: 14px;
  padding-bottom: 14px; }
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px; }
.py-100 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem; }
.py-200 {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem; }
.py-130 {
  padding-top: 8.125rem;
  padding-bottom: 8.125rem; }
.px-25 {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem; }
.py-60 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem; }
.px-5 {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem; }
.pt-60 {
  padding-top: 3.75rem; }
.pr-70 {
  padding-right: 4.375rem; }
.pt-40 {
  padding-top: 2.5rem; }
.pt-200 {
  padding-top: 12.5rem; }
.pb-50 {
  padding-bottom: 3.125rem; }
.pl-0 {
  padding-left: 0px; }
.pt-50 {
  padding-top: 3.125rem; }
.pb-80 {
  padding-bottom: 5rem; }
.pr-80 {
  padding-right: 5rem; }
.pb-20 {
  padding-bottom: 1.25rem; }
.pt-80 {
  padding-top: 5rem; }
.pr-0 {
  padding-right: 0px; }
.pb-15 {
  padding-bottom: 0.9375rem; }
.pb-60 {
  padding-bottom: 3.75rem; }
.pb-30 {
  padding-bottom: 1.875rem; }
.pr-40 {
  padding-right: 2.5rem; }
.pt-150 {
  padding-top: 9.375rem; }
.pb-65 {
  padding-bottom: 4.0625rem; }
.pt-30 {
  padding-top: 1.875rem; }
.pt-0 {
  padding-top: 0px; }
.pb-\[80\%\] {
  padding-bottom: 80%; }
.pt-20 {
  padding-top: 1.25rem; }
.pl-50 {
  padding-left: 3.125rem; }
.pt-100 {
  padding-top: 6.25rem; }
.pl-20 {
  padding-left: 1.25rem; }
.pb-100 {
  padding-bottom: 6.25rem; }
.pl-30 {
  padding-left: 1.875rem; }
.pl-250 {
  padding-left: 15.625rem; }
.pb-10 {
  padding-bottom: 0.625rem; }
.pb-\[81\%\] {
  padding-bottom: 81%; }
.pl-\[30px\] {
  padding-left: 30px; }
.pb-400 {
  padding-bottom: 25rem; }
.pr-50 {
  padding-right: 3.125rem; }
.pb-0 {
  padding-bottom: 0px; }
.pl-35 {
  padding-left: 2.1875rem; }
.pt-55 {
  padding-top: 3.4375rem; }
.pt-250 {
  padding-top: 15.625rem; }
.pb-150 {
  padding-bottom: 9.375rem; }
.pr-10 {
  padding-right: 0.625rem; }
.text-center {
  text-align: center; }
.text-left {
  text-align: left; }
.text-right {
  text-align: right; }
.font-avenirltstd-medium {
  font-family: avenirltstd-medium, sans-serif; }
.font-avenirltstd-heavy {
  font-family: avenirltstd-heavy, sans-serif; }
.font-avenirltstd-light {
  font-family: avenirltstd-light, sans-serif; }
.font-avenirltstd-black {
  font-family: avenirltstd-black, sans-serif; }
.font-avenirltstd-roman {
  font-family: avenirltstd-roman, sans-serif; }
.text-semi-xl {
  font-size: 1.25rem; }
.text-2xl {
  font-size: 1.5625rem; }
.text-base {
  font-size: 1rem; }
.text-40 {
  font-size: 2.5rem; }
.text-lg {
  font-size: 1.125rem; }
.text-sm {
  font-size: 0.9375rem; }
.text-xs {
  font-size: 0.8125rem; }
.text-35 {
  font-size: 2.1875rem; }
.text-3xl {
  font-size: 1.875rem; }
.text-\[40px\] {
  font-size: 40px; }
.text-\[20px\] {
  font-size: 20px; }
.text-\[25px\] {
  font-size: 25px; }
.text-7xl {
  font-size: 5rem; }
.text-xl {
  font-size: 1.5rem; }
.font-semibold {
  font-weight: 600; }
.font-semiextrabold {
  font-weight: 750; }
.font-light {
  font-weight: 300; }
.uppercase {
  text-transform: uppercase; }
.leading-30 {
  line-height: 1.875rem; }
.leading-78 {
  line-height: 4.875rem; }
.leading-23 {
  line-height: 1.4625rem; }
.leading-50 {
  line-height: 3.125rem; }
.leading-19 {
  line-height: 1.21875rem; }
.leading-41 {
  line-height: 2.5625rem; }
.leading-37 {
  line-height: 2.34375rem; }
.leading-45 {
  line-height: 2.8125rem; }
.leading-40 {
  line-height: 2.5rem; }
.leading-none {
  line-height: 1; }
.leading-\[125\%\] {
  line-height: 125%; }
.leading-32 {
  line-height: 2.03125rem; }
.leading-48 {
  line-height: 3rem; }
.leading-28 {
  line-height: 1.75rem; }
.leading-80 {
  line-height: 5rem; }
.leading-36 {
  line-height: 2.25rem; }
.text-black {
  --tw-text-opacity: 1;
  color: #000000;
  color: rgba(0, 0, 0, var(--tw-text-opacity)); }
.text-blue {
  --tw-text-opacity: 1;
  color: #0476d0;
  color: rgba(4, 118, 208, var(--tw-text-opacity)); }
.text-white {
  --tw-text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--tw-text-opacity)); }
.text-cyan {
  --tw-text-opacity: 1;
  color: #2ceef0;
  color: rgba(44, 238, 240, var(--tw-text-opacity)); }
.text-navy {
  --tw-text-opacity: 1;
  color: #111656;
  color: rgba(17, 22, 86, var(--tw-text-opacity)); }
.opacity-60 {
  opacity: .6; }
.duration {
  -webkit-transition-duration: 150ms;
       -o-transition-duration: 150ms;
          transition-duration: 150ms; }
.hover\:underline:hover {
  text-decoration: underline; }
@media (min-width: 320px) {
  .xs\:w-1\/2 {
    width: 50%; }
  .xs\:pr-50 {
    padding-right: 3.125rem; } }
@media (min-width: 480px) {
  .s\:mt-50 {
    margin-top: 3.125rem; }
  .s\:mb-25 {
    margin-bottom: 1.5625rem; }
  .s\:mb-80 {
    margin-bottom: 5rem; }
  .s\:mb-100 {
    margin-bottom: 6.25rem; }
  .s\:ml-\[28px\] {
    margin-left: 28px; }
  .s\:mt-0 {
    margin-top: 0px; }
  .s\:mb-60 {
    margin-bottom: 3.75rem; }
  .s\:w-1\/2 {
    width: 50%; }
  .s\:w-2\/3 {
    width: 66.666667%; }
  .s\:w-1\/3 {
    width: 33.333333%; }
  .s\:w-auto {
    width: auto; }
  .s\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .s\:flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .s\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .s\:justify-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .s\:pb-0 {
    padding-bottom: 0px; }
  .s\:pr-80 {
    padding-right: 5rem; }
  .s\:pb-100 {
    padding-bottom: 6.25rem; }
  .s\:pl-50 {
    padding-left: 3.125rem; }
  .s\:pt-200 {
    padding-top: 12.5rem; }
  .s\:pt-100 {
    padding-top: 6.25rem; }
  .s\:text-35 {
    font-size: 2.1875rem; }
  .s\:leading-52 {
    line-height: 3.28125rem; }
  .s\:leading-45 {
    line-height: 2.8125rem; } }
@media (min-width: 530px) {
  .msm\:mt-100 {
    margin-top: 6.25rem; }
  .msm\:w-1\/2 {
    width: 50%; }
  .msm\:py-250 {
    padding-top: 15.625rem;
    padding-bottom: 15.625rem; }
  .msm\:py-50 {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem; } }
@media (min-width: 640px) {
  .sm\:absolute {
    position: absolute; }
  .sm\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .sm\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .sm\:-my-35 {
    margin-top: -2.1875rem;
    margin-bottom: -2.1875rem; }
  .sm\:-mx-50 {
    margin-left: -3.125rem;
    margin-right: -3.125rem; }
  .sm\:mb-100 {
    margin-bottom: 6.25rem; }
  .sm\:mb-30 {
    margin-bottom: 1.875rem; }
  .sm\:mb-140 {
    margin-bottom: 8.75rem; }
  .sm\:mb-35 {
    margin-bottom: 2.1875rem; }
  .sm\:w-1\/2 {
    width: 50%; }
  .sm\:w-2\/3 {
    width: 66.666667%; }
  .sm\:w-1\/3 {
    width: 33.333333%; }
  .sm\:w-3\/5 {
    width: 60%; }
  .sm\:w-2\/5 {
    width: 40%; }
  .sm\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .sm\:py-35 {
    padding-top: 2.1875rem;
    padding-bottom: 2.1875rem; }
  .sm\:px-50 {
    padding-left: 3.125rem;
    padding-right: 3.125rem; }
  .sm\:pb-150 {
    padding-bottom: 9.375rem; }
  .sm\:pt-0 {
    padding-top: 0px; }
  .sm\:pl-25 {
    padding-left: 1.5625rem; }
  .sm\:pr-35 {
    padding-right: 2.1875rem; }
  .sm\:pb-0 {
    padding-bottom: 0px; }
  .sm\:pl-35 {
    padding-left: 2.1875rem; }
  .sm\:pl-100 {
    padding-left: 6.25rem; }
  .sm\:pt-50 {
    padding-top: 3.125rem; }
  .sm\:pr-100 {
    padding-right: 6.25rem; }
  .sm\:text-lg {
    font-size: 1.125rem; }
  .sm\:text-4xl {
    font-size: 3.4375rem; }
  .sm\:text-2xl {
    font-size: 1.5625rem; }
  .sm\:text-35 {
    font-size: 2.1875rem; }
  .sm\:text-\[40px\] {
    font-size: 40px; }
  .sm\:text-40 {
    font-size: 2.5rem; }
  .sm\:text-90 {
    font-size: 5.625rem; }
  .sm\:text-3xxl {
    font-size: 2.25rem; }
  .sm\:leading-55 {
    line-height: 3.4375rem; }
  .sm\:leading-45 {
    line-height: 2.8125rem; }
  .sm\:leading-52 {
    line-height: 3.28125rem; }
  .sm\:leading-60 {
    line-height: 3.75rem; }
  .sm\:leading-41 {
    line-height: 2.5625rem; }
  .sm\:leading-48 {
    line-height: 3rem; } }
@media (min-width: 768px) {
  .md\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .md\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .md\:-my-40 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem; }
  .md\:mb-120 {
    margin-bottom: 7.5rem; }
  .md\:mb-50 {
    margin-bottom: 3.125rem; }
  .md\:mt-0 {
    margin-top: 0px; }
  .md\:mb-140 {
    margin-bottom: 8.75rem; }
  .md\:mb-100 {
    margin-bottom: 6.25rem; }
  .md\:mb-45 {
    margin-bottom: 2.8125rem; }
  .md\:mb-80 {
    margin-bottom: 5rem; }
  .md\:block {
    display: block; }
  .md\:hidden {
    display: none; }
  .md\:w-1\/3 {
    width: 33.333333%; }
  .md\:w-auto {
    width: auto; }
  .md\:w-1\/4 {
    width: 25%; }
  .md\:w-1\/2 {
    width: 50%; }
  .md\:w-3\/5 {
    width: 60%; }
  .md\:w-2\/5 {
    width: 40%; }
  .md\:max-w-\[85px\] {
    max-width: 85px; }
  .md\:flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .md\:flex-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .md\:py-150 {
    padding-top: 9.375rem;
    padding-bottom: 9.375rem; }
  .md\:py-90 {
    padding-top: 5.625rem;
    padding-bottom: 5.625rem; }
  .md\:py-100 {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem; }
  .md\:py-40 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  .md\:pt-200 {
    padding-top: 12.5rem; }
  .md\:pb-150 {
    padding-bottom: 9.375rem; }
  .md\:pr-50 {
    padding-right: 3.125rem; }
  .md\:pt-0 {
    padding-top: 0px; }
  .md\:pt-80 {
    padding-top: 5rem; }
  .md\:pb-0 {
    padding-bottom: 0px; }
  .md\:pb-70 {
    padding-bottom: 4.375rem; }
  .md\:pt-100 {
    padding-top: 6.25rem; }
  .md\:pt-40 {
    padding-top: 2.5rem; }
  .md\:pb-250 {
    padding-bottom: 15.625rem; }
  .md\:pb-100 {
    padding-bottom: 6.25rem; }
  .md\:pb-200 {
    padding-bottom: 12.5rem; }
  .md\:text-left {
    text-align: left; }
  .md\:text-6xl {
    font-size: 4rem; }
  .md\:\!text-\[30px\] {
    font-size: 30px !important; }
  .md\:text-\[30px\] {
    font-size: 30px; }
  .md\:text-\[40px\] {
    font-size: 40px; }
  .md\:text-\[32px\] {
    font-size: 32px; }
  .md\:text-35 {
    font-size: 2.1875rem; }
  .md\:leading-100 {
    line-height: 6.25rem; }
  .md\:leading-80 {
    line-height: 5rem; }
  .md\:leading-52 {
    line-height: 3.28125rem; } }
@media (min-width: 990px) {
  .lg\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .lg\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .lg\:-mx-90 {
    margin-left: -5.625rem;
    margin-right: -5.625rem; }
  .lg\:mb-74 {
    margin-bottom: 4.625rem; }
  .lg\:mb-170 {
    margin-bottom: 10.625rem; }
  .lg\:mb-50 {
    margin-bottom: 3.125rem; }
  .lg\:block {
    display: block; }
  .lg\:hidden {
    display: none; }
  .lg\:w-1\/2 {
    width: 50%; }
  .lg\:w-3\/5 {
    width: 60%; }
  .lg\:w-2\/5 {
    width: 40%; }
  .lg\:w-full {
    width: 100%; }
  .lg\:w-1\/3 {
    width: 33.333333%; }
  .lg\:w-auto {
    width: auto; }
  .lg\:w-2\/3 {
    width: 66.666667%; }
  .lg\:w-1\/5 {
    width: 20%; }
  .lg\:flex-nowrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px; }
  .lg\:px-90 {
    padding-left: 5.625rem;
    padding-right: 5.625rem; }
  .lg\:py-40 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  .lg\:pt-330 {
    padding-top: 20.625rem; }
  .lg\:pb-250 {
    padding-bottom: 15.625rem; }
  .lg\:pt-0 {
    padding-top: 0px; }
  .lg\:pl-50 {
    padding-left: 3.125rem; }
  .lg\:pr-50 {
    padding-right: 3.125rem; }
  .lg\:pt-100 {
    padding-top: 6.25rem; }
  .lg\:pb-100 {
    padding-bottom: 6.25rem; }
  .lg\:pb-0 {
    padding-bottom: 0px; }
  .lg\:pl-15 {
    padding-left: 0.9375rem; }
  .lg\:pb-150 {
    padding-bottom: 9.375rem; }
  .lg\:pl-140 {
    padding-left: 8.75rem; }
  .lg\:pt-130 {
    padding-top: 8.125rem; }
  .lg\:pr-20 {
    padding-right: 1.25rem; }
  .lg\:pt-150 {
    padding-top: 9.375rem; }
  .lg\:pl-10 {
    padding-left: 0.625rem; }
  .lg\:text-left {
    text-align: left; }
  .lg\:text-120 {
    font-size: 7.5rem; }
  .lg\:text-40 {
    font-size: 2.5rem; }
  .lg\:leading-60 {
    line-height: 3.75rem; } }
@media (min-width: 1024px) {
  .xl\:order-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .xl\:order-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .xl\:-my-0 {
    margin-top: 0px;
    margin-bottom: 0px; }
  .xl\:-mx-37 {
    margin-left: -2.3125rem;
    margin-right: -2.3125rem; }
  .xl\:-my-70 {
    margin-top: -4.375rem;
    margin-bottom: -4.375rem; }
  .xl\:mb-150 {
    margin-bottom: 9.375rem; }
  .xl\:mb-0 {
    margin-bottom: 0px; }
  .xl\:block {
    display: block; }
  .xl\:hidden {
    display: none; }
  .xl\:w-2\/3 {
    width: 66.666667%; }
  .xl\:w-1\/3 {
    width: 33.333333%; }
  .xl\:w-full {
    width: 100%; }
  .xl\:w-3\/14 {
    width: 21.42857143%; }
  .xl\:w-4\/14 {
    width: 28.57142857%; }
  .xl\:w-2\/14 {
    width: 14.28571429%; }
  .xl\:w-1\/2 {
    width: 50%; }
  .xl\:w-1\/4 {
    width: 25%; }
  .xl\:px-50 {
    padding-left: 3.125rem;
    padding-right: 3.125rem; }
  .xl\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px; }
  .xl\:px-37 {
    padding-left: 2.3125rem;
    padding-right: 2.3125rem; }
  .xl\:py-70 {
    padding-top: 4.375rem;
    padding-bottom: 4.375rem; }
  .xl\:pt-100 {
    padding-top: 6.25rem; }
  .xl\:pb-200 {
    padding-bottom: 12.5rem; }
  .xl\:pb-100 {
    padding-bottom: 6.25rem; }
  .xl\:pr-15 {
    padding-right: 0.9375rem; }
  .xl\:pl-15 {
    padding-left: 0.9375rem; }
  .xl\:pl-50 {
    padding-left: 3.125rem; }
  .xl\:pt-50 {
    padding-top: 3.125rem; }
  .xl\:pb-250 {
    padding-bottom: 15.625rem; }
  .xl\:pt-250 {
    padding-top: 15.625rem; }
  .xl\:pt-0 {
    padding-top: 0px; }
  .xl\:pl-10 {
    padding-left: 0.625rem; } }
@media (min-width: 1100px) {
  .xxl\:absolute {
    position: absolute; }
  .xxl\:mt-250 {
    margin-top: 15.625rem; }
  .xxl\:w-3\/5 {
    width: 60%; }
  .xxl\:w-2\/5 {
    width: 40%; }
  .xxl\:w-1\/2 {
    width: 50%; }
  .xxl\:justify-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .xxl\:px-0 {
    padding-left: 0px;
    padding-right: 0px; }
  .xxl\:pr-100 {
    padding-right: 6.25rem; }
  .xxl\:pr-20 {
    padding-right: 1.25rem; }
  .xxl\:pl-50 {
    padding-left: 3.125rem; } }
@media (min-width: 1140px) {
  .\32xl\:block {
    display: block; }
  .\32xl\:pt-0 {
    padding-top: 0px; } }
@media (min-width: 1190px) {
  .\33xl\:w-1\/3 {
    width: 33.333333%; }
  .\33xl\:px-100 {
    padding-left: 6.25rem;
    padding-right: 6.25rem; }
  .\33xl\:px-90 {
    padding-left: 5.625rem;
    padding-right: 5.625rem; }
  .\33xl\:pr-100 {
    padding-right: 6.25rem; }
  .\33xl\:pl-100 {
    padding-left: 6.25rem; } }
@media (min-width: 1300px) {
  .\34xl\:mb-200 {
    margin-bottom: 12.5rem; }
  .\34xl\:px-20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }
@media (min-width: 1390px) {
  .\35xl\:px-20 {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
  .\35xl\:text-4xl {
    font-size: 3.4375rem; }
  .\35xl\:leading-55 {
    line-height: 3.4375rem; } }
@media (min-width: 1560px) {
  .\36xl\:pl-50 {
    padding-left: 3.125rem; } }