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

body {
  font: 400 16px/1.5 "Montserrat", sans-serif;
  color: #2d2d2d;
  margin: 0;
  padding: 0;
  background: #fff; }

body * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

nav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

main {
  display: block; }

html,
body {
  overflow-x: hidden; }

html {
  --color_a:      #037eb4;
  --color_a-300:  #1594cb;
  --color_a-500:  #02577d;
  --color_a-600:  #024664;
  --color_a-700:  #03587c;
  --color_b:      #7dbd41;
  --color_c:      #ffc627;
  --color_c-700:  #b75606; }

html {
  scroll-padding-top: var(--SiteNavStickyHeight, 120px);
  smooth-behavior: smooth; }

/* HASH LINK SITE NAV OFFSET FIX */
/*  .content {} specific styles ---> this is pulled into _base-utilies.scss (site) and editor.scss  */
.Resp-Table-30-70 tr td:first-child img {
  display: block;
  width: 100% !important;
  margin: 0 auto; }

@media (max-width: 47.99em) {
  .Resp-Table-30-70 table, .Resp-Table-30-70 tbody, .Resp-Table-30-70 tr, .Resp-Table-30-70 td {
    display: block;
    width: 100% !important; }
  .Resp-Table-30-70 tr td img {
    max-width: 350px; } }

@media (min-width: 48em) {
  .Resp-Table-30-70 {
    table-layout: fixed; }
    .Resp-Table-30-70 tr td:nth-child(odd) {
      width: 30%;
      vertical-align: top; }
    .Resp-Table-30-70 tr td:nth-child(even) {
      width: 70%;
      vertical-align: top; } }

/* OG USE FOR /about-us/who-we-are/the-executive-team */
.Resp-Table-IMG-30-70 tr td:first-child img {
  display: block;
  width: 100% !important;
  margin: 0 auto; }

@media (max-width: 47.99em) {
  .Resp-Table-IMG-30-70 {
    max-width: 500px;
    margin: 0 auto;
    font-size: .925em; }
    .Resp-Table-IMG-30-70 tbody, .Resp-Table-IMG-30-70 tr, .Resp-Table-IMG-30-70 td {
      display: block;
      width: 100% !important; }
    .Resp-Table-IMG-30-70 tr td img {
      max-width: 250px; } }

@media (min-width: 48em) {
  .Resp-Table-IMG-30-70 {
    table-layout: fixed; }
    .Resp-Table-IMG-30-70 tr td:nth-child(odd) {
      width: 34%;
      padding: 1em 4% 0 2%;
      vertical-align: top; }
    .Resp-Table-IMG-30-70 tr td:nth-child(even) {
      width: 60%;
      vertical-align: top;
      font-size: .95em; } }

@media (min-width: 61.25em) {
  .Resp-Table-IMG-30-70 tr td:nth-child(odd) {
    width: 22%;
    padding-left: 4%; }
  .Resp-Table-IMG-30-70 tr td:nth-child(even) {
    width: 70%;
    font-size: 1em; } }

.content.cms-content ul:not(.slick-dots) {
  list-style: none;
  /* Remove default bullets */ }
  .content.cms-content ul:not(.slick-dots) li::before {
    content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #037eb4;
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */ }

.primary-brand {
  --ThemeColor1: #037eb4;
  --ThemeColor1rgba: 3, 126, 180;
  --ThemeColor2: #fff;
  --ThemeColor3: #02577d;
  --contrastBrandColor1: #fff;
  --Theme_TxtColor: #000;
  --Theme_TitleColor: #037eb4;
  --Theme_TxtSpecialColor: #037eb4;
  --btnBG:              var(--ThemeColor3);
  --btnAltBG:           var(--ThemeColor2);
  --btnAltBorder:       var(--ThemeColor3);
  --btnColor:           #fff;
  --btnAltColor:        var(--ThemeColor3);
  --btnTextOnlyColor:   var(--ThemeColor3);
  --btnActiveBG:        #000;
  --btnActiveAltBG:     var(--btnBG);
  --btnActiveColor:     #fff;
  --btnActiveAltColor:  #fff;
  --btnActiveTextOnlyColor:  #000;
  --slider-dots-color: #000;
  --slider-dots-active-color: var(--ThemeColor1);
  --Slider_StarColor: #ffc627;
  --inactiveTabColor:    var(--ThemeColor1);
  --inactiveTab:          #f0f0f0;
  --activeTabColor:       #fff;
  --activeTab:            var(--ThemeColor3);
  --hoverTabColor:        var(--inactiveTabColor);
  --hoverTab:             var(--inactiveTab);
  --TabMobileBorder:      rgba(3, 126, 180, 0.5);
  --AccTitleColor:        var(--ThemeColor1, #037eb4);
  --AccTitleColorActive:  #FFF;
  --AccIconColor:         var(--ThemeColor3, #02577d);
  --AccIconColorActive:   #FFF;
  --ModSection_TxtSpecialColor: var(--ThemeColor2);
  --articleOverlayColor: 3, 126, 180;
  --marketColor: var(--ThemeColor1, #037eb4); }
  .primary-brand .reverse-color, .primary-brand.reverse-color {
    --Theme_TxtColor:     #fff;
    --Theme_TxtSpecialColor: #fff;
    --btnBG:              var(--ThemeColor2);
    --btnAltBG:           var(--ThemeColor1);
    --btnAltBorder:       var(--ThemeColor2);
    --btnColor:           var(--ThemeColor1);
    --btnAltColor:        #fff;
    --btnTextOnlyColor:   #FFF;
    --btnActiveBG:        #000;
    --btnActiveAltBG:     var(--btnBG);
    --btnActiveColor:     #fff;
    --btnActiveAltColor:  var(--ThemeColor1);
    --btnActiveTextOnlyColor:  #000; }

.secondary-brand {
  --ThemeColor1: #7dbd41;
  --ThemeColor1rgba: 125, 189, 65;
  --ThemeColor2: #fff;
  --ThemeColor3: #57842d;
  --Theme_TxtColor: #000;
  --Theme_TitleColor: #7dbd41;
  --Theme_TxtSpecialColor: #7dbd41;
  --btnBG:              var(--ThemeColor3);
  --btnAltBG:           var(--ThemeColor2);
  --btnAltBorder:       var(--ThemeColor3);
  --btnColor:           #fff;
  --btnAltColor:        var(--ThemeColor3);
  --btnTextOnlyColor:   var(--ThemeColor3);
  --btnActiveBG:        #000;
  --btnActiveAltBG:     var(--btnBG);
  --btnActiveColor:     #fff;
  --btnActiveAltColor:  #fff;
  --btnActiveTextOnlyColor:  #000;
  --inactiveTabColor:    var(--ThemeColor1);
  --inactiveTab:          #f0f0f0;
  --activeTabColor:       #fff;
  --activeTab:            var(--ThemeColor3);
  --hoverTabColor:        var(--inactiveTabColor);
  --hoverTab:             var(--inactiveTab);
  --TabMobileBorder:      rgba(125, 189, 65, 0.5);
  --AccTitleColor:        #000;
  --AccTitleColorActive:  #FFF;
  --AccIconColor:         #000;
  --AccIconColorActive:   #FFF;
  --ModSection_TxtSpecialColor: var(--ThemeColor2);
  --articleOverlayColor: 125, 189, 65;
  --marketColor: var(--ThemeColor1, #037eb4); }
  .secondary-brand.reverse-color,
  .secondary-brand .reverse-color {
    --btnBG:              var(--ThemeColor2);
    --btnAltBG:           var(--ThemeColor1);
    --btnAltBorder:       var(--ThemeColor2);
    --btnColor:           var(--ThemeColor1);
    --btnAltColor:        #fff;
    --btnTextOnlyColor:   #FFF;
    --btnActiveBG:        #000;
    --btnActiveAltBG:     var(--btnBG);
    --btnActiveColor:     #fff;
    --btnActiveAltColor:  var(--ThemeColor1);
    --btnActiveTextOnlyColor:  #000; }

h1 {
  margin: 0;
  padding: 0;
  font-size: 2.125em;
  line-height: 1.1;
  font-weight: 500;
  color: #0494ca;
  font-family: "Montserrat"; }

h2 {
  margin: 0;
  padding: 0;
  font-size: 1.75em;
  line-height: 1.25;
  font-weight: 500;
  color: #03587c;
  font-family: "Montserrat"; }

h3 {
  margin: 0;
  padding: 0;
  font-size: 1.43em;
  line-height: 1.25;
  font-weight: 500;
  color: #578c32;
  font-family: "Montserrat"; }

h4 {
  margin: 0;
  padding: 0;
  font-size: 1.31em;
  line-height: 1.25;
  font-weight: 700;
  color: #b75606;
  font-family: "Montserrat"; }

h5 {
  margin: 0;
  padding: 0;
  font-size: 1.31em;
  line-height: 1.25;
  font-weight: 700;
  color: #2d2d2d;
  font-family: "Montserrat"; }

.home h1, .default h1 {
  margin: 0;
  padding: 0;
  font-size: 2.125em;
  line-height: 1.1;
  font-weight: 500;
  color: #037eb4;
  font-family: "Montserrat"; }

.home h2, .default h2 {
  margin: 0;
  padding: 0;
  font-size: 2.125em;
  line-height: 1.25;
  font-weight: 500;
  color: #1594cb;
  font-family: "Montserrat"; }

h1 a, h2 a, h3 a, h4 a, h5 a {
  color: inherit;
  font-weight: inherit;
  text-decoration: none; }

@media (min-width: 61.25em) {
  h1 a:hover {
    color: #035d7f;
    text-decoration: none; }
  h2 a:hover {
    color: #012331;
    text-decoration: none; }
  h3 a:hover {
    color: #34541e;
    text-decoration: none; }
  h4 a:hover {
    color: #6d3304;
    text-decoration: none; }
  h5 a:hover {
    color: #070707;
    text-decoration: none; } }

ul, ol {
  margin: 0;
  padding: 0; }

li {
  list-style: none;
  padding: 0;
  margin: 0; }

p {
  color: #2d2d2d;
  padding: 0;
  margin: 0;
  font-size: 1em;
  line-height: 1.5; }

a {
  color: #037eb4;
  text-decoration: none;
  border: none;
  outline: none;
  background-color: transparent; }

a img {
  border: none; }

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

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

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

.clear:before, .clear:after {
  display: table;
  content: ''; }

.clear:after {
  clear: both; }

.no-wrap {
  white-space: nowrap; }

.hidden {
  display: none !important; }

strong, b {
  font-weight: 700; }

em, i {
  font-style: italic; }

blockquote {
  margin-left: 2em; }

img, audio, canvas, video {
  max-width: 100%;
  vertical-align: top; }

img::-moz-selection {
  background: transparent; }

img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }

@-ms-viewport {
  width: device-width; }

::-moz-selection {
  background: #037eb4;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #037eb4;
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background: #037eb4;
  color: #fff;
  text-shadow: none; }

body {
  font-weight: 400;
  font-family: "Figtree", sans-serif;
  background: #f2f2f2; }

h1, h2 {
  font-weight: bold; }

a:hover, a:focus {
  text-decoration: none; }

h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus {
  text-decoration: none; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.7em; }

h3 {
  font-size: 1.45em; }

h4 {
  font-size: 1.3em; }

/********                                                                          ********/
.admin-logo {
  display: block;
  position: relative;
  padding: 11px;
  z-index: 20;
  width: 80%;
  max-width: 250px;
  background: url(/images/admin/logo.svg) no-repeat center left;
  background-size: contain; }

/***********************************************************
  @media (min-width: $large-viewport-10) {
    .admin-logo { width: 20%; position: absolute; top: 0; bottom: 0; }
    }
***********************************************************/
.admin-alert {
  color: #464646; }
  .admin-alert .svg-check-mark-icon {
    fill: #fff;
    background-color: #037eb4; }

.admin-alert-title {
  color: #037eb4; }

#APP-modal .content .close-btn .svg-container .svg-icon {
  fill: #037eb4; }

.button {
  color: #fff;
  background-color: #03587c; }
  .button.ghost {
    background-color: transparent;
    color: #037eb4;
    -webkit-box-shadow: inset 0 0 0 2px #037eb4;
    box-shadow: inset 0 0 0 2px #037eb4;
    font-weight: 500; }
  .button.grey-300 {
    color: #464646;
    background-color: #e9e9e9; }
  .button.color-a {
    background-color: #037eb4; }
  .button.color-b {
    background-color: #7dbd41; }
  .button.color-c {
    background-color: #ffc627; }
  .button.color-d {
    background-color: #add06d; }
  .button.ghost {
    background-color: transparent;
    color: #037eb4;
    -webkit-box-shadow: inset 0 0 0 2px #037eb4;
    box-shadow: inset 0 0 0 2px #037eb4; }
  .button.ghost-white {
    background-color: transparent;
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff; }
  @media (min-width: 70.625em) {
    .button:hover, .button:focus {
      color: #fff;
      background-color: #2d2d2d; } }

.admin-nav-hamburger {
  background: transparent;
  color: #fff; }
  .admin-nav-hamburger .hamburger-title {
    color: #000; }
  .admin-nav-hamburger .hamburger {
    background-color: #07465f; }
    .admin-nav-hamburger .hamburger:before, .admin-nav-hamburger .hamburger:after {
      background-color: #07465f; }

.admin-header {
  border-bottom: 2px solid #f2f2f2;
  background: #fff; }

.admin-nav-list li .link {
  color: #fff; }

.admin-nav-list li .link:hover {
  background-color: #fff;
  color: #000; }

.admin-nav-list li.fast_button_active .link {
  background-color: #037eb4 !important;
  color: #fff !important; }

.active-mobile-nav .admin-header-wrapper {
  background: #fff; }
  .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger {
    background-color: transparent; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger-title {
      color: #037eb4; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger {
      background-color: #037eb4; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger:before {
      background-color: #037eb4; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-hamburger .hamburger:after {
      background-color: #037eb4; }
  .active-mobile-nav .admin-header-wrapper .admin-nav-list {
    background-color: #464646;
    color: #f0f0f0; }
    .active-mobile-nav .admin-header-wrapper .admin-nav-list:before {
      background-color: #fff;
      border-bottom: 2px solid #f0f0f0; }
  .active-mobile-nav .admin-header-wrapper .admin-nav-list li.fast_button_active .link {
    background-color: #d7d7d7 !important;
    color: #000 !important; }

.menu-drop-down {
  background: #505050;
  color: #fff;
  -webkit-box-shadow: inset 0 0 5px #505050;
  box-shadow: inset 0 0 5px #505050; }

.drop-down-container .button {
  background-color: #808080;
  color: #fff;
  -webkit-box-shadow: 0 0 0 1px #333;
  box-shadow: 0 0 0 1px #333; }
  .drop-down-container .button:hover, .drop-down-container .button:focus {
    background-color: #000 !important; }
  .drop-down-container .button.fast_button_active {
    background-color: #000 !important; }

.switch-multi-drop-down, .close-multi-drop-down {
  fill: #ddd; }

@media (min-width: 75em) {
  .admin-nav-list li {
    color: #fff; }
    .admin-nav-list li .link {
      color: #8c8c8c; } }

.button {
  color: #fff;
  background-color: #03587c; }
  .button.ghost {
    background-color: transparent;
    color: #037eb4;
    -webkit-box-shadow: inset 0 0 0 2px #037eb4;
    box-shadow: inset 0 0 0 2px #037eb4;
    font-weight: 500; }
  .button.grey-300 {
    color: #464646;
    background-color: #e9e9e9; }
  .button.color-a {
    background-color: #037eb4; }
  .button.color-b {
    background-color: #7dbd41; }
  .button.color-c {
    background-color: #ffc627; }
  .button.color-d {
    background-color: #add06d; }
  .button.ghost {
    background-color: transparent;
    color: #037eb4;
    -webkit-box-shadow: inset 0 0 0 2px #037eb4;
    box-shadow: inset 0 0 0 2px #037eb4; }
  .button.ghost-white {
    background-color: transparent;
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff; }
  @media (min-width: 70.625em) {
    .button:hover, .button:focus {
      color: #fff;
      background-color: #2d2d2d; } }

.move-button {
  color: #888888;
  background: #e9e9e9;
  padding: .5em;
  display: inline-block;
  margin: 1em;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -o-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease; }
  .move-button:hover, .move-button:focus {
    background: #888888;
    color: #e9e9e9; }

.admin-left-nav {
  background-color: #fff; }
  .admin-left-nav [offc-trigger] {
    color: #fff;
    background-color: #037eb4; }

.not-tree-view-list a {
  color: #000;
  background-color: #f0f0f0; }
  .not-tree-view-list a:before {
    background-color: #d3d3d3; }
  .not-tree-view-list a:hover {
    color: #000;
    background-color: #ebebeb; }
  .not-tree-view-list a:hover:before {
    width: 2px;
    background-color: #d3d3d3; }

.not-tree-view-list .not-tree-view-list-item.active a {
  background-color: #e3e3e3; }

.not-tree-view-list .not-tree-view-list-item.active a:before {
  background-color: #037eb4; }

.shortcuts-menu .add-shortcut {
  border: 1px solid #8c8c8c; }
  .shortcuts-menu .add-shortcut .svg-container:hover {
    background: #cecece; }
  .shortcuts-menu .add-shortcut:hover {
    border: 2px solid #024969; }
    .shortcuts-menu .add-shortcut:hover .add-shortcut-icon {
      background-color: #037eb4; }
      .shortcuts-menu .add-shortcut:hover .add-shortcut-icon:before, .shortcuts-menu .add-shortcut:hover .add-shortcut-icon:after {
        background-color: #fff; }

.shortcuts-menu .add-shortcut-menu {
  background-color: #c6c6c6;
  color: white; }
  .shortcuts-menu .add-shortcut-menu ul li:hover {
    background-color: #bababa; }
  .shortcuts-menu .add-shortcut-menu ul li.fast_button_active {
    background-color: #037eb4; }

.shortcuts-menu .add-shortcut-icon:before, .shortcuts-menu .add-shortcut-icon:after {
  background-color: #8c8c8c; }

.shortcuts-menu .add-shortcut-icon .fast_button_active {
  background: #037eb4 !important; }

.box .panel.generic-toggle.theme-a > .panel-collapse {
  background-color: #f0f0f0; }

.box .panel.generic-toggle.theme-a > .panel-heading .panel-title {
  border: 1px solid #03587c;
  background-color: #037eb4; }
  .box .panel.generic-toggle.theme-a > .panel-heading .panel-title .box-title {
    color: #fff; }
  .box .panel.generic-toggle.theme-a > .panel-heading .panel-title .svg-container {
    fill: #fff; }

.box .panel.generic-toggle.theme-a input[type="text"], .box .panel.generic-toggle.theme-a select, .box .panel.generic-toggle.theme-a textarea {
  background-color: #fff; }

.box .panel.generic-toggle.theme-a:hover > .panel-heading .panel-title {
  background-color: #02577d; }

.box .panel.generic-toggle.theme-a-minimal > .panel-heading .panel-title {
  border: 1px solid #03587c;
  background-color: #037eb4; }
  .box .panel.generic-toggle.theme-a-minimal > .panel-heading .panel-title .box-title {
    color: #fff; }
  .box .panel.generic-toggle.theme-a-minimal > .panel-heading .panel-title .svg-container {
    fill: #fff; }

.box .panel.generic-toggle.theme-a-minimal:hover > .panel-heading .panel-title {
  background-color: #02577d; }

.segment.two-sided .segment-title {
  color: #037eb4; }

.shortcuts-popup .popup-tab label {
  color: #037eb4; }

.shortcuts-popup .button.active {
  background-color: #037eb4; }

.media-gallery [offc-trigger]:before,
.media-gallery [offc-mobile-btn]:before {
  color: #037eb4; }

.media-gallery.editor .bar .heading:after {
  background-color: #037eb4; }

.media-gallery.editor .bar .svg-container {
  fill: #037eb4; }

.media-gallery.editor .bar .svg-container:hover {
  background-color: #037eb4; }

.image-selector.ntfy-popup .bar .svg-container {
  fill: #037eb4; }

.image-selector.ntfy-popup .bar .svg-container:hover {
  background-color: #037eb4; }

.socialicons img {
  background-color: #037eb4; }

#body .admin-left-nav .RadTreeView .rtSelected .rtIn {
  background-color: #037eb4 !important;
  background-image: none;
  color: #fff !important; }
  #body .admin-left-nav .RadTreeView .rtSelected .rtIn:before {
    width: 4px;
    background-color: #037eb4; }

#body .reMode_selected,
#body .reTool:hover,
#body .rtbItem:hover,
#body .rtIn:hover {
  background-color: #037eb4 !important;
  background-image: none !important; }

#body .RadToolBar_Metro .rtbItemClicked .rtbWrap,
#body .RadToolBar_Metro .rtbSplBtnExpanded .rtbWrap,
#body .RadToolBar_Metro .rtbDropDownExpanded .rtbWrap,
#body .RadToolBar_Metro .rtbChecked .rtbWrap,
#body .RadToolBar_Metro li.rtbChecked .rtbWrap:hover {
  background-color: #037eb4 !important;
  border: 1px solid #037eb4; }

#body .RadTreeView_Metro .rtSelected .rtIn {
  border-color: #037eb4;
  background-color: #037eb4; }

.box {
  background: #fff;
  border-top: 1px solid #037eb4; }
  .box .box {
    background-color: #f2f2f2; }
  .box .box-title {
    color: #037eb4; }
  .box .svg-arrow-icon.box-arrow-toggle {
    background: #037eb4; }
  .box .box-button {
    background-color: #fff; }
  .box .box-controls .fast_button_active {
    background: #037eb4 !important; }
  .box .box-controls-message {
    background: #22b9fb;
    color: #013850; }
  .box .box-arrow-toggle.fast_button_active {
    background: black !important; }
  .box .panel-title .svg-container {
    fill: #024d6e; }
  .box .box-button-primary {
    /* COPIED FROM _buttons.scss */
    background: #037eb4;
    color: #fff; }
    .box .box-button-primary:hover {
      background-color: #0390cd !important;
      color: white !important; }
    .box .box-button-primary.fast_button_active {
      background: #036c9b !important;
      color: #f2f2f2 !important; }
    .box .box-button-primary .svg-icon {
      fill: #fff; }
  .box .box-button-secondary {
    /* COPIED FROM _buttons.scss */
    background: #e9e9e9;
    color: #037eb4; }
    .box .box-button-secondary:hover {
      background-color: #f6f6f6 !important;
      color: #0390cd !important; }
    .box .box-button-secondary.fast_button_active {
      background: gainsboro !important;
      color: #036c9b !important; }
    .box .box-button-secondary .svg-icon {
      fill: #037eb4; }
  .box .box-arrow-toggle {
    fill: #fff; }
  .box .inset-label.button.box-button-primary {
    border: 1px solid #037eb4; }
  .box.active {
    background: #037eb4;
    color: #fff;
    border-top: 1px solid #fff !important;
    /* ??? ADDED / NEEDED ??? */ }
    .box.active .box-title,
    .box.active .box-link,
    .box.active .segment-title {
      color: #fff; }
    .box.active .box-arrow-toggle {
      fill: #037eb4;
      background: #fff; }
    .box.active .box-button {
      background-color: #fff;
      color: #037eb4; }
  .box.flex-item {
    border-top: 1px solid #037eb4; }
  .box.loading:after {
    /* follow line to change loading color ----------------------------------------------------------------------------------------------------------------------------------------------- RIGHT BELOW HERE --------------------- */
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-facebook'%3E%3Cstyle type='text/css'%3E.highlight %7B fill: %23037eb4 %7D /* CHANGE HIGHLIGHT COLOR HERE. %3C/style%3E%3Cg transform='translate(20 50)'%3E%3Crect x='-10' y='-30' width='20' height='60' class='highlight' opacity='0.6'%3E%3CanimateTransform attributeName='transform' type='scale' from='2' to='1' begin='0s' repeatCount='indefinite' dur='1s' calcMode='spline' keySplines='0.1 0.9 0.4 1' keyTimes='0;1' values='2;1'%3E%3C/animateTransform%3E%3C/rect%3E%3C/g%3E%3Cg transform='translate(50 50)'%3E%3Crect x='-10' y='-30' width='20' height='60' class='highlight' opacity='0.8'%3E%3CanimateTransform attributeName='transform' type='scale' from='2' to='1' begin='0.1s' repeatCount='indefinite' dur='1s' calcMode='spline' keySplines='0.1 0.9 0.4 1' keyTimes='0;1' values='2;1'%3E%3C/animateTransform%3E%3C/rect%3E%3C/g%3E%3Cg transform='translate(80 50)'%3E%3Crect x='-10' y='-30' width='20' height='60' class='highlight' opacity='0.9'%3E%3CanimateTransform attributeName='transform' type='scale' from='2' to='1' begin='0.2s' repeatCount='indefinite' dur='1s' calcMode='spline' keySplines='0.1 0.9 0.4 1' keyTimes='0;1' values='2;1'%3E%3C/animateTransform%3E%3C/rect%3E%3C/g%3E%3C/svg%3E"); }

.box-offset-action {
  fill: #fff;
  background-color: #d3d3d3; }
  .box-offset-action.fast_button_active {
    background-color: #037eb4; }
  .box-offset-action:hover {
    background-color: #636363; }

.roll-link {
  color: #d3d3d3; }
  .roll-link span:after {
    background: none repeat scroll 0 0 #037eb4;
    color: #fff; }
  .roll-link.fast_button_active span {
    background: #f1f8e6 !important;
    color: #2d2d2d !important; }
    .roll-link.fast_button_active span:after {
      background: #f1f8e6;
      color: #2d2d2d; }

.bg-grey-100 {
  background-color: #f5f5f5; }

.bg-grey-200 {
  background-color: #f0f0f0; }

.theme-list-grey-200 li {
  list-style: none !important; }

.theme-list-grey-200 li:nth-child(odd) {
  background-color: #f0f0f0; }

.loader > div {
  background: #037eb4; }