@charset "UTF-8";
/* NOTE: A minified version of this file is served in production. Minified file: style.min.css (same directory) */
/*@use "abstracts";*/
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 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.
 */
html,
body {
  min-height: 100%;
  margin: 0;
  padding: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

a:hover {
  text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
* Remove margin from p tags 
*/
p {
  margin: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, 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;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* 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.18;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 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.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 1.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-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.
 */
[type=search]::-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 Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/**
* All the styles relating to the cart
*/
.navbar-sticky-default #cartMenuWrapper,
.navbar-sticky #cartMenuWrapper {
  top: 0;
  z-index: 6;
}

#cartMenuWrapper .acc-link,
#cartMenuWrapper .cart-link {
  height: 34px;
  width: 34px;
  display: inline-block;
  position: relative;
  margin: 0 0 0 8px;
  outline: 1px solid #FFFFFF;
  box-shadow: rgba(255, 255, 255, 0) 0px -1px 3px;
  transition: background 0.2s ease, box-shadow 0.1s ease;
}
#cartMenuWrapper .acc-link i,
#cartMenuWrapper .cart-link i {
  color: #FFFFFF;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#cartMenuWrapper .acc-link:hover, #cartMenuWrapper .acc-link:focus,
#cartMenuWrapper .cart-link:hover,
#cartMenuWrapper .cart-link:focus {
  background-color: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  box-shadow: rgba(255, 255, 255, 0.4) 0px -1px 3px;
  outline: none;
  border: none;
}
#cartMenuWrapper .acc-link:active,
#cartMenuWrapper .cart-link:active {
  background-color: rgba(255, 255, 255, 0.15);
}
#cartMenuWrapper .cart-count {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 5px;
  top: 4px;
  width: 12px;
  height: 12px;
  color: #0077C6;
  border-radius: 50px;
  background-color: #FFFFFF;
}

.product-options {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 0 10px;
}
.product-options .course-cost {
  font-weight: bold;
}
.product-options .course-cost > span {
  margin-left: 10px;
}
.product-options .course-buy-btn {
  display: flex;
  padding: 10px 20px;
}

#course_dates_enq_holder .person span.amount {
  color: #0077C6;
}
#course_dates_enq_holder div.live span.amount {
  color: #FD671A;
}

.device-mobile .product-options .course-buy-btn {
  padding: 10px 0;
  flex: 1 1 auto;
}
.device-mobile .product-options .course-buy-btn .button {
  flex: 1 1 100%;
  width: 100%;
}

.qty.seg-mdl-counter-box {
  width: unset;
  background: lightgray;
  padding: 8px 10px;
  border-radius: 20px;
  max-width: 120px;
  font-size: 11px;
  margin-right: 20px;
}
.qty.seg-mdl-counter-box .label {
  width: unset;
  max-width: unset;
  min-width: 30px;
  border-right: 1px solid;
}
.qty.seg-mdl-counter-box .inputs {
  font-size: 11px;
  padding: 0 0 0 5px;
}
.qty.seg-mdl-counter-box input.seg-mdl {
  font-size: 11px;
}
.qty.seg-mdl-counter-box .count-inc,
.qty.seg-mdl-counter-box .count-dec {
  border: 1px;
  background-color: unset;
  border-color: unset;
}
.qty.seg-mdl-counter-box .count-dec::before {
  height: 1px;
  width: 7px;
}
.qty.seg-mdl-counter-box .count-inc::before {
  height: 1px;
  width: 7px;
}
.qty.seg-mdl-counter-box .count-inc::after {
  width: 1px;
  height: 7px;
}

.woocommerce .checkout_coupon {
  margin-top: 20px !important;
  padding-top: 0 !important;
  height: 100px;
}
.woocommerce a.remove {
  position: relative;
  isolation: isolate;
  z-index: 1;
  color: #fff !important;
  text-align: center;
  line-height: 24px;
  font-size: 24px;
  max-width: 24px;
}
.woocommerce a.remove:hover {
  background: #fff;
}
.woocommerce a.remove::after {
  content: "×";
  position: absolute;
  width: 24px;
  height: 24px;
  inset: 0;
  z-index: 2;
  color: #fff;
  line-height: 21px;
}
.woocommerce a.remove::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: red;
  inset: 0;
  border-radius: 50%;
  z-index: 2;
}

.checkout .woocommerce-checkout {
  width: 100%;
  padding: 10px;
}
.checkout .woocommerce-billing-fields {
  border: 1px solid #666666;
  border-radius: 5px;
  padding: 0 10px;
}

.woocommerce-cart .woocommerce a.remove {
  width: 100%;
}

.device-mobile .woocommerce a.remove {
  max-width: unset;
}
.device-mobile .woocommerce a.remove::after {
  left: auto;
}
.device-mobile .woocommerce a.remove::before {
  left: auto;
}

i.mce-i-aligncenter, i.mce-i-alignjustify, i.mce-i-alignleft, i.mce-i-alignright, i.mce-i-backcolor, i.mce-i-blockquote, i.mce-i-bold, i.mce-i-bullist, i.mce-i-charmap, i.mce-i-dashicon, i.mce-i-dfw, i.mce-i-forecolor, i.mce-i-fullscreen, i.mce-i-help, i.mce-i-hr, i.mce-i-indent, i.mce-i-italic, i.mce-i-link, i.mce-i-ltr, i.mce-i-numlist, i.mce-i-outdent, i.mce-i-pastetext, i.mce-i-pasteword, i.mce-i-redo, i.mce-i-remove, i.mce-i-removeformat, i.mce-i-spellchecker, i.mce-i-strikethrough, i.mce-i-underline, i.mce-i-undo, i.mce-i-unlink, i.mce-i-wp-media-library, i.mce-i-wp_adv, i.mce-i-wp_code, i.mce-i-wp_fullscreen, i.mce-i-wp_help, i.mce-i-wp_more, i.mce-i-wp_page {
  font: normal 20px/1 dashicons !important;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.owl-carousel.owl-theme .owl-dots {
  margin-top: 12px;
  max-height: 26px;
  overflow: hidden;
}
.owl-carousel.owl-theme .owl-dots .owl-dot.active span {
  background: #0077C6;
}
.owl-carousel.owl-theme .owl-dots .owl-dot span {
  border: 1px solid #0077C6;
}
.owl-carousel.owl-theme .owl-nav button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  transform: translateY(calc(-50% - 12px));
  background-color: #0077C6;
  border-radius: 50%;
}
.owl-carousel.owl-theme .owl-nav button.owl-prev {
  margin-right: 4px;
}
.owl-carousel.owl-theme .owl-nav button.owl-next {
  margin-left: 4px;
}
.owl-carousel.owl-theme .owl-nav button::before {
  content: none;
}
.owl-carousel.owl-theme .owl-nav button:hover {
  background-color: #0077C6;
}
.owl-carousel.owl-theme .owl-nav button span {
  height: 24px;
  color: #FFFFFF;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box;
}

/*add this opacity to smooth over the page jitter from responsive class loading in js*/
body {
  opacity: 0;
  transition: opacity 0.1s linear;
}
body[class*=device-] {
  opacity: 1;
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * Basic styles for links
 */
a {
  color: #0077C6;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: #222222;
}

.slick-track {
  float: left;
}

.rounded, .page[class*=device-] .woocommerce .woocommerce-Button,
.page[class*=device-] .woocommerce .woocommerce-button, .page[class*=device-].woocommerce-page .woocommerce-Button,
.page[class*=device-].woocommerce-page .woocommerce-button, .page[class*=device-].account-settings .woocommerce-Button,
.page[class*=device-].account-settings .woocommerce-button, .page-cart section .woocommerce #respond input#submit,
.page-cart section .woocommerce a.button,
.page-cart section .woocommerce button.button,
.page-cart section .woocommerce input.button, .woocommerce > section #respond input#submit,
.woocommerce > section a.button,
.woocommerce > section button.button,
.woocommerce > section input.button, #path-wrapper .courses_box .node__content .main-node .main-node-title, #path-wrapper .courses_box .node__content .main-node, #path-wrapper .courses_box, #path-wrapper .department_box .node__content .sub_node .node_title,
#path-wrapper .department_box .node__content .node_box .node_title, #path-wrapper .department_box .node__content .sub_node,
#path-wrapper .department_box .node__content .node_box, #path-wrapper .department_box, #path-wrapper .material-details .pre-course-learning-material, #path-wrapper .sub-node, #path-wrapper .main-node.cadet-program .sign-up, #path-wrapper .main-node, #path-wrapper .panel .holder .content .element, #path-wrapper .panel, .course-wrapper .course .course-image, .course-enq-form-wrapper, .course_provider_wrapper, .map-card-item-wrapper .map-card-item-distance, .map-card-item-wrapper .map-card-item-image-wrapper, .map-card-item-wrapper, #map-listing-wrapper .map-listing-item, .get-started-wrapper, .text-framed, .slider .card .card-tag, .slider .card, .button, .social-wrapper ul li, .container_outlined {
  border-radius: 7px;
}

.squared {
  border-radius: 0;
}

.padding-top-1 {
  padding-top: 14px;
}

.padding-top-2 {
  padding-top: 28px;
}

.padding-top-3 {
  padding-top: 42px;
}

.padding-bottom-1 {
  padding-bottom: 14px;
}

.padding-bottom-2 {
  padding-bottom: 28px;
}

.padding-bottom-3 {
  padding-bottom: 42px;
}

.container_outlined {
  background-color: #fff;
  border: 1px solid #666666;
  position: relative;
}
.container_outlined .outlined-heading {
  background-color: inherit;
  left: 20px;
  margin: 0;
  padding: 2px 10px;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
}
.container_outlined.header-items .outlined-heading {
  transform: translate(-50%, -50%);
  left: 50%;
  width: 100%;
  /*use width 100% to prevent content prematurely wrapping*/
  max-width: max-content;
  /*Set max-width: max-content to prevent text from covering the outline.*/
}

.social-wrapper.dark-icons a::before {
  color: #3E3E3E;
}
.social-wrapper ul {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
.social-wrapper ul li {
  display: inline-flex;
  list-style: none;
  flex: 1 1 24px;
  margin: 5px;
}
.social-wrapper ul li a {
  border-radius: inherit;
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
  min-height: 24px;
  min-width: 24px;
}
.social-wrapper ul li a:hover {
  cursor: pointer;
  opacity: 0.9;
}
.social-wrapper ul li a::before {
  color: #fff;
  font-family: seg;
  font-size: 24px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.social-wrapper ul li .provider-details-menu-item:not([href]) {
  display: none;
}
.social-wrapper ul li .icon_facebook::before {
  content: "\e907";
}
.social-wrapper ul li .icon_instagram::before {
  content: "\e908";
}
.social-wrapper ul li .icon_twitter::before {
  content: "\e90e";
}
.social-wrapper ul li .icon_youtube::before {
  content: "\e910";
}
.social-wrapper ul li .icon_linkedin::before {
  content: "\e92a";
}
.social-wrapper #header-social-menu {
  flex-direction: column;
}
.social-wrapper #header-social-menu li {
  margin: 0 0 5px;
}
.social-wrapper #header-social-menu a {
  border-radius: 7px;
  border: 1px solid #fff;
  box-shadow: rgba(255, 255, 255, 0) 0px -1px 3px;
  min-height: 24px;
  min-width: 24px;
  overflow: hidden;
  transition: background 0.2s ease, box-shadow 0.1s ease;
}
.social-wrapper #header-social-menu a:hover, .social-wrapper #header-social-menu a:focus {
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: rgba(255, 255, 255, 0.4) 0px -1px 3px;
  cursor: pointer;
  outline: none;
}
.social-wrapper #header-social-menu a:active {
  background-color: rgba(255, 255, 255, 0.15);
}

/*MDL input theming*/
.no-margin {
  margin: 0 !important;
}

/*Login link*/
.head-login-button {
  color: #FFF;
  border: 1px solid #fff;
  border-radius: 5px;
  background: none;
  padding-left: 28px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.cart-link {
  border-radius: 5px;
}

.head-login-button:hover, .cart-link:hover {
  background-color: rgba(0, 0, 0, 0.15) !important;
  cursor: pointer;
  box-shadow: rgba(255, 255, 255, 0.6) 0px -1px 3px !important;
}

@font-face {
  font-family: "Public Sans";
  src: url("./fonts/PublicSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Public Sans";
  src: url("./fonts/PublicSans-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Public Sans";
  src: url("./fonts/PublicSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Public Sans";
  src: url("./fonts/PublicSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Public Sans";
  src: url("./fonts/PublicSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Public Sans";
  src: url("./fonts/PublicSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
.primary-font, #provider_course_table .table-header > div, .list-wrapper .books-list-header-item, .table-header, #navbar, .course-enq-form-wrapper .cost, h2.course-buy-title,
h2.course-title, h3.course-contact,
h3.accreditations-title,
h3.course-description, header #navbar, body {
  font-family: "Public Sans", serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.secondary-font, .page-provider-course-form .selectable-box h4, .provider-stats-wrapper .p-time-total .p-time-hours-value,
.provider-stats-wrapper .p-time-total .p-time-mins-value,
.provider-stats-wrapper .p-time-total .p-time-secs-value,
.orders-wrapper .p-time-total .p-time-hours-value,
.orders-wrapper .p-time-total .p-time-mins-value,
.orders-wrapper .p-time-total .p-time-secs-value,
.list-wrapper .p-time-total .p-time-hours-value,
.list-wrapper .p-time-total .p-time-mins-value,
.list-wrapper .p-time-total .p-time-secs-value, .provider-stats-wrapper .c-views .c-count-right,
.provider-stats-wrapper .p-views .c-count-right,
.provider-stats-wrapper .p-time .c-count-right,
.orders-wrapper .c-views .c-count-right,
.orders-wrapper .p-views .c-count-right,
.orders-wrapper .p-time .c-count-right,
.list-wrapper .c-views .c-count-right,
.list-wrapper .p-views .c-count-right,
.list-wrapper .p-time .c-count-right, .provider-stats-wrapper .c-views .c-count-left,
.provider-stats-wrapper .p-views .c-count-left,
.provider-stats-wrapper .p-time .c-count-left,
.orders-wrapper .c-views .c-count-left,
.orders-wrapper .p-views .c-count-left,
.orders-wrapper .p-time .c-count-left,
.list-wrapper .c-views .c-count-left,
.list-wrapper .p-views .c-count-left,
.list-wrapper .p-time .c-count-left, .table .table-header > div,
.measurement-values .row-item, .btn-items .button, .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .main-title, .cadet-program-wrapper .home-cadet-title, .cadet-program-wrapper .cadet-info-title, .home .home-page-heading, .textImage-wrapper .left-wrapper .textImage-content .textImage-title, .c-count,
.p-count,
.c-count-left,
.c-count-right, h2.provider-title, .c-wrapper .c-title, .device-mobile #path-wrapper .panel .holder .title, .home-featured-wrapper article .home-blog-title, .home-featured-wrapper .home-featured-title, .home-partners-wrapper .home-partners-title, .directory-stats-wrapper .stat-value, .directory-stats-wrapper .directory-stats-title, .home-gallery-wrapper h2.home-gallery-title, .contact-us-wrapper .contact-us-content h2.contact-us-title, .about-us-wrapper .about-us-title, .get-started-wrapper h2.get-started-title, .training-centre, h2.course-provider, .node_box .node_title,
.sub_node .node_title, .sub-node h2.sub-node-title, .main-node h2.main-node-title, h1,
h3 {
  font-family: "Public Sans", serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/**
 * Basic typography style for copy text
 */
.primary-font.light, #provider_course_table .table-header > div.light, .list-wrapper .light.books-list-header-item, .light.table-header, .light#navbar, .course-enq-form-wrapper .light.cost, h2.light.course-buy-title,
h2.light.course-title, h3.light.course-contact,
h3.light.accreditations-title,
h3.light.course-description, body.light {
  font-weight: 200;
  font-style: normal;
}

.primary-font.light-italic, #provider_course_table .table-header > div.light-italic, .list-wrapper .light-italic.books-list-header-item, .light-italic.table-header, .light-italic#navbar, .course-enq-form-wrapper .light-italic.cost, h2.light-italic.course-buy-title,
h2.light-italic.course-title, h3.light-italic.course-contact,
h3.light-italic.accreditations-title,
h3.light-italic.course-description, body.light-italic {
  font-weight: 200;
  font-style: italic;
}

.primary-font.regular, .page-provider-course-form .selectable-box h4.primary-font, #provider_course_table .table-header > div.regular, .list-wrapper .regular.books-list-header-item, .list-wrapper .page-provider-course-form .selectable-box h4.books-list-header-item, .page-provider-course-form .selectable-box .list-wrapper h4.books-list-header-item, .regular.table-header, .page-provider-course-form .selectable-box h4.table-header, .regular#navbar, .page-provider-course-form .selectable-box h4#navbar, h2.primary-font.provider-title, .list-wrapper h2.provider-title.books-list-header-item, h2.provider-title.table-header, h2.provider-title#navbar, .c-wrapper .primary-font.c-title, .c-wrapper #provider_course_table .table-header > div.c-title, #provider_course_table .c-wrapper .table-header > div.c-title, .c-wrapper .list-wrapper .c-title.books-list-header-item, .list-wrapper .c-wrapper .c-title.books-list-header-item, .c-wrapper .c-title.table-header, .c-wrapper .c-title#navbar, .device-mobile #path-wrapper .panel .holder .primary-font.title, .device-mobile #path-wrapper .panel .holder #provider_course_table .table-header > div.title, #provider_course_table .device-mobile #path-wrapper .panel .holder .table-header > div.title, .device-mobile #path-wrapper .panel .holder .list-wrapper .title.books-list-header-item, .list-wrapper .device-mobile #path-wrapper .panel .holder .title.books-list-header-item, .device-mobile #path-wrapper .panel .holder .title.table-header, .device-mobile #path-wrapper .panel .holder .title#navbar, .home-featured-wrapper article .primary-font.home-blog-title, .home-featured-wrapper article #provider_course_table .table-header > div.home-blog-title, #provider_course_table .home-featured-wrapper article .table-header > div.home-blog-title, .home-featured-wrapper article .list-wrapper .home-blog-title.books-list-header-item, .list-wrapper .home-featured-wrapper article .home-blog-title.books-list-header-item, .home-featured-wrapper article .home-blog-title.table-header, .home-featured-wrapper article .home-blog-title#navbar, .home-featured-wrapper .primary-font.home-featured-title, .home-featured-wrapper #provider_course_table .table-header > div.home-featured-title, #provider_course_table .home-featured-wrapper .table-header > div.home-featured-title, .home-featured-wrapper .list-wrapper .home-featured-title.books-list-header-item, .list-wrapper .home-featured-wrapper .home-featured-title.books-list-header-item, .home-featured-wrapper .home-featured-title.table-header, .home-featured-wrapper .home-featured-title#navbar, .home-partners-wrapper .primary-font.home-partners-title, .home-partners-wrapper #provider_course_table .table-header > div.home-partners-title, #provider_course_table .home-partners-wrapper .table-header > div.home-partners-title, .home-partners-wrapper .list-wrapper .home-partners-title.books-list-header-item, .list-wrapper .home-partners-wrapper .home-partners-title.books-list-header-item, .home-partners-wrapper .home-partners-title.table-header, .home-partners-wrapper .home-partners-title#navbar, .directory-stats-wrapper .primary-font.stat-value, .directory-stats-wrapper #provider_course_table .table-header > div.stat-value, #provider_course_table .directory-stats-wrapper .table-header > div.stat-value, .directory-stats-wrapper .list-wrapper .stat-value.books-list-header-item, .list-wrapper .directory-stats-wrapper .stat-value.books-list-header-item, .directory-stats-wrapper .stat-value.table-header, .directory-stats-wrapper .stat-value#navbar, .directory-stats-wrapper .primary-font.directory-stats-title, .directory-stats-wrapper #provider_course_table .table-header > div.directory-stats-title, #provider_course_table .directory-stats-wrapper .table-header > div.directory-stats-title, .directory-stats-wrapper .list-wrapper .directory-stats-title.books-list-header-item, .list-wrapper .directory-stats-wrapper .directory-stats-title.books-list-header-item, .directory-stats-wrapper .directory-stats-title.table-header, .directory-stats-wrapper .directory-stats-title#navbar, .home-gallery-wrapper h2.primary-font.home-gallery-title, .home-gallery-wrapper .list-wrapper h2.home-gallery-title.books-list-header-item, .list-wrapper .home-gallery-wrapper h2.home-gallery-title.books-list-header-item, .home-gallery-wrapper h2.home-gallery-title.table-header, .home-gallery-wrapper h2.home-gallery-title#navbar, .contact-us-wrapper .contact-us-content h2.primary-font.contact-us-title, .contact-us-wrapper .contact-us-content .list-wrapper h2.contact-us-title.books-list-header-item, .list-wrapper .contact-us-wrapper .contact-us-content h2.contact-us-title.books-list-header-item, .contact-us-wrapper .contact-us-content h2.contact-us-title.table-header, .contact-us-wrapper .contact-us-content h2.contact-us-title#navbar, .about-us-wrapper .primary-font.about-us-title, .about-us-wrapper #provider_course_table .table-header > div.about-us-title, #provider_course_table .about-us-wrapper .table-header > div.about-us-title, .about-us-wrapper .list-wrapper .about-us-title.books-list-header-item, .list-wrapper .about-us-wrapper .about-us-title.books-list-header-item, .about-us-wrapper .about-us-title.table-header, .about-us-wrapper .about-us-title#navbar, .get-started-wrapper h2.primary-font.get-started-title, .get-started-wrapper .list-wrapper h2.get-started-title.books-list-header-item, .list-wrapper .get-started-wrapper h2.get-started-title.books-list-header-item, .get-started-wrapper h2.get-started-title.table-header, .get-started-wrapper h2.get-started-title#navbar, .course-enq-form-wrapper .regular.cost, .course-enq-form-wrapper .page-provider-course-form .selectable-box h4.cost, .page-provider-course-form .selectable-box .course-enq-form-wrapper h4.cost, .course-enq-form-wrapper h2.cost.provider-title, .course-enq-form-wrapper .c-wrapper .cost.c-title, .c-wrapper .course-enq-form-wrapper .cost.c-title, .course-enq-form-wrapper .device-mobile #path-wrapper .panel .holder .cost.title, .device-mobile #path-wrapper .panel .holder .course-enq-form-wrapper .cost.title, .course-enq-form-wrapper .home-featured-wrapper article .cost.home-blog-title, .home-featured-wrapper article .course-enq-form-wrapper .cost.home-blog-title, .course-enq-form-wrapper .home-featured-wrapper .cost.home-featured-title, .home-featured-wrapper .course-enq-form-wrapper .cost.home-featured-title, .course-enq-form-wrapper .home-partners-wrapper .cost.home-partners-title, .home-partners-wrapper .course-enq-form-wrapper .cost.home-partners-title, .course-enq-form-wrapper .directory-stats-wrapper .cost.stat-value, .directory-stats-wrapper .course-enq-form-wrapper .cost.stat-value, .course-enq-form-wrapper .directory-stats-wrapper .cost.directory-stats-title, .directory-stats-wrapper .course-enq-form-wrapper .cost.directory-stats-title, .course-enq-form-wrapper .home-gallery-wrapper h2.cost.home-gallery-title, .home-gallery-wrapper .course-enq-form-wrapper h2.cost.home-gallery-title, .course-enq-form-wrapper .contact-us-wrapper .contact-us-content h2.cost.contact-us-title, .contact-us-wrapper .contact-us-content .course-enq-form-wrapper h2.cost.contact-us-title, .course-enq-form-wrapper .about-us-wrapper .cost.about-us-title, .about-us-wrapper .course-enq-form-wrapper .cost.about-us-title, .course-enq-form-wrapper .get-started-wrapper h2.cost.get-started-title, .get-started-wrapper .course-enq-form-wrapper h2.cost.get-started-title, h2.regular.course-buy-title, h2.course-buy-title.provider-title, .c-wrapper h2.course-buy-title.c-title, .device-mobile #path-wrapper .panel .holder h2.course-buy-title.title, .home-featured-wrapper article h2.course-buy-title.home-blog-title, .home-featured-wrapper h2.course-buy-title.home-featured-title, .home-partners-wrapper h2.course-buy-title.home-partners-title, .directory-stats-wrapper h2.course-buy-title.stat-value, .directory-stats-wrapper h2.course-buy-title.directory-stats-title, .home-gallery-wrapper h2.course-buy-title.home-gallery-title, .contact-us-wrapper .contact-us-content h2.course-buy-title.contact-us-title, .about-us-wrapper h2.course-buy-title.about-us-title, .get-started-wrapper h2.course-buy-title.get-started-title,
h2.regular.course-title,
h2.course-title.provider-title,
.c-wrapper h2.course-title.c-title,
.device-mobile #path-wrapper .panel .holder h2.course-title.title,
.home-featured-wrapper article h2.course-title.home-blog-title,
.home-featured-wrapper h2.course-title.home-featured-title,
.home-partners-wrapper h2.course-title.home-partners-title,
.directory-stats-wrapper h2.course-title.stat-value,
.directory-stats-wrapper h2.course-title.directory-stats-title,
.home-gallery-wrapper h2.course-title.home-gallery-title,
.contact-us-wrapper .contact-us-content h2.course-title.contact-us-title,
.about-us-wrapper h2.course-title.about-us-title,
.get-started-wrapper h2.course-title.get-started-title, h3.regular.course-contact, .c-wrapper h3.course-contact.c-title, .device-mobile #path-wrapper .panel .holder h3.course-contact.title, .home-featured-wrapper article h3.course-contact.home-blog-title, .home-featured-wrapper h3.course-contact.home-featured-title, .home-partners-wrapper h3.course-contact.home-partners-title, .directory-stats-wrapper h3.course-contact.stat-value, .directory-stats-wrapper h3.course-contact.directory-stats-title, .about-us-wrapper h3.course-contact.about-us-title,
h3.regular.accreditations-title,
.c-wrapper h3.accreditations-title.c-title,
.device-mobile #path-wrapper .panel .holder h3.accreditations-title.title,
.home-featured-wrapper article h3.accreditations-title.home-blog-title,
.home-featured-wrapper h3.accreditations-title.home-featured-title,
.home-partners-wrapper h3.accreditations-title.home-partners-title,
.directory-stats-wrapper h3.accreditations-title.stat-value,
.directory-stats-wrapper h3.accreditations-title.directory-stats-title,
.about-us-wrapper h3.accreditations-title.about-us-title,
h3.regular.course-description,
.c-wrapper h3.course-description.c-title,
.device-mobile #path-wrapper .panel .holder h3.course-description.title,
.home-featured-wrapper article h3.course-description.home-blog-title,
.home-featured-wrapper h3.course-description.home-featured-title,
.home-partners-wrapper h3.course-description.home-partners-title,
.directory-stats-wrapper h3.course-description.stat-value,
.directory-stats-wrapper h3.course-description.directory-stats-title,
.about-us-wrapper h3.course-description.about-us-title, body.regular, .c-wrapper body.c-title, .device-mobile #path-wrapper .panel .holder body.title, .home-featured-wrapper article body.home-blog-title, .home-featured-wrapper body.home-featured-title, .home-partners-wrapper body.home-partners-title, .directory-stats-wrapper body.stat-value, .directory-stats-wrapper body.directory-stats-title, .about-us-wrapper body.about-us-title {
  font-weight: 400;
  font-style: normal;
}

.primary-font.regular-italic, #provider_course_table .table-header > div.regular-italic, .list-wrapper .regular-italic.books-list-header-item, .regular-italic.table-header, .regular-italic#navbar, .course-enq-form-wrapper .regular-italic.cost, h2.regular-italic.course-buy-title,
h2.regular-italic.course-title, h3.regular-italic.course-contact,
h3.regular-italic.accreditations-title,
h3.regular-italic.course-description, body.regular-italic {
  font-weight: 400;
  font-style: italic;
}

.primary-font.semibold, #provider_course_table .table-header > div.semibold, .list-wrapper .semibold.books-list-header-item, .semibold.table-header, .semibold#navbar, .course-enq-form-wrapper .semibold.cost, h2.semibold.course-buy-title,
h2.semibold.course-title, h3.semibold.course-contact,
h3.semibold.accreditations-title,
h3.semibold.course-description, body.semibold {
  font-weight: 600;
  font-style: normal;
}

.primary-font.bold, #provider_course_table .table-header > div.bold, .list-wrapper .bold.books-list-header-item, .bold.table-header, .bold#navbar, .primary-font.c-count, #provider_course_table .table-header > div.c-count, .list-wrapper .c-count.books-list-header-item, .c-count.table-header, .c-count#navbar,
.primary-font.p-count,
#provider_course_table .table-header > div.p-count,
.list-wrapper .p-count.books-list-header-item,
.p-count.table-header,
.p-count#navbar,
.primary-font.c-count-left,
#provider_course_table .table-header > div.c-count-left,
.list-wrapper .c-count-left.books-list-header-item,
.c-count-left.table-header,
.c-count-left#navbar,
.primary-font.c-count-right,
#provider_course_table .table-header > div.c-count-right,
.list-wrapper .c-count-right.books-list-header-item,
.c-count-right.table-header,
.c-count-right#navbar, .course-enq-form-wrapper .cost, h2.course-buy-title,
h2.course-title, h3.course-contact,
h3.accreditations-title,
h3.course-description, header .course-enq-form-wrapper #navbar.cost, .course-enq-form-wrapper header #navbar.cost, header h2#navbar.course-buy-title,
header h2#navbar.course-title, header h3#navbar.course-contact,
header h3#navbar.accreditations-title,
header h3#navbar.course-description, body.bold, body.c-count,
body.p-count,
body.c-count-left,
body.c-count-right {
  font-weight: 700;
  font-style: normal;
}

.secondary-font.light, .page-provider-course-form .selectable-box h4.light, .provider-stats-wrapper .p-time-total .light.p-time-hours-value,
.provider-stats-wrapper .p-time-total .light.p-time-mins-value,
.provider-stats-wrapper .p-time-total .light.p-time-secs-value,
.orders-wrapper .p-time-total .light.p-time-hours-value,
.orders-wrapper .p-time-total .light.p-time-mins-value,
.orders-wrapper .p-time-total .light.p-time-secs-value,
.list-wrapper .p-time-total .light.p-time-hours-value,
.list-wrapper .p-time-total .light.p-time-mins-value,
.list-wrapper .p-time-total .light.p-time-secs-value, .provider-stats-wrapper .c-views .light.c-count-right,
.provider-stats-wrapper .p-views .light.c-count-right,
.provider-stats-wrapper .p-time .light.c-count-right,
.orders-wrapper .c-views .light.c-count-right,
.orders-wrapper .p-views .light.c-count-right,
.orders-wrapper .p-time .light.c-count-right,
.list-wrapper .c-views .light.c-count-right,
.list-wrapper .p-views .light.c-count-right,
.list-wrapper .p-time .light.c-count-right, .provider-stats-wrapper .c-views .light.c-count-left,
.provider-stats-wrapper .p-views .light.c-count-left,
.provider-stats-wrapper .p-time .light.c-count-left,
.orders-wrapper .c-views .light.c-count-left,
.orders-wrapper .p-views .light.c-count-left,
.orders-wrapper .p-time .light.c-count-left,
.list-wrapper .c-views .light.c-count-left,
.list-wrapper .p-views .light.c-count-left,
.list-wrapper .p-time .light.c-count-left, .table .table-header > div.light,
.measurement-values .light.row-item, .btn-items .light.button, .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .light.main-title, .cadet-program-wrapper .light.home-cadet-title, .cadet-program-wrapper .light.cadet-info-title, .home .light.home-page-heading, .textImage-wrapper .left-wrapper .textImage-content .light.textImage-title, .light.c-count,
.light.p-count,
.light.c-count-left,
.light.c-count-right, h2.light.provider-title, .c-wrapper .light.c-title, .device-mobile #path-wrapper .panel .holder .light.title, .home-featured-wrapper article .light.home-blog-title, .home-featured-wrapper .light.home-featured-title, .home-partners-wrapper .light.home-partners-title, .directory-stats-wrapper .light.stat-value, .directory-stats-wrapper .light.directory-stats-title, .home-gallery-wrapper h2.light.home-gallery-title, .contact-us-wrapper .contact-us-content h2.light.contact-us-title, .about-us-wrapper .light.about-us-title, .get-started-wrapper h2.light.get-started-title, .light.training-centre, h2.light.course-provider, .node_box .light.node_title,
.sub_node .light.node_title, .sub-node h2.light.sub-node-title, .main-node h2.light.main-node-title, h1.light,
h3.light {
  font-weight: 200;
  font-style: normal;
}

.secondary-font.light-italic, .page-provider-course-form .selectable-box h4.light-italic, .provider-stats-wrapper .p-time-total .light-italic.p-time-hours-value,
.provider-stats-wrapper .p-time-total .light-italic.p-time-mins-value,
.provider-stats-wrapper .p-time-total .light-italic.p-time-secs-value,
.orders-wrapper .p-time-total .light-italic.p-time-hours-value,
.orders-wrapper .p-time-total .light-italic.p-time-mins-value,
.orders-wrapper .p-time-total .light-italic.p-time-secs-value,
.list-wrapper .p-time-total .light-italic.p-time-hours-value,
.list-wrapper .p-time-total .light-italic.p-time-mins-value,
.list-wrapper .p-time-total .light-italic.p-time-secs-value, .provider-stats-wrapper .c-views .light-italic.c-count-right,
.provider-stats-wrapper .p-views .light-italic.c-count-right,
.provider-stats-wrapper .p-time .light-italic.c-count-right,
.orders-wrapper .c-views .light-italic.c-count-right,
.orders-wrapper .p-views .light-italic.c-count-right,
.orders-wrapper .p-time .light-italic.c-count-right,
.list-wrapper .c-views .light-italic.c-count-right,
.list-wrapper .p-views .light-italic.c-count-right,
.list-wrapper .p-time .light-italic.c-count-right, .provider-stats-wrapper .c-views .light-italic.c-count-left,
.provider-stats-wrapper .p-views .light-italic.c-count-left,
.provider-stats-wrapper .p-time .light-italic.c-count-left,
.orders-wrapper .c-views .light-italic.c-count-left,
.orders-wrapper .p-views .light-italic.c-count-left,
.orders-wrapper .p-time .light-italic.c-count-left,
.list-wrapper .c-views .light-italic.c-count-left,
.list-wrapper .p-views .light-italic.c-count-left,
.list-wrapper .p-time .light-italic.c-count-left, .table .table-header > div.light-italic,
.measurement-values .light-italic.row-item, .btn-items .light-italic.button, .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .light-italic.main-title, .cadet-program-wrapper .light-italic.home-cadet-title, .cadet-program-wrapper .light-italic.cadet-info-title, .home .light-italic.home-page-heading, .textImage-wrapper .left-wrapper .textImage-content .light-italic.textImage-title, .light-italic.c-count,
.light-italic.p-count,
.light-italic.c-count-left,
.light-italic.c-count-right, h2.light-italic.provider-title, .c-wrapper .light-italic.c-title, .device-mobile #path-wrapper .panel .holder .light-italic.title, .home-featured-wrapper article .light-italic.home-blog-title, .home-featured-wrapper .light-italic.home-featured-title, .home-partners-wrapper .light-italic.home-partners-title, .directory-stats-wrapper .light-italic.stat-value, .directory-stats-wrapper .light-italic.directory-stats-title, .home-gallery-wrapper h2.light-italic.home-gallery-title, .contact-us-wrapper .contact-us-content h2.light-italic.contact-us-title, .about-us-wrapper .light-italic.about-us-title, .get-started-wrapper h2.light-italic.get-started-title, .light-italic.training-centre, h2.light-italic.course-provider, .node_box .light-italic.node_title,
.sub_node .light-italic.node_title, .sub-node h2.light-italic.sub-node-title, .main-node h2.light-italic.main-node-title, h1.light-italic,
h3.light-italic {
  font-weight: 200;
  font-style: italic;
}

.secondary-font.regular, .page-provider-course-form .selectable-box h4, .provider-stats-wrapper .p-time-total .regular.p-time-hours-value, .provider-stats-wrapper .p-time-total .page-provider-course-form .selectable-box h4.p-time-hours-value, .page-provider-course-form .selectable-box .provider-stats-wrapper .p-time-total h4.p-time-hours-value,
.provider-stats-wrapper .p-time-total .regular.p-time-mins-value,
.provider-stats-wrapper .p-time-total .page-provider-course-form .selectable-box h4.p-time-mins-value,
.page-provider-course-form .selectable-box .provider-stats-wrapper .p-time-total h4.p-time-mins-value,
.provider-stats-wrapper .p-time-total .regular.p-time-secs-value,
.provider-stats-wrapper .p-time-total .page-provider-course-form .selectable-box h4.p-time-secs-value,
.page-provider-course-form .selectable-box .provider-stats-wrapper .p-time-total h4.p-time-secs-value,
.orders-wrapper .p-time-total .regular.p-time-hours-value,
.orders-wrapper .p-time-total .page-provider-course-form .selectable-box h4.p-time-hours-value,
.page-provider-course-form .selectable-box .orders-wrapper .p-time-total h4.p-time-hours-value,
.orders-wrapper .p-time-total .regular.p-time-mins-value,
.orders-wrapper .p-time-total .page-provider-course-form .selectable-box h4.p-time-mins-value,
.page-provider-course-form .selectable-box .orders-wrapper .p-time-total h4.p-time-mins-value,
.orders-wrapper .p-time-total .regular.p-time-secs-value,
.orders-wrapper .p-time-total .page-provider-course-form .selectable-box h4.p-time-secs-value,
.page-provider-course-form .selectable-box .orders-wrapper .p-time-total h4.p-time-secs-value,
.list-wrapper .p-time-total .regular.p-time-hours-value,
.list-wrapper .p-time-total .page-provider-course-form .selectable-box h4.p-time-hours-value,
.page-provider-course-form .selectable-box .list-wrapper .p-time-total h4.p-time-hours-value,
.list-wrapper .p-time-total .regular.p-time-mins-value,
.list-wrapper .p-time-total .page-provider-course-form .selectable-box h4.p-time-mins-value,
.page-provider-course-form .selectable-box .list-wrapper .p-time-total h4.p-time-mins-value,
.list-wrapper .p-time-total .regular.p-time-secs-value,
.list-wrapper .p-time-total .page-provider-course-form .selectable-box h4.p-time-secs-value,
.page-provider-course-form .selectable-box .list-wrapper .p-time-total h4.p-time-secs-value, .provider-stats-wrapper .c-views .regular.c-count-right, .provider-stats-wrapper .c-views .page-provider-course-form .selectable-box h4.c-count-right, .page-provider-course-form .selectable-box .provider-stats-wrapper .c-views h4.c-count-right,
.provider-stats-wrapper .p-views .regular.c-count-right,
.provider-stats-wrapper .p-views .page-provider-course-form .selectable-box h4.c-count-right,
.page-provider-course-form .selectable-box .provider-stats-wrapper .p-views h4.c-count-right,
.provider-stats-wrapper .p-time .regular.c-count-right,
.provider-stats-wrapper .p-time .page-provider-course-form .selectable-box h4.c-count-right,
.page-provider-course-form .selectable-box .provider-stats-wrapper .p-time h4.c-count-right,
.orders-wrapper .c-views .regular.c-count-right,
.orders-wrapper .c-views .page-provider-course-form .selectable-box h4.c-count-right,
.page-provider-course-form .selectable-box .orders-wrapper .c-views h4.c-count-right,
.orders-wrapper .p-views .regular.c-count-right,
.orders-wrapper .p-views .page-provider-course-form .selectable-box h4.c-count-right,
.page-provider-course-form .selectable-box .orders-wrapper .p-views h4.c-count-right,
.orders-wrapper .p-time .regular.c-count-right,
.orders-wrapper .p-time .page-provider-course-form .selectable-box h4.c-count-right,
.page-provider-course-form .selectable-box .orders-wrapper .p-time h4.c-count-right,
.list-wrapper .c-views .regular.c-count-right,
.list-wrapper .c-views .page-provider-course-form .selectable-box h4.c-count-right,
.page-provider-course-form .selectable-box .list-wrapper .c-views h4.c-count-right,
.list-wrapper .p-views .regular.c-count-right,
.list-wrapper .p-views .page-provider-course-form .selectable-box h4.c-count-right,
.page-provider-course-form .selectable-box .list-wrapper .p-views h4.c-count-right,
.list-wrapper .p-time .regular.c-count-right,
.list-wrapper .p-time .page-provider-course-form .selectable-box h4.c-count-right,
.page-provider-course-form .selectable-box .list-wrapper .p-time h4.c-count-right, .provider-stats-wrapper .c-views .regular.c-count-left, .provider-stats-wrapper .c-views .page-provider-course-form .selectable-box h4.c-count-left, .page-provider-course-form .selectable-box .provider-stats-wrapper .c-views h4.c-count-left,
.provider-stats-wrapper .p-views .regular.c-count-left,
.provider-stats-wrapper .p-views .page-provider-course-form .selectable-box h4.c-count-left,
.page-provider-course-form .selectable-box .provider-stats-wrapper .p-views h4.c-count-left,
.provider-stats-wrapper .p-time .regular.c-count-left,
.provider-stats-wrapper .p-time .page-provider-course-form .selectable-box h4.c-count-left,
.page-provider-course-form .selectable-box .provider-stats-wrapper .p-time h4.c-count-left,
.orders-wrapper .c-views .regular.c-count-left,
.orders-wrapper .c-views .page-provider-course-form .selectable-box h4.c-count-left,
.page-provider-course-form .selectable-box .orders-wrapper .c-views h4.c-count-left,
.orders-wrapper .p-views .regular.c-count-left,
.orders-wrapper .p-views .page-provider-course-form .selectable-box h4.c-count-left,
.page-provider-course-form .selectable-box .orders-wrapper .p-views h4.c-count-left,
.orders-wrapper .p-time .regular.c-count-left,
.orders-wrapper .p-time .page-provider-course-form .selectable-box h4.c-count-left,
.page-provider-course-form .selectable-box .orders-wrapper .p-time h4.c-count-left,
.list-wrapper .c-views .regular.c-count-left,
.list-wrapper .c-views .page-provider-course-form .selectable-box h4.c-count-left,
.page-provider-course-form .selectable-box .list-wrapper .c-views h4.c-count-left,
.list-wrapper .p-views .regular.c-count-left,
.list-wrapper .p-views .page-provider-course-form .selectable-box h4.c-count-left,
.page-provider-course-form .selectable-box .list-wrapper .p-views h4.c-count-left,
.list-wrapper .p-time .regular.c-count-left,
.list-wrapper .p-time .page-provider-course-form .selectable-box h4.c-count-left,
.page-provider-course-form .selectable-box .list-wrapper .p-time h4.c-count-left, .table .table-header > div.regular,
.measurement-values .regular.row-item, .btn-items .regular.button, .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .regular.main-title, .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .page-provider-course-form .selectable-box h4.main-title, .page-provider-course-form .selectable-box .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner h4.main-title, .cadet-program-wrapper .regular.home-cadet-title, .cadet-program-wrapper .regular.cadet-info-title, .home .regular.home-page-heading, .textImage-wrapper .left-wrapper .textImage-content .regular.textImage-title, .textImage-wrapper .left-wrapper .textImage-content .page-provider-course-form .selectable-box h4.textImage-title, .page-provider-course-form .selectable-box .textImage-wrapper .left-wrapper .textImage-content h4.textImage-title, .regular.c-count,
.regular.p-count,
.regular.c-count-left,
.regular.c-count-right, h2.provider-title, .c-wrapper .c-title, .device-mobile #path-wrapper .panel .holder .title, .home-featured-wrapper article .home-blog-title, .home-featured-wrapper .home-featured-title, .home-partners-wrapper .home-partners-title, .directory-stats-wrapper .stat-value, .directory-stats-wrapper .directory-stats-title, .home-gallery-wrapper h2.home-gallery-title, .contact-us-wrapper .contact-us-content h2.contact-us-title, .about-us-wrapper .about-us-title, .get-started-wrapper h2.get-started-title, .regular.training-centre, h2.regular.course-provider, .node_box .regular.node_title, .node_box h2.node_title.provider-title,
.sub_node .regular.node_title,
.sub_node h2.node_title.provider-title, .sub-node h2.regular.sub-node-title, .sub-node h2.sub-node-title.provider-title, .sub-node .c-wrapper h2.sub-node-title.c-title, .c-wrapper .sub-node h2.sub-node-title.c-title, .sub-node .home-featured-wrapper h2.sub-node-title.home-featured-title, .home-featured-wrapper .sub-node h2.sub-node-title.home-featured-title, .sub-node .home-partners-wrapper h2.sub-node-title.home-partners-title, .home-partners-wrapper .sub-node h2.sub-node-title.home-partners-title, .sub-node .directory-stats-wrapper h2.sub-node-title.stat-value, .directory-stats-wrapper .sub-node h2.sub-node-title.stat-value, .sub-node .directory-stats-wrapper h2.sub-node-title.directory-stats-title, .directory-stats-wrapper .sub-node h2.sub-node-title.directory-stats-title, .sub-node .about-us-wrapper h2.sub-node-title.about-us-title, .about-us-wrapper .sub-node h2.sub-node-title.about-us-title, .main-node h2.regular.main-node-title, .main-node h2.main-node-title.provider-title, .main-node .c-wrapper h2.main-node-title.c-title, .c-wrapper .main-node h2.main-node-title.c-title, .main-node .home-featured-wrapper h2.main-node-title.home-featured-title, .home-featured-wrapper .main-node h2.main-node-title.home-featured-title, .main-node .home-partners-wrapper h2.main-node-title.home-partners-title, .home-partners-wrapper .main-node h2.main-node-title.home-partners-title, .main-node .directory-stats-wrapper h2.main-node-title.stat-value, .directory-stats-wrapper .main-node h2.main-node-title.stat-value, .main-node .directory-stats-wrapper h2.main-node-title.directory-stats-title, .directory-stats-wrapper .main-node h2.main-node-title.directory-stats-title, .main-node .about-us-wrapper h2.main-node-title.about-us-title, .about-us-wrapper .main-node h2.main-node-title.about-us-title, h1.regular,
h3.regular {
  font-weight: 400;
  font-style: normal;
}

.secondary-font.regular-italic, .page-provider-course-form .selectable-box h4.regular-italic, .provider-stats-wrapper .p-time-total .regular-italic.p-time-hours-value,
.provider-stats-wrapper .p-time-total .regular-italic.p-time-mins-value,
.provider-stats-wrapper .p-time-total .regular-italic.p-time-secs-value,
.orders-wrapper .p-time-total .regular-italic.p-time-hours-value,
.orders-wrapper .p-time-total .regular-italic.p-time-mins-value,
.orders-wrapper .p-time-total .regular-italic.p-time-secs-value,
.list-wrapper .p-time-total .regular-italic.p-time-hours-value,
.list-wrapper .p-time-total .regular-italic.p-time-mins-value,
.list-wrapper .p-time-total .regular-italic.p-time-secs-value, .provider-stats-wrapper .c-views .regular-italic.c-count-right,
.provider-stats-wrapper .p-views .regular-italic.c-count-right,
.provider-stats-wrapper .p-time .regular-italic.c-count-right,
.orders-wrapper .c-views .regular-italic.c-count-right,
.orders-wrapper .p-views .regular-italic.c-count-right,
.orders-wrapper .p-time .regular-italic.c-count-right,
.list-wrapper .c-views .regular-italic.c-count-right,
.list-wrapper .p-views .regular-italic.c-count-right,
.list-wrapper .p-time .regular-italic.c-count-right, .provider-stats-wrapper .c-views .regular-italic.c-count-left,
.provider-stats-wrapper .p-views .regular-italic.c-count-left,
.provider-stats-wrapper .p-time .regular-italic.c-count-left,
.orders-wrapper .c-views .regular-italic.c-count-left,
.orders-wrapper .p-views .regular-italic.c-count-left,
.orders-wrapper .p-time .regular-italic.c-count-left,
.list-wrapper .c-views .regular-italic.c-count-left,
.list-wrapper .p-views .regular-italic.c-count-left,
.list-wrapper .p-time .regular-italic.c-count-left, .table .table-header > div.regular-italic,
.measurement-values .regular-italic.row-item, .btn-items .regular-italic.button, .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .regular-italic.main-title, .cadet-program-wrapper .regular-italic.home-cadet-title, .cadet-program-wrapper .regular-italic.cadet-info-title, .home .regular-italic.home-page-heading, .textImage-wrapper .left-wrapper .textImage-content .regular-italic.textImage-title, .regular-italic.c-count,
.regular-italic.p-count,
.regular-italic.c-count-left,
.regular-italic.c-count-right, h2.regular-italic.provider-title, .c-wrapper .regular-italic.c-title, .device-mobile #path-wrapper .panel .holder .regular-italic.title, .home-featured-wrapper article .regular-italic.home-blog-title, .home-featured-wrapper .regular-italic.home-featured-title, .home-partners-wrapper .regular-italic.home-partners-title, .directory-stats-wrapper .regular-italic.stat-value, .directory-stats-wrapper .regular-italic.directory-stats-title, .home-gallery-wrapper h2.regular-italic.home-gallery-title, .contact-us-wrapper .contact-us-content h2.regular-italic.contact-us-title, .about-us-wrapper .regular-italic.about-us-title, .get-started-wrapper h2.regular-italic.get-started-title, .regular-italic.training-centre, h2.regular-italic.course-provider, .node_box .regular-italic.node_title,
.sub_node .regular-italic.node_title, .sub-node h2.regular-italic.sub-node-title, .main-node h2.regular-italic.main-node-title, h1.regular-italic,
h3.regular-italic {
  font-weight: 400;
  font-style: italic;
}

.secondary-font.semibold, .page-provider-course-form .selectable-box h4.semibold, .provider-stats-wrapper .p-time-total .semibold.p-time-hours-value,
.provider-stats-wrapper .p-time-total .semibold.p-time-mins-value,
.provider-stats-wrapper .p-time-total .semibold.p-time-secs-value,
.orders-wrapper .p-time-total .semibold.p-time-hours-value,
.orders-wrapper .p-time-total .semibold.p-time-mins-value,
.orders-wrapper .p-time-total .semibold.p-time-secs-value,
.list-wrapper .p-time-total .semibold.p-time-hours-value,
.list-wrapper .p-time-total .semibold.p-time-mins-value,
.list-wrapper .p-time-total .semibold.p-time-secs-value, .provider-stats-wrapper .c-views .semibold.c-count-right,
.provider-stats-wrapper .p-views .semibold.c-count-right,
.provider-stats-wrapper .p-time .semibold.c-count-right,
.orders-wrapper .c-views .semibold.c-count-right,
.orders-wrapper .p-views .semibold.c-count-right,
.orders-wrapper .p-time .semibold.c-count-right,
.list-wrapper .c-views .semibold.c-count-right,
.list-wrapper .p-views .semibold.c-count-right,
.list-wrapper .p-time .semibold.c-count-right, .provider-stats-wrapper .c-views .semibold.c-count-left,
.provider-stats-wrapper .p-views .semibold.c-count-left,
.provider-stats-wrapper .p-time .semibold.c-count-left,
.orders-wrapper .c-views .semibold.c-count-left,
.orders-wrapper .p-views .semibold.c-count-left,
.orders-wrapper .p-time .semibold.c-count-left,
.list-wrapper .c-views .semibold.c-count-left,
.list-wrapper .p-views .semibold.c-count-left,
.list-wrapper .p-time .semibold.c-count-left, .table .table-header > div.semibold,
.measurement-values .semibold.row-item, .btn-items .semibold.button, .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .semibold.main-title, .cadet-program-wrapper .semibold.home-cadet-title, .cadet-program-wrapper .semibold.cadet-info-title, .home .semibold.home-page-heading, .textImage-wrapper .left-wrapper .textImage-content .semibold.textImage-title, .semibold.c-count,
.semibold.p-count,
.semibold.c-count-left,
.semibold.c-count-right, h2.semibold.provider-title, .c-wrapper .semibold.c-title, .device-mobile #path-wrapper .panel .holder .semibold.title, .home-featured-wrapper article .semibold.home-blog-title, .home-featured-wrapper .semibold.home-featured-title, .home-partners-wrapper .semibold.home-partners-title, .directory-stats-wrapper .semibold.stat-value, .directory-stats-wrapper .semibold.directory-stats-title, .home-gallery-wrapper h2.semibold.home-gallery-title, .contact-us-wrapper .contact-us-content h2.semibold.contact-us-title, .about-us-wrapper .semibold.about-us-title, .get-started-wrapper h2.semibold.get-started-title, .semibold.training-centre, h2.semibold.course-provider, .node_box .semibold.node_title,
.sub_node .semibold.node_title, .sub-node h2.semibold.sub-node-title, .main-node h2.semibold.main-node-title, h1.semibold,
h3.semibold {
  font-weight: 600;
  font-style: normal;
}

.secondary-font.bold, .page-provider-course-form .selectable-box h4.bold, .provider-stats-wrapper .p-time-total .bold.p-time-hours-value,
.provider-stats-wrapper .p-time-total .bold.p-time-mins-value,
.provider-stats-wrapper .p-time-total .bold.p-time-secs-value,
.orders-wrapper .p-time-total .bold.p-time-hours-value,
.orders-wrapper .p-time-total .bold.p-time-mins-value,
.orders-wrapper .p-time-total .bold.p-time-secs-value,
.list-wrapper .p-time-total .bold.p-time-hours-value,
.list-wrapper .p-time-total .bold.p-time-mins-value,
.list-wrapper .p-time-total .bold.p-time-secs-value, .provider-stats-wrapper .c-views .bold.c-count-right,
.provider-stats-wrapper .p-views .bold.c-count-right,
.provider-stats-wrapper .p-time .bold.c-count-right,
.orders-wrapper .c-views .bold.c-count-right,
.orders-wrapper .p-views .bold.c-count-right,
.orders-wrapper .p-time .bold.c-count-right,
.list-wrapper .c-views .bold.c-count-right,
.list-wrapper .p-views .bold.c-count-right,
.list-wrapper .p-time .bold.c-count-right, .provider-stats-wrapper .c-views .bold.c-count-left,
.provider-stats-wrapper .p-views .bold.c-count-left,
.provider-stats-wrapper .p-time .bold.c-count-left,
.orders-wrapper .c-views .bold.c-count-left,
.orders-wrapper .p-views .bold.c-count-left,
.orders-wrapper .p-time .bold.c-count-left,
.list-wrapper .c-views .bold.c-count-left,
.list-wrapper .p-views .bold.c-count-left,
.list-wrapper .p-time .bold.c-count-left, .table .table-header > div.bold,
.measurement-values .bold.row-item, .btn-items .bold.button, .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .bold.main-title, .cadet-program-wrapper .bold.home-cadet-title, .cadet-program-wrapper .bold.cadet-info-title, .home .bold.home-page-heading, .textImage-wrapper .left-wrapper .textImage-content .bold.textImage-title, .c-count,
.p-count,
.c-count-left,
.c-count-right, h2.bold.provider-title, h2.provider-title.c-count,
h2.provider-title.p-count,
h2.provider-title.c-count-left,
h2.provider-title.c-count-right, .c-wrapper .bold.c-title, .c-wrapper .c-title.c-count,
.c-wrapper .c-title.p-count,
.c-wrapper .c-title.c-count-left,
.c-wrapper .c-title.c-count-right, .device-mobile #path-wrapper .panel .holder .bold.title, .device-mobile #path-wrapper .panel .holder .title.c-count,
.device-mobile #path-wrapper .panel .holder .title.p-count,
.device-mobile #path-wrapper .panel .holder .title.c-count-left,
.device-mobile #path-wrapper .panel .holder .title.c-count-right, .home-featured-wrapper article .bold.home-blog-title, .home-featured-wrapper article .home-blog-title.c-count,
.home-featured-wrapper article .home-blog-title.p-count,
.home-featured-wrapper article .home-blog-title.c-count-left,
.home-featured-wrapper article .home-blog-title.c-count-right, .home-featured-wrapper .bold.home-featured-title, .home-featured-wrapper .home-featured-title.c-count,
.home-featured-wrapper .home-featured-title.p-count,
.home-featured-wrapper .home-featured-title.c-count-left,
.home-featured-wrapper .home-featured-title.c-count-right, .home-partners-wrapper .bold.home-partners-title, .home-partners-wrapper .home-partners-title.c-count,
.home-partners-wrapper .home-partners-title.p-count,
.home-partners-wrapper .home-partners-title.c-count-left,
.home-partners-wrapper .home-partners-title.c-count-right, .directory-stats-wrapper .bold.stat-value, .directory-stats-wrapper .stat-value.c-count,
.directory-stats-wrapper .stat-value.p-count,
.directory-stats-wrapper .stat-value.c-count-left,
.directory-stats-wrapper .stat-value.c-count-right, .directory-stats-wrapper .bold.directory-stats-title, .directory-stats-wrapper .directory-stats-title.c-count,
.directory-stats-wrapper .directory-stats-title.p-count,
.directory-stats-wrapper .directory-stats-title.c-count-left,
.directory-stats-wrapper .directory-stats-title.c-count-right, .home-gallery-wrapper h2.bold.home-gallery-title, .home-gallery-wrapper h2.home-gallery-title.c-count,
.home-gallery-wrapper h2.home-gallery-title.p-count,
.home-gallery-wrapper h2.home-gallery-title.c-count-left,
.home-gallery-wrapper h2.home-gallery-title.c-count-right, .contact-us-wrapper .contact-us-content h2.bold.contact-us-title, .contact-us-wrapper .contact-us-content h2.contact-us-title.c-count,
.contact-us-wrapper .contact-us-content h2.contact-us-title.p-count,
.contact-us-wrapper .contact-us-content h2.contact-us-title.c-count-left,
.contact-us-wrapper .contact-us-content h2.contact-us-title.c-count-right, .about-us-wrapper .bold.about-us-title, .about-us-wrapper .about-us-title.c-count,
.about-us-wrapper .about-us-title.p-count,
.about-us-wrapper .about-us-title.c-count-left,
.about-us-wrapper .about-us-title.c-count-right, .get-started-wrapper h2.bold.get-started-title, .get-started-wrapper h2.get-started-title.c-count,
.get-started-wrapper h2.get-started-title.p-count,
.get-started-wrapper h2.get-started-title.c-count-left,
.get-started-wrapper h2.get-started-title.c-count-right, .course-enq-form-wrapper .secondary-font.cost, .course-enq-form-wrapper .page-provider-course-form .selectable-box h4.cost, .page-provider-course-form .selectable-box .course-enq-form-wrapper h4.cost, .course-enq-form-wrapper .provider-stats-wrapper .p-time-total .cost.p-time-hours-value, .provider-stats-wrapper .p-time-total .course-enq-form-wrapper .cost.p-time-hours-value,
.course-enq-form-wrapper .provider-stats-wrapper .p-time-total .cost.p-time-mins-value,
.provider-stats-wrapper .p-time-total .course-enq-form-wrapper .cost.p-time-mins-value,
.course-enq-form-wrapper .provider-stats-wrapper .p-time-total .cost.p-time-secs-value,
.provider-stats-wrapper .p-time-total .course-enq-form-wrapper .cost.p-time-secs-value,
.course-enq-form-wrapper .orders-wrapper .p-time-total .cost.p-time-hours-value,
.orders-wrapper .p-time-total .course-enq-form-wrapper .cost.p-time-hours-value,
.course-enq-form-wrapper .orders-wrapper .p-time-total .cost.p-time-mins-value,
.orders-wrapper .p-time-total .course-enq-form-wrapper .cost.p-time-mins-value,
.course-enq-form-wrapper .orders-wrapper .p-time-total .cost.p-time-secs-value,
.orders-wrapper .p-time-total .course-enq-form-wrapper .cost.p-time-secs-value,
.course-enq-form-wrapper .list-wrapper .p-time-total .cost.p-time-hours-value,
.list-wrapper .p-time-total .course-enq-form-wrapper .cost.p-time-hours-value,
.course-enq-form-wrapper .list-wrapper .p-time-total .cost.p-time-mins-value,
.list-wrapper .p-time-total .course-enq-form-wrapper .cost.p-time-mins-value,
.course-enq-form-wrapper .list-wrapper .p-time-total .cost.p-time-secs-value,
.list-wrapper .p-time-total .course-enq-form-wrapper .cost.p-time-secs-value, .course-enq-form-wrapper .table .table-header > div.cost, .table .course-enq-form-wrapper .table-header > div.cost,
.course-enq-form-wrapper .measurement-values .cost.row-item,
.measurement-values .course-enq-form-wrapper .cost.row-item, .course-enq-form-wrapper .btn-items .cost.button, .btn-items .course-enq-form-wrapper .cost.button, .course-enq-form-wrapper .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .cost.main-title, .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .course-enq-form-wrapper .cost.main-title, .course-enq-form-wrapper .cadet-program-wrapper .cost.home-cadet-title, .cadet-program-wrapper .course-enq-form-wrapper .cost.home-cadet-title, .course-enq-form-wrapper .cadet-program-wrapper .cost.cadet-info-title, .cadet-program-wrapper .course-enq-form-wrapper .cost.cadet-info-title, .course-enq-form-wrapper .home .cost.home-page-heading, .home .course-enq-form-wrapper .cost.home-page-heading, .course-enq-form-wrapper .textImage-wrapper .left-wrapper .textImage-content .cost.textImage-title, .textImage-wrapper .left-wrapper .textImage-content .course-enq-form-wrapper .cost.textImage-title, .course-enq-form-wrapper .cost.c-count,
.course-enq-form-wrapper .cost.p-count,
.course-enq-form-wrapper .cost.c-count-left,
.course-enq-form-wrapper .cost.c-count-right, .course-enq-form-wrapper h2.cost.provider-title, .course-enq-form-wrapper .c-wrapper .cost.c-title, .c-wrapper .course-enq-form-wrapper .cost.c-title, .course-enq-form-wrapper .device-mobile #path-wrapper .panel .holder .cost.title, .device-mobile #path-wrapper .panel .holder .course-enq-form-wrapper .cost.title, .course-enq-form-wrapper .home-featured-wrapper article .cost.home-blog-title, .home-featured-wrapper article .course-enq-form-wrapper .cost.home-blog-title, .course-enq-form-wrapper .home-featured-wrapper .cost.home-featured-title, .home-featured-wrapper .course-enq-form-wrapper .cost.home-featured-title, .course-enq-form-wrapper .home-partners-wrapper .cost.home-partners-title, .home-partners-wrapper .course-enq-form-wrapper .cost.home-partners-title, .course-enq-form-wrapper .directory-stats-wrapper .cost.stat-value, .directory-stats-wrapper .course-enq-form-wrapper .cost.stat-value, .course-enq-form-wrapper .directory-stats-wrapper .cost.directory-stats-title, .directory-stats-wrapper .course-enq-form-wrapper .cost.directory-stats-title, .course-enq-form-wrapper .home-gallery-wrapper h2.cost.home-gallery-title, .home-gallery-wrapper .course-enq-form-wrapper h2.cost.home-gallery-title, .course-enq-form-wrapper .contact-us-wrapper .contact-us-content h2.cost.contact-us-title, .contact-us-wrapper .contact-us-content .course-enq-form-wrapper h2.cost.contact-us-title, .course-enq-form-wrapper .about-us-wrapper .cost.about-us-title, .about-us-wrapper .course-enq-form-wrapper .cost.about-us-title, .course-enq-form-wrapper .get-started-wrapper h2.cost.get-started-title, .get-started-wrapper .course-enq-form-wrapper h2.cost.get-started-title, h2.secondary-font.course-buy-title, .provider-stats-wrapper .p-time-total h2.course-buy-title.p-time-hours-value,
.provider-stats-wrapper .p-time-total h2.course-buy-title.p-time-mins-value,
.provider-stats-wrapper .p-time-total h2.course-buy-title.p-time-secs-value,
.orders-wrapper .p-time-total h2.course-buy-title.p-time-hours-value,
.orders-wrapper .p-time-total h2.course-buy-title.p-time-mins-value,
.orders-wrapper .p-time-total h2.course-buy-title.p-time-secs-value,
.list-wrapper .p-time-total h2.course-buy-title.p-time-hours-value,
.list-wrapper .p-time-total h2.course-buy-title.p-time-mins-value,
.list-wrapper .p-time-total h2.course-buy-title.p-time-secs-value, .provider-stats-wrapper .c-views h2.course-buy-title.c-count-right,
.provider-stats-wrapper .p-views h2.course-buy-title.c-count-right,
.provider-stats-wrapper .p-time h2.course-buy-title.c-count-right,
.orders-wrapper .c-views h2.course-buy-title.c-count-right,
.orders-wrapper .p-views h2.course-buy-title.c-count-right,
.orders-wrapper .p-time h2.course-buy-title.c-count-right,
.list-wrapper .c-views h2.course-buy-title.c-count-right,
.list-wrapper .p-views h2.course-buy-title.c-count-right,
.list-wrapper .p-time h2.course-buy-title.c-count-right, .provider-stats-wrapper .c-views h2.course-buy-title.c-count-left,
.provider-stats-wrapper .p-views h2.course-buy-title.c-count-left,
.provider-stats-wrapper .p-time h2.course-buy-title.c-count-left,
.orders-wrapper .c-views h2.course-buy-title.c-count-left,
.orders-wrapper .p-views h2.course-buy-title.c-count-left,
.orders-wrapper .p-time h2.course-buy-title.c-count-left,
.list-wrapper .c-views h2.course-buy-title.c-count-left,
.list-wrapper .p-views h2.course-buy-title.c-count-left,
.list-wrapper .p-time h2.course-buy-title.c-count-left,
.measurement-values h2.course-buy-title.row-item, .btn-items h2.course-buy-title.button, .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner h2.course-buy-title.main-title, .cadet-program-wrapper h2.course-buy-title.home-cadet-title, .cadet-program-wrapper h2.course-buy-title.cadet-info-title, .home h2.course-buy-title.home-page-heading, .textImage-wrapper .left-wrapper .textImage-content h2.course-buy-title.textImage-title, h2.course-buy-title.c-count,
h2.course-buy-title.p-count,
h2.course-buy-title.c-count-left,
h2.course-buy-title.c-count-right, h2.course-buy-title.provider-title, .c-wrapper h2.course-buy-title.c-title, .device-mobile #path-wrapper .panel .holder h2.course-buy-title.title, .home-featured-wrapper article h2.course-buy-title.home-blog-title, .home-featured-wrapper h2.course-buy-title.home-featured-title, .home-partners-wrapper h2.course-buy-title.home-partners-title, .directory-stats-wrapper h2.course-buy-title.stat-value, .directory-stats-wrapper h2.course-buy-title.directory-stats-title, .home-gallery-wrapper h2.course-buy-title.home-gallery-title, .contact-us-wrapper .contact-us-content h2.course-buy-title.contact-us-title, .about-us-wrapper h2.course-buy-title.about-us-title, .get-started-wrapper h2.course-buy-title.get-started-title,
h2.secondary-font.course-title,
.provider-stats-wrapper .p-time-total h2.course-title.p-time-hours-value,
.provider-stats-wrapper .p-time-total h2.course-title.p-time-mins-value,
.provider-stats-wrapper .p-time-total h2.course-title.p-time-secs-value,
.orders-wrapper .p-time-total h2.course-title.p-time-hours-value,
.orders-wrapper .p-time-total h2.course-title.p-time-mins-value,
.orders-wrapper .p-time-total h2.course-title.p-time-secs-value,
.list-wrapper .p-time-total h2.course-title.p-time-hours-value,
.list-wrapper .p-time-total h2.course-title.p-time-mins-value,
.list-wrapper .p-time-total h2.course-title.p-time-secs-value,
.provider-stats-wrapper .c-views h2.course-title.c-count-right,
.provider-stats-wrapper .p-views h2.course-title.c-count-right,
.provider-stats-wrapper .p-time h2.course-title.c-count-right,
.orders-wrapper .c-views h2.course-title.c-count-right,
.orders-wrapper .p-views h2.course-title.c-count-right,
.orders-wrapper .p-time h2.course-title.c-count-right,
.list-wrapper .c-views h2.course-title.c-count-right,
.list-wrapper .p-views h2.course-title.c-count-right,
.list-wrapper .p-time h2.course-title.c-count-right,
.provider-stats-wrapper .c-views h2.course-title.c-count-left,
.provider-stats-wrapper .p-views h2.course-title.c-count-left,
.provider-stats-wrapper .p-time h2.course-title.c-count-left,
.orders-wrapper .c-views h2.course-title.c-count-left,
.orders-wrapper .p-views h2.course-title.c-count-left,
.orders-wrapper .p-time h2.course-title.c-count-left,
.list-wrapper .c-views h2.course-title.c-count-left,
.list-wrapper .p-views h2.course-title.c-count-left,
.list-wrapper .p-time h2.course-title.c-count-left,
.measurement-values h2.course-title.row-item,
.btn-items h2.course-title.button,
.circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner h2.course-title.main-title,
.cadet-program-wrapper h2.course-title.home-cadet-title,
.cadet-program-wrapper h2.course-title.cadet-info-title,
.home h2.course-title.home-page-heading,
.textImage-wrapper .left-wrapper .textImage-content h2.course-title.textImage-title,
h2.course-title.c-count,
h2.course-title.p-count,
h2.course-title.c-count-left,
h2.course-title.c-count-right,
h2.course-title.provider-title,
.c-wrapper h2.course-title.c-title,
.device-mobile #path-wrapper .panel .holder h2.course-title.title,
.home-featured-wrapper article h2.course-title.home-blog-title,
.home-featured-wrapper h2.course-title.home-featured-title,
.home-partners-wrapper h2.course-title.home-partners-title,
.directory-stats-wrapper h2.course-title.stat-value,
.directory-stats-wrapper h2.course-title.directory-stats-title,
.home-gallery-wrapper h2.course-title.home-gallery-title,
.contact-us-wrapper .contact-us-content h2.course-title.contact-us-title,
.about-us-wrapper h2.course-title.about-us-title,
.get-started-wrapper h2.course-title.get-started-title, .bold.training-centre, .course-enq-form-wrapper .training-centre.cost, h2.training-centre.course-buy-title,
h2.training-centre.course-title, h2.bold.course-provider, h2.course-provider.c-count,
h2.course-provider.p-count,
h2.course-provider.c-count-left,
h2.course-provider.c-count-right, .course-enq-form-wrapper h2.course-provider.cost, h2.course-provider.course-buy-title,
h2.course-provider.course-title, .node_box .bold.node_title, .node_box .node_title.c-count,
.node_box .node_title.p-count,
.node_box .node_title.c-count-left,
.node_box .node_title.c-count-right, .node_box .course-enq-form-wrapper .node_title.cost, .course-enq-form-wrapper .node_box .node_title.cost, .node_box h2.node_title.course-buy-title,
.node_box h2.node_title.course-title, .node_box h3.node_title.course-contact,
.node_box h3.node_title.accreditations-title,
.node_box h3.node_title.course-description,
.sub_node .bold.node_title,
.sub_node .node_title.c-count,
.sub_node .node_title.p-count,
.sub_node .node_title.c-count-left,
.sub_node .node_title.c-count-right,
.sub_node .course-enq-form-wrapper .node_title.cost,
.course-enq-form-wrapper .sub_node .node_title.cost,
.sub_node h2.node_title.course-buy-title,
.sub_node h2.node_title.course-title,
.sub_node h3.node_title.course-contact,
.sub_node h3.node_title.accreditations-title,
.sub_node h3.node_title.course-description, .sub-node h2.bold.sub-node-title, .sub-node h2.sub-node-title.c-count,
.sub-node h2.sub-node-title.p-count,
.sub-node h2.sub-node-title.c-count-left,
.sub-node h2.sub-node-title.c-count-right, .sub-node .course-enq-form-wrapper h2.sub-node-title.cost, .course-enq-form-wrapper .sub-node h2.sub-node-title.cost, .sub-node h2.sub-node-title.course-buy-title,
.sub-node h2.sub-node-title.course-title, .main-node h2.bold.main-node-title, .main-node h2.main-node-title.c-count,
.main-node h2.main-node-title.p-count,
.main-node h2.main-node-title.c-count-left,
.main-node h2.main-node-title.c-count-right, .main-node .course-enq-form-wrapper h2.main-node-title.cost, .course-enq-form-wrapper .main-node h2.main-node-title.cost, .main-node h2.main-node-title.course-buy-title,
.main-node h2.main-node-title.course-title, h1.bold, .course-enq-form-wrapper h1.cost,
h3.bold,
.course-enq-form-wrapper h3.cost,
h3.course-contact,
h3.accreditations-title,
h3.course-description {
  font-weight: 700;
  font-style: normal;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: normal;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: bold;
}

.font-weight-800 {
  font-weight: 800;
}

.heading-1 {
  font-size: 44px;
}

.heading-2 {
  font-size: 40px;
  line-height: 40px;
}

.heading-3 {
  font-size: 30px;
}

.heading-4, .page-provider-course-form .selectable-box h4 {
  font-size: 26px;
}

.heading-5, .page-provider-course-form .form_section_box .section-header h3 {
  font-size: 20px;
}

.heading-6 {
  font-size: 14px;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitilise {
  text-transform: capitalize;
}

.text-initial {
  text-transform: initial;
}

body {
  color: #3E3E3E;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}

body.promotion {
  font-size: 16px;
}

.lesser {
  font-size: 15px;
  line-height: 0.9;
}

strong {
  font-weight: 700;
}

.heading-caption {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
}

h1,
h3 {
  font-size: 44px;
  font-weight: 400;
  line-height: 48px;
}

h2 {
  line-height: 1em;
}

h3 {
  font-size: 18px;
  letter-spacing: 0.02px;
  line-height: 24px;
}

ol,
ul {
  padding: 0 10px 0 20px;
  margin: 0;
}

.heading-body {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  letter-spacing: -0.23px;
}

header ul#crumb-menu {
  color: #fff;
}
header ul#crumb-menu .crum-item {
  font-size: 12px;
  text-transform: uppercase;
}
header #headerContentWrapper .tag-line {
  font-size: 18px;
}
header #headerContentWrapper h1.page-title {
  margin-block: 5px;
  font-size: 46px;
  font-weight: 600;
}
header #headerContentWrapper .tag-line,
header #headerContentWrapper .page-title {
  max-width: 640px;
  text-align: left;
  line-height: 1.2;
}

.header-social-menu-item {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.device-mobile header #headerContentWrapper h1.page-title {
  font-size: 32px;
  line-height: 38px;
}
.device-mobile .heading-1 {
  font-size: 26px;
}
.device-mobile .heading-2 {
  font-size: 22px;
}
.device-mobile .heading-3 {
  font-size: 18px;
}
.device-mobile .heading-4, .device-mobile .page-provider-course-form .selectable-box h4, .page-provider-course-form .selectable-box .device-mobile h4 {
  font-size: 16px;
}
.device-mobile .heading-5, .device-mobile .page-provider-course-form .form_section_box .section-header h3, .page-provider-course-form .form_section_box .section-header .device-mobile h3 {
  font-size: 14px;
}
.device-mobile .heading-6 {
  font-size: 12px;
}

.device-tablet header #headerContentWrapper .tag-line {
  font-size: 20px;
}
.device-tablet header ul#crumb-menu .crum-item {
  font-size: 16px;
}
.device-tablet .heading-1 {
  font-size: 32px;
}
.device-tablet .heading-2 {
  font-size: 28px;
}
.device-tablet .heading-3 {
  font-size: 22px;
}
.device-tablet .heading-4, .device-tablet .page-provider-course-form .selectable-box h4, .page-provider-course-form .selectable-box .device-tablet h4 {
  font-size: 18px;
}
.device-tablet .heading-5, .device-tablet .page-provider-course-form .form_section_box .section-header h3, .page-provider-course-form .form_section_box .section-header .device-tablet h3 {
  font-size: 16px;
}
.device-tablet .heading-6 {
  font-size: 13px;
}

.device-desktop header #headerContentWrapper .tag-line {
  font-size: 20px;
  line-height: 1.8;
}
.device-desktop header ul#crumb-menu .crum-item {
  font-size: 16px;
}

footer .footer-inner-title {
  font-weight: 700;
}

#cartMenuWrapper i {
  color: #FFFFFF;
  font-size: 20px;
}
#cartMenuWrapper .cart-count {
  font-size: 8px;
  line-height: 1.5;
}

.main-node h2.main-node-title {
  font-size: 18px;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  color: #000000;
}

.sub-node h2.sub-node-title {
  font-size: 18px;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  color: #000000;
}
.sub-node .node__content p {
  margin-bottom: 15px;
  font-size: 14px;
  text-align: left;
}
.sub-node .node__content ul {
  margin-bottom: 15px;
  font-size: 14px;
  text-align: left;
}

.node_box .node_title,
.sub_node .node_title {
  font-size: 18px;
  font-weight: normal;
  color: #000000;
}

.node__content .node-text {
  padding: 10px;
  letter-spacing: normal;
  line-height: 1.5;
}
.node__content .node-text p {
  margin-bottom: 15px;
  font-size: 14px;
  text-align: left;
}
.node__content .node-text p i {
  font-family: "Public Sans", serif !important;
  font-style: italic;
}
.node__content .node-text p i[class^=seg], .node__content .node-text p i[class*=" seg"] {
  font-family: "seg" !important;
}
.node__content .node-text ul {
  margin-bottom: 15px;
  font-size: 14px;
  text-align: left;
}
.node__content .node-text ul i {
  font-family: "Public Sans", serif !important;
  font-style: italic;
}

.node-content-options .path-button {
  font-size: 14px;
}
.node-content-options .path-button .button-holder i {
  margin-right: 5px;
}

.node__content-details .cost,
.node__content-details .duration {
  font-size: 16px;
  text-align: center;
}
.node__content-details .cost {
  color: #0077C6;
  margin-bottom: 25px;
}

h2.course-provider {
  font-size: 36px;
  color: #000000;
  line-height: 1;
}

.course-description p {
  font-size: 14px;
  margin-bottom: 10px;
}

.course-contact-detail-wrapper {
  font-size: 14px;
}

h3.course-contact,
h3.accreditations-title,
h3.course-description {
  font-size: 16px;
  margin: 0;
  margin-bottom: 10px;
  margin-top: 10px;
}

.course-contact i {
  font-size: 20px;
  position: absolute;
  padding-right: 10px;
}
.course-contact a {
  padding-left: 30px;
}

.course-dates-wrapper h2.course-title {
  font-size: 14px;
}

.training-centre {
  font-size: 18px;
  color: #000000;
  margin-bottom: 5px;
}

.training-location {
  font-size: 14px;
  color: #666666;
}

.enquiry-price-on-request {
  margin: 10px;
  font-weight: 600;
}

.duration,
.course-title {
  font-size: 14px;
  color: #666666;
}

h3.course-date-title {
  font-size: 14px;
}

.course-dates-details {
  font-size: 14px;
}

h2.course-buy-title,
h2.course-title {
  font-size: 14px;
  color: #000000;
}

h3.form-header {
  margin: 0;
  border-bottom: 1px solid #b0b0b0;
  padding-bottom: 5px;
  margin-bottom: 25px;
  color: #000000;
}

.course-enq-form-wrapper .cost {
  margin-top: 25px;
  font-size: 16px;
  color: #0077C6;
}
.course-enq-form-wrapper .cost-title {
  font-size: 16px;
}
.course-enq-form-wrapper .seg-mdl-counter-box .label label {
  font-size: 14px;
  font-weight: normal;
}

.social-share-title {
  font-size: 14px;
  color: #666666;
}

.course-provider-adress {
  font-size: 16px;
  color: #b0b0b0;
}

.course-wrapper .course .course-cost {
  font-weight: 600;
}

.get-started-wrapper h2.get-started-title {
  font-size: 44px;
  line-height: 48px;
  text-align: left;
  margin: 0;
}

@media all and (max-width: 720px) {
  .get-started-wrapper h2.get-started-title {
    font-size: 22px;
    line-height: 26px;
  }
}
.about-us-wrapper .about-us-content p.about-us-tag {
  font-size: 16px;
}
.about-us-wrapper .about-us-title {
  font-size: 44px;
  line-height: 1;
}
.about-us-wrapper .about-us-features {
  font-size: 16px;
}

.contact-us-wrapper .contact-us-content p.contact-us-tag {
  font-size: 16px;
}
.contact-us-wrapper .contact-us-content h2.contact-us-title {
  font-size: 44px;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 0.9;
  letter-spacing: -1.32;
}
.contact-us-wrapper .contact-us-content .contact-us-address {
  font-size: 18px;
}
.contact-us-wrapper .contact-us-content .contact-us-tel {
  font-size: 18px;
}

.home-gallery-wrapper {
  text-align: center;
}
.home-gallery-wrapper p.home-gallery-tag,
.home-gallery-wrapper p.home-gallery-tag {
  font-size: 16px;
  margin-top: 45px;
}
.home-gallery-wrapper h2.home-gallery-title {
  font-size: 44px;
  line-height: 1;
  margin: 5px;
}
.home-gallery-wrapper .home-gallery-text {
  font-size: 14px;
  line-height: 20px;
  color: #666666;
}

.directory-stats-wrapper {
  font-size: 12px;
}
.directory-stats-wrapper .directory-stats-tag {
  font-size: 16px;
}
.directory-stats-wrapper .directory-stats-title {
  font-size: 44px;
}
.directory-stats-wrapper .medical_fitness_doctors_btn {
  display: block;
}
.directory-stats-wrapper .medical_fitness_doctors_btn.medical_fitness_doctors_btn::before {
  content: "";
  position: absolute;
  width: 25%;
  height: 2px;
  background-color: #2c76ff;
  bottom: -4px;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
  transform-origin: left;
  transform: scaleX(0);
  left: 0;
}
.directory-stats-wrapper .medical_fitness_doctors_btn:hover::before {
  transform: scaleX(1);
}
.directory-stats-wrapper .stat-value {
  font-size: 31px;
  line-height: 1;
  position: relative;
  color: #fff;
  font-weight: 700;
}

.home-partners-wrapper .home-partners-tag {
  font-size: 16px;
}
.home-partners-wrapper .home-partners-title {
  font-size: 44px;
  line-height: 1;
  margin-top: 20px;
}

.home-featured-wrapper .home-featured-tag {
  font-size: 16px;
}
.home-featured-wrapper .home-featured-title {
  font-size: 44px;
  line-height: 1;
  margin-top: 20px;
}
.slider .card .card-location {
  font-size: 12px;
}
.slider .card .card-tag {
  font-size: 12px;
}

.device-mobile #path-wrapper .panel .holder .content .element {
  font-size: 14px;
}
.device-mobile #path-wrapper .panel .holder .title {
  font-size: 16px;
  padding: 10px 0;
}
.device-mobile #path-wrapper .courses_box .node__content .node_box .node_title,
.device-mobile #path-wrapper .department_box .sub_node .node_title,
.device-mobile #path-wrapper .sub-node .sub-node-title,
.device-mobile #path-wrapper .main-node .main-node-title {
  font-size: 16px;
  font-weight: 300;
}
.device-mobile .outlined-heading {
  font-size: 14px;
  letter-spacing: initial;
  line-height: 1.2;
}
.device-mobile .course-provider {
  font-size: 28px;
}

.c-wrapper .c-tag {
  font-size: 16px;
}
.c-wrapper .c-title {
  line-height: 0.9;
  font-size: 44px;
}
.c-wrapper .c-label {
  font-weight: bold;
  font-size: 18px;
}
.c-wrapper .c-email,
.c-wrapper .c-tel,
.c-wrapper .c-address {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  letter-spacing: -0.18px;
}

.course-cost {
  font-size: 16px;
  font-weight: 300;
}
.course-cost span {
  margin-left: 30px;
}

h2.provider-title {
  color: #3E3E3E;
}

.c-count,
.p-count,
.c-count-left,
.c-count-right {
  font-size: 30px;
}
.c-count span,
.p-count span,
.c-count-left span,
.c-count-right span {
  font-size: 44px;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/**
 * Set up a decent box model on the root element
 */
.btn {
  font: inherit;
  padding: 0.5rem 1.5rem;
  border: 1px solid #0077C6;
  background: #0077C6;
  color: white;
  border-radius: 6px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.26);
  cursor: pointer;
  margin: 0 0.5rem;
}

.btn:hover,
.btn:active {
  background: #0264ce;
  border-color: #0264ce;
}

.btn--passive {
  color: #0077C6;
  background: transparent;
  border: none;
  box-shadow: none;
}

.btn--passive:hover,
.btn--passive:active {
  background: #aec6f8;
}

.btn--danger {
  background: #d30808;
  color: white;
  border-color: #d30808;
}

.btn--danger:hover,
.btn--danger:active {
  background: #ff3217;
  border-color: #ff3217;
}

.card {
  background: white;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
}

.modal {
  position: fixed;
  z-index: 100;
  width: 80%;
  top: 30vh;
  left: 10%;
  display: none;
}

.modal.visible {
  display: block;
  animation: fade-slide-in 0.3s ease-out forwards;
}

.modal .modal__title {
  margin: 0;
  padding: 1rem;
  border-bottom: 1px solid #0077C6;
  background: #0077C6;
  color: white;
  border-radius: 10px 10px 0 0;
}

.modal .modal__content {
  padding: 1rem;
}

.modal .modal__actions {
  padding: 1rem;
  display: flex;
  justify-content: flex-end;
}

#entry-text {
  width: 40rem;
  margin: 2rem auto;
  max-width: 80%;
  padding: 1rem;
}

#entry-text p {
  font-size: 1.5rem;
  text-align: center;
}

#backdrop {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 10;
  pointer-events: none;
  display: none;
}

#backdrop.visible {
  display: block;
  pointer-events: all;
}

#gotThis-modal .modal__content {
  display: flex;
  flex-direction: column;
}
#gotThis-modal .modal__content .contact-resp {
  text-align: center;
}

@media (min-width: 768px) {
  .modal {
    width: 40rem;
    left: calc(50% - 20rem);
  }
}
@keyframes fade-slide-in {
  from {
    transform: translateY(-5rem);
  }
  to {
    transform: translateY(0);
  }
}
@font-face {
  font-family: "seg";
  src: url("fonts/seg.woff2?rdh7u5") format("woff2"), url("fonts/seg.ttf?rdh7u5") format("truetype"), url("fonts/seg.woff?rdh7u5") format("woff"), url("fonts/seg.svg?rdh7u5#seg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "seg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.seg-share:before {
  content: "\e94b";
}

.seg-accommodation:before {
  content: "\e94a";
}

.seg-packages:before {
  content: "\e949";
}

.seg-icon-global-course-finder:before {
  content: "\e948";
}

.seg-email:before {
  content: "\e946";
}

.seg-phone:before {
  content: "\e947";
}

.seg-icon-dashboard-contacts:before {
  content: "\e93c";
}

.seg-icon-dashboard-cost-table:before {
  content: "\e93d";
}

.seg-icon-dashboard-countries:before {
  content: "\e93e";
}

.seg-icon-dashboard-course-views:before {
  content: "\e93f";
}

.seg-icon-dashboard-listing-views:before {
  content: "\e940";
}

.seg-icon-dashboard-time:before {
  content: "\e941";
}

.seg-icon-dashboard-todays-views:before {
  content: "\e942";
}

.seg-icon-dashboard-total-enrolments:before {
  content: "\e943";
}

.seg-icon-dashboard-total-revenue:before {
  content: "\e944";
}

.seg-icon-lock-blue:before {
  content: "\e945";
}

.seg-Student:before {
  content: "\e93b";
}

.seg-icon-e-learning-v2-1:before {
  content: "\e93a";
}

.seg-schedual-courses:before {
  content: "\e937";
}

.seg-no-fees:before {
  content: "\e938";
}

.seg-increase-revenue:before {
  content: "\e939";
}

.seg-cart-outline:before {
  content: "\e931";
}

.seg-company-profile:before {
  content: "\e932";
}

.seg-course-dates:before {
  content: "\e933";
}

.seg-course-listings:before {
  content: "\e934";
}

.seg-direct-enquiries:before {
  content: "\e935";
}

.seg-tech-support:before {
  content: "\e936";
}

.seg-Tripadvisor:before {
  content: "\e930";
}

.seg-tick-box:before {
  content: "\e92f";
}

.seg-Close-Chevron:before {
  content: "\e92e";
}

.seg-Live_Stream:before {
  content: "\e92c";
}

.seg-In_Person:before {
  content: "\e92d";
}

.seg-Filter:before {
  content: "\e92b";
}

.seg-linkedin:before {
  content: "\e92a";
}

.seg-cart-thank-you:before {
  content: "\e928";
}

.seg-check-bullet:before {
  content: "\e929";
}

.seg-my-location:before {
  content: "\e912";
}

.seg-zoom-location:before {
  content: "\e913";
}

.seg-zoom-out-location:before {
  content: "\e914";
}

.seg-full-screen-view:before {
  content: "\e915";
}

.seg-hamburger-menu:before {
  content: "\e916";
}

.seg-dashboard:before {
  content: "\e917";
}

.seg-orders:before {
  content: "\e918";
}

.seg-pre-course-learning-dashboard:before {
  content: "\e919";
}

.seg-account-details:before {
  content: "\e91a";
}

.seg-your-orders:before {
  content: "\e91b";
}

.seg-your-account-details:before {
  content: "\e91c";
}

.seg-payment-credit:before {
  content: "\e91d";
}

.seg-logout:before {
  content: "\e91e";
}

.seg-view-password:before {
  content: "\e91f";
}

.seg-training-center:before {
  content: "\e920";
}

.seg-service-provider:before {
  content: "\e921";
}

.seg-error-validation:before {
  content: "\e922";
}

.seg-check-validation:before {
  content: "\e923";
}

.seg-check-mail:before {
  content: "\e924";
}

.seg-edit:before {
  content: "\e925";
}

.seg-delete:before {
  content: "\e926";
}

.seg-upload:before {
  content: "\e927";
}

.seg-map-marker:before {
  content: "\e911";
}

.seg-Account-profile:before {
  content: "\e900";
}

.seg-Add-to-Cart:before {
  content: "\e901";
}

.seg-Cart:before {
  content: "\e902";
}

.seg-Check-got-this:before {
  content: "\e903";
}

.seg-Close-Up:before {
  content: "\e904";
}

.seg-Date-Cal:before {
  content: "\e905";
}

.seg-Down-arrow:before {
  content: "\e906";
}

.seg-Facebook:before {
  content: "\e907";
}

.seg-Instagram:before {
  content: "\e908";
}

.seg-Pre-Course-Learning:before {
  content: "\e909";
}

.seg-Rating-Clear:before {
  content: "\e90a";
}

.seg-Rating-Fill:before {
  content: "\e90b";
}

.seg-Schools:before {
  content: "\e90c";
}

.seg-Search:before {
  content: "\e90d";
}

.seg-Twitter:before {
  content: "\e90e";
}

.seg-up-arrow:before {
  content: "\e90f";
}

.seg-Youtube:before {
  content: "\e910";
}

.seg-cross021:before {
  content: "\ef9c";
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

picture.responsive-image {
  inset: 0;
}
picture.responsive-image img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
picture.responsive-image img.height_bias {
  width: auto;
  height: 100%;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.iframe-container {
  margin: 0px;
  padding: 0px;
  position: relative;
  height: 100%;
  min-height: 530px;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 660px) {
  .iframe-container {
    min-height: 320px;
  }
}
.iframe-container img {
  transition: filter 0.295s cubic-bezier(0.4, 0, 0.2, 1);
  display: inline;
  width: 100%;
}
.iframe-container figcaption {
  display: none;
}
.iframe-container:hover .button_play {
  background: rgba(41, 185, 167, 0.9);
}

.button_play {
  backdrop-filter: saturate(0.4) invert(0.6);
  background: rgba(0, 0, 0, 0.5);
  border-radius: 14px;
  height: 40px;
  left: 50%;
  position: absolute;
  padding: 5px 10px;
  top: 50%;
  transform: translate(-50%, -50%) scale(1, 1);
  transition: background-color 0.095s cubic-bezier(0.4, 0, 0.2, 1);
  width: 50px;
  cursor: pointer;
}
.button_play svg {
  display: block;
  margin: 0 auto;
}
.button_play svg > * {
  fill: white;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
.container {
  max-width: 980px; /* 1 */
  margin-left: auto; /* 2 */
  margin-right: auto; /* 2 */
  padding-left: 20px; /* 3 */
  padding-right: 20px; /* 3 */
  width: 100%; /* 1 */
}
.container.padding-left-1 {
  padding-left: 42px;
}
.container.padding-left-2 {
  padding-left: 84px;
}
.container.padding-left-3 {
  padding-left: 126px;
}
.container.exclude-inline-padding {
  padding-inline: 0;
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/** 
* Centers text in any div
*/
.text-center {
  text-align: center;
}

/** 
* Right aligns text in any div
*/
.text-right {
  text-align: right;
}

/**
* Ripple Loader
*/
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  margin-top: 10px;
}

.lds-ripple div {
  position: absolute;
  border: 2px solid #0077C6;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
section.bg_grey {
  background-color: #3E3E3E;
}
section .section-text-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
section .section-buttons-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 36px;
}
section .section-buttons-wrapper.centered {
  justify-content: center;
}

.merged-input-wrapper {
  position: relative;
}
.merged-input-wrapper .label-container {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: max-content;
  padding: 0 20px;
  background-color: #DDDFE1;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #b0b0b0;
}
.merged-input-wrapper .label-container .label {
  font-family: inherit;
  font-size: 16px;
  color: #666666;
}

/**
 * Mailchimp Form CSS
 */
.field-shift {
  left: -9999px;
  position: absolute;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row.margin-top-auto {
  margin-top: auto;
}

.row.reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.col {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
}

.col-xs {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.col-xs-1 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 8.3333333333%;
  -moz-flex-basis: 8.3333333333%;
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-xs-2 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-xs-3 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-xs-5 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 41.6666666667%;
  -moz-flex-basis: 41.6666666667%;
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-xs-6 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 58.3333333333%;
  -moz-flex-basis: 58.3333333333%;
  -ms-flex-preferred-size: 58.3333333333%;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-xs-8 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 66.6666666667%;
  -moz-flex-basis: 66.6666666667%;
  -ms-flex-preferred-size: 66.6666666667%;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-xs-9 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 83.3333333333%;
  -moz-flex-basis: 83.3333333333%;
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-xs-11 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 91.6666666667%;
  -moz-flex-basis: 91.6666666667%;
  -ms-flex-preferred-size: 91.6666666667%;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-xs-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  margin-left: 0;
}

.col-xs-offset-1 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  margin-left: 25%;
}

.col-xs-offset-4 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  margin-left: 50%;
}

.col-xs-offset-7 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  margin-left: 75%;
}

.col-xs-offset-10 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  margin-left: 100%;
}

.col-xs {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  text-align: left;
}

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right;
}

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
}

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

@media only screen and (min-width: 576px) {
  .wrapper {
    display: block;
    margin: auto;
    max-width: 536px;
  }
  .col-xs {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .col-xs-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xs-1.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-xs-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xs-2.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-xs-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-xs-3.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-xs-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xs-4.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-xs-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xs-5.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-xs-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-xs-6.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-xs-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xs-7.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-xs-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xs-8.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-xs-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-xs-9.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-xs-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xs-10.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-xs-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xs-11.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-xs-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-xs-12.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-xs-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 0;
  }
  .col-xs-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 8.3333333333%;
  }
  .col-xs-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 16.6666666667%;
  }
  .col-xs-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 25%;
  }
  .col-xs-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 33.3333333333%;
  }
  .col-xs-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 41.6666666667%;
  }
  .col-xs-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 50%;
  }
  .col-xs-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 58.3333333333%;
  }
  .col-xs-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 66.6666666667%;
  }
  .col-xs-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 75%;
  }
  .col-xs-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 83.3333333333%;
  }
  .col-xs-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 91.6666666667%;
  }
  .col-xs-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 100%;
  }
  .col-xs {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  .center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }
  .top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .around-xs {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }
  .between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .first-xs {
    order: -1;
  }
  .last-xs {
    order: 1;
  }
}
@media only screen and (min-width: 768px) {
  .wrapper {
    display: block;
    margin: auto;
    max-width: 728px;
  }
  .col-sm {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .col-sm-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-1.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-sm-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-2.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-sm-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-3.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-sm-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-4.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-sm-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-5.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-sm-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-6.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-sm-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-7.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-sm-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-8.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-sm-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-9.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-sm-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-10.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-sm-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-11.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-sm-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-sm-12.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-sm-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 0;
  }
  .col-sm-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 100%;
  }
  .col-sm {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .around-sm {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .first-sm {
    order: -1;
  }
  .last-sm {
    order: 1;
  }
}
@media only screen and (min-width: 960px) {
  .wrapper {
    display: block;
    margin: auto;
    max-width: 960px;
  }
  .col-md {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .col-md-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-1.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-md-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-2.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-md-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-3.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-md-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-4.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-md-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-5.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-md-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-6.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-md-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-7.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-md-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-8.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-md-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-9.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-md-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-10.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-md-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-11.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-md-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-12.flex-col {
    display: flex;
    flex-direction: column;
  }
  .col-md-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 0;
  }
  .col-md-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 25%;
  }
  .col-md-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 50%;
  }
  .col-md-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 75%;
  }
  .col-md-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px;
    margin-left: 100%;
  }
  .col-md {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .around-md {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .first-md {
    order: -1;
  }
  .last-md {
    order: 1;
  }
}
.form-wrapper .col-xs-12 {
  padding-bottom: 0;
}
.form-wrapper .col-xs-12:not(:nth-of-type(2), :nth-of-type(3)) {
  padding-inline: 0;
}
.form-wrapper .col-xs-12:nth-of-type(2) {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .form-wrapper .col-xs-12:nth-of-type(2) {
    padding-inline: 0;
  }
}
.form-wrapper .col-xs-12:nth-of-type(3) {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .form-wrapper .col-xs-12:nth-of-type(3) {
    padding-inline: 0;
  }
}

.fill-height, .page-provider-course-form .selectable-box, .button_play svg {
  box-sizing: border-box;
  height: 100%;
}

.fill-width {
  box-sizing: border-box;
  width: 100%;
}

.image-responsive {
  display: block;
  height: auto;
  width: 100%;
}

[class^=image-center-crop] {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
[class^=image-center-crop][class*=__height_bias] {
  height: 100%;
  width: auto;
}
[class^=image-center-crop]:not([class*=__height_bias]) {
  height: auto;
  width: 100%;
}

.inline_block {
  display: inline-block;
}

.margin_horizontal_auto {
  margin-left: auto;
  margin-right: auto;
}

.container_0 {
  height: 0px;
  height: calc(var(--sizing-unit) * 0);
  width: 0px;
  width: calc(var(--sizing-unit) * 0);
}

.rounded-box_0 {
  border-radius: 0px;
  border-radius: calc(var(--sizing-unit) * 0);
  perspective: 1px;
  overflow: hidden;
}

.inset-box_0 {
  padding: 0px;
  padding: calc(var(--sizing-unit) * 0);
  perspective: 1px;
  overflow: hidden;
}

[class*=inset-box_0]:not[class*=no_margin] * + * {
  margin-top: 0px;
  margin-top: calc(var(--sizing-unit) * 0);
}

.margin_0 {
  margin: 0px;
  margin: calc(var(--sizing-unit) * 0);
}

.margin_top_0, .page-provider-course-form .selectable-box h4 {
  margin-top: 0px;
  margin-top: calc(var(--sizing-unit) * 0);
}

.margin_bottom_0 {
  margin-bottom: 0px;
  margin-bottom: calc(var(--sizing-unit) * 0);
}

.margin_vertical_0 {
  margin-top: 0px;
  margin-top: calc(var(--sizing-unit) * 0);
  margin-bottom: 0px;
  margin-bottom: calc(var(--sizing-unit) * 0);
}

.margin_left_0 {
  margin-left: 0px;
  margin-left: calc(var(--sizing-unit) * 0);
}

.margin_right_0 {
  margin-right: 0px;
  margin-right: calc(var(--sizing-unit) * 0);
}

.margin_horizontal_0 {
  margin-right: 0px;
  margin-right: calc(var(--sizing-unit) * 0);
  margin-left: 0px;
  margin-left: calc(var(--sizing-unit) * 0);
}

.padding_0 {
  padding: 0px;
  padding: calc(var(--sizing-unit) * 0);
}

.padding_top_0 {
  padding-top: 0px;
  padding-top: calc(var(--sizing-unit) * 0);
}

.padding_bottom_0 {
  padding-bottom: 0px;
  padding-bottom: calc(var(--sizing-unit) * 0);
}

.padding_vertical_0 {
  padding-top: 0px;
  padding-top: calc(var(--sizing-unit) * 0);
  padding-bottom: 0px;
  padding-bottom: calc(var(--sizing-unit) * 0);
}

.padding_left_0 {
  padding-left: 0px;
  padding-left: calc(var(--sizing-unit) * 0);
}

.padding_right_0 {
  padding-right: 0px;
  padding-right: calc(var(--sizing-unit) * 0);
}

.padding_horizontal_0 {
  padding-right: 0px;
  padding-right: calc(var(--sizing-unit) * 0);
  padding-left: 0px;
  padding-left: calc(var(--sizing-unit) * 0);
}

.container_1 {
  height: 10px;
  height: calc(var(--sizing-unit) * 1);
  width: 10px;
  width: calc(var(--sizing-unit) * 1);
}

.rounded-box_1 {
  border-radius: 10px;
  border-radius: calc(var(--sizing-unit) * 1);
  perspective: 1px;
  overflow: hidden;
}

.inset-box_1 {
  padding: 10px;
  padding: calc(var(--sizing-unit) * 1);
  perspective: 1px;
  overflow: hidden;
}

[class*=inset-box_1]:not[class*=no_margin] * + * {
  margin-top: 5px;
  margin-top: calc(var(--sizing-unit) * 0.5);
}

.margin_1 {
  margin: 10px;
  margin: calc(var(--sizing-unit) * 1);
}

.margin_top_1 {
  margin-top: 10px;
  margin-top: calc(var(--sizing-unit) * 1);
}

.margin_bottom_1 {
  margin-bottom: 10px;
  margin-bottom: calc(var(--sizing-unit) * 1);
}

.margin_vertical_1 {
  margin-top: 10px;
  margin-top: calc(var(--sizing-unit) * 1);
  margin-bottom: 10px;
  margin-bottom: calc(var(--sizing-unit) * 1);
}

.margin_left_1, .course_date_picker .footer_container > button + button {
  margin-left: 10px;
  margin-left: calc(var(--sizing-unit) * 1);
}

.margin_right_1 {
  margin-right: 10px;
  margin-right: calc(var(--sizing-unit) * 1);
}

.margin_horizontal_1 {
  margin-right: 10px;
  margin-right: calc(var(--sizing-unit) * 1);
  margin-left: 10px;
  margin-left: calc(var(--sizing-unit) * 1);
}

.padding_1 {
  padding: 10px;
  padding: calc(var(--sizing-unit) * 1);
}

.padding_top_1 {
  padding-top: 10px;
  padding-top: calc(var(--sizing-unit) * 1);
}

.padding_bottom_1 {
  padding-bottom: 10px;
  padding-bottom: calc(var(--sizing-unit) * 1);
}

.padding_vertical_1, .course_date_picker .month_year_title {
  padding-top: 10px;
  padding-top: calc(var(--sizing-unit) * 1);
  padding-bottom: 10px;
  padding-bottom: calc(var(--sizing-unit) * 1);
}

.padding_left_1 {
  padding-left: 10px;
  padding-left: calc(var(--sizing-unit) * 1);
}

.padding_right_1 {
  padding-right: 10px;
  padding-right: calc(var(--sizing-unit) * 1);
}

.padding_horizontal_1 {
  padding-right: 10px;
  padding-right: calc(var(--sizing-unit) * 1);
  padding-left: 10px;
  padding-left: calc(var(--sizing-unit) * 1);
}

.container_2 {
  height: 20px;
  height: calc(var(--sizing-unit) * 2);
  width: 20px;
  width: calc(var(--sizing-unit) * 2);
}

.rounded-box_2 {
  border-radius: 20px;
  border-radius: calc(var(--sizing-unit) * 2);
  perspective: 1px;
  overflow: hidden;
}

.inset-box_2 {
  padding: 20px;
  padding: calc(var(--sizing-unit) * 2);
  perspective: 1px;
  overflow: hidden;
}

[class*=inset-box_2]:not[class*=no_margin] * + * {
  margin-top: 10px;
  margin-top: calc(var(--sizing-unit) * 1);
}

.margin_2 {
  margin: 20px;
  margin: calc(var(--sizing-unit) * 2);
}

.margin_top_2, .page-provider-course-form .selectable-box, .page-provider-course-form .form_section_box + .form_section_box, .page-provider-course-form .form_section_box:first-of-type {
  margin-top: 20px;
  margin-top: calc(var(--sizing-unit) * 2);
}

.margin_bottom_2, .page-provider-course-form .selectable-box h4 {
  margin-bottom: 20px;
  margin-bottom: calc(var(--sizing-unit) * 2);
}

.margin_vertical_2 {
  margin-top: 20px;
  margin-top: calc(var(--sizing-unit) * 2);
  margin-bottom: 20px;
  margin-bottom: calc(var(--sizing-unit) * 2);
}

.margin_left_2 {
  margin-left: 20px;
  margin-left: calc(var(--sizing-unit) * 2);
}

.margin_right_2 {
  margin-right: 20px;
  margin-right: calc(var(--sizing-unit) * 2);
}

.margin_horizontal_2 {
  margin-right: 20px;
  margin-right: calc(var(--sizing-unit) * 2);
  margin-left: 20px;
  margin-left: calc(var(--sizing-unit) * 2);
}

.padding_2, .page-provider-course-form .form_section_box .section-header, .page-provider-course-form .form_section_box, .course_date_picker .header_container, .course_date_picker .footer_container {
  padding: 20px;
  padding: calc(var(--sizing-unit) * 2);
}

.padding_top_2 {
  padding-top: 20px;
  padding-top: calc(var(--sizing-unit) * 2);
}

.padding_bottom_2 {
  padding-bottom: 20px;
  padding-bottom: calc(var(--sizing-unit) * 2);
}

.padding_vertical_2 {
  padding-top: 20px;
  padding-top: calc(var(--sizing-unit) * 2);
  padding-bottom: 20px;
  padding-bottom: calc(var(--sizing-unit) * 2);
}

.padding_left_2 {
  padding-left: 20px;
  padding-left: calc(var(--sizing-unit) * 2);
}

.padding_right_2 {
  padding-right: 20px;
  padding-right: calc(var(--sizing-unit) * 2);
}

.padding_horizontal_2 {
  padding-right: 20px;
  padding-right: calc(var(--sizing-unit) * 2);
  padding-left: 20px;
  padding-left: calc(var(--sizing-unit) * 2);
}

.container_3 {
  height: 30px;
  height: calc(var(--sizing-unit) * 3);
  width: 30px;
  width: calc(var(--sizing-unit) * 3);
}

.rounded-box_3 {
  border-radius: 30px;
  border-radius: calc(var(--sizing-unit) * 3);
  perspective: 1px;
  overflow: hidden;
}

.inset-box_3 {
  padding: 30px;
  padding: calc(var(--sizing-unit) * 3);
  perspective: 1px;
  overflow: hidden;
}

[class*=inset-box_3]:not[class*=no_margin] * + * {
  margin-top: 15px;
  margin-top: calc(var(--sizing-unit) * 1.5);
}

.margin_3 {
  margin: 30px;
  margin: calc(var(--sizing-unit) * 3);
}

.margin_top_3 {
  margin-top: 30px;
  margin-top: calc(var(--sizing-unit) * 3);
}

.margin_bottom_3 {
  margin-bottom: 30px;
  margin-bottom: calc(var(--sizing-unit) * 3);
}

.margin_vertical_3 {
  margin-top: 30px;
  margin-top: calc(var(--sizing-unit) * 3);
  margin-bottom: 30px;
  margin-bottom: calc(var(--sizing-unit) * 3);
}

.margin_left_3 {
  margin-left: 30px;
  margin-left: calc(var(--sizing-unit) * 3);
}

.margin_right_3 {
  margin-right: 30px;
  margin-right: calc(var(--sizing-unit) * 3);
}

.margin_horizontal_3 {
  margin-right: 30px;
  margin-right: calc(var(--sizing-unit) * 3);
  margin-left: 30px;
  margin-left: calc(var(--sizing-unit) * 3);
}

.padding_3, .page-provider-course-form .selectable-box {
  padding: 30px;
  padding: calc(var(--sizing-unit) * 3);
}

.padding_top_3 {
  padding-top: 30px;
  padding-top: calc(var(--sizing-unit) * 3);
}

.padding_bottom_3 {
  padding-bottom: 30px;
  padding-bottom: calc(var(--sizing-unit) * 3);
}

.padding_vertical_3 {
  padding-top: 30px;
  padding-top: calc(var(--sizing-unit) * 3);
  padding-bottom: 30px;
  padding-bottom: calc(var(--sizing-unit) * 3);
}

.padding_left_3 {
  padding-left: 30px;
  padding-left: calc(var(--sizing-unit) * 3);
}

.padding_right_3 {
  padding-right: 30px;
  padding-right: calc(var(--sizing-unit) * 3);
}

.padding_horizontal_3 {
  padding-right: 30px;
  padding-right: calc(var(--sizing-unit) * 3);
  padding-left: 30px;
  padding-left: calc(var(--sizing-unit) * 3);
}

.container_4 {
  height: 40px;
  height: calc(var(--sizing-unit) * 4);
  width: 40px;
  width: calc(var(--sizing-unit) * 4);
}

.rounded-box_4 {
  border-radius: 40px;
  border-radius: calc(var(--sizing-unit) * 4);
  perspective: 1px;
  overflow: hidden;
}

.inset-box_4 {
  padding: 40px;
  padding: calc(var(--sizing-unit) * 4);
  perspective: 1px;
  overflow: hidden;
}

[class*=inset-box_4]:not[class*=no_margin] * + * {
  margin-top: 20px;
  margin-top: calc(var(--sizing-unit) * 2);
}

.margin_4 {
  margin: 40px;
  margin: calc(var(--sizing-unit) * 4);
}

.margin_top_4 {
  margin-top: 40px;
  margin-top: calc(var(--sizing-unit) * 4);
}

.margin_bottom_4 {
  margin-bottom: 40px;
  margin-bottom: calc(var(--sizing-unit) * 4);
}

.margin_vertical_4 {
  margin-top: 40px;
  margin-top: calc(var(--sizing-unit) * 4);
  margin-bottom: 40px;
  margin-bottom: calc(var(--sizing-unit) * 4);
}

.margin_left_4 {
  margin-left: 40px;
  margin-left: calc(var(--sizing-unit) * 4);
}

.margin_right_4 {
  margin-right: 40px;
  margin-right: calc(var(--sizing-unit) * 4);
}

.margin_horizontal_4 {
  margin-right: 40px;
  margin-right: calc(var(--sizing-unit) * 4);
  margin-left: 40px;
  margin-left: calc(var(--sizing-unit) * 4);
}

.padding_4 {
  padding: 40px;
  padding: calc(var(--sizing-unit) * 4);
}

.padding_top_4 {
  padding-top: 40px;
  padding-top: calc(var(--sizing-unit) * 4);
}

.padding_bottom_4 {
  padding-bottom: 40px;
  padding-bottom: calc(var(--sizing-unit) * 4);
}

.padding_vertical_4 {
  padding-top: 40px;
  padding-top: calc(var(--sizing-unit) * 4);
  padding-bottom: 40px;
  padding-bottom: calc(var(--sizing-unit) * 4);
}

.padding_left_4 {
  padding-left: 40px;
  padding-left: calc(var(--sizing-unit) * 4);
}

.padding_right_4 {
  padding-right: 40px;
  padding-right: calc(var(--sizing-unit) * 4);
}

.padding_horizontal_4 {
  padding-right: 40px;
  padding-right: calc(var(--sizing-unit) * 4);
  padding-left: 40px;
  padding-left: calc(var(--sizing-unit) * 4);
}

.container_5 {
  height: 50px;
  height: calc(var(--sizing-unit) * 5);
  width: 50px;
  width: calc(var(--sizing-unit) * 5);
}

.rounded-box_5 {
  border-radius: 50px;
  border-radius: calc(var(--sizing-unit) * 5);
  perspective: 1px;
  overflow: hidden;
}

.inset-box_5 {
  padding: 50px;
  padding: calc(var(--sizing-unit) * 5);
  perspective: 1px;
  overflow: hidden;
}

[class*=inset-box_5]:not[class*=no_margin] * + * {
  margin-top: 25px;
  margin-top: calc(var(--sizing-unit) * 2.5);
}

.margin_5 {
  margin: 50px;
  margin: calc(var(--sizing-unit) * 5);
}

.margin_top_5 {
  margin-top: 50px;
  margin-top: calc(var(--sizing-unit) * 5);
}

.margin_bottom_5 {
  margin-bottom: 50px;
  margin-bottom: calc(var(--sizing-unit) * 5);
}

.margin_vertical_5 {
  margin-top: 50px;
  margin-top: calc(var(--sizing-unit) * 5);
  margin-bottom: 50px;
  margin-bottom: calc(var(--sizing-unit) * 5);
}

.margin_left_5 {
  margin-left: 50px;
  margin-left: calc(var(--sizing-unit) * 5);
}

.margin_right_5 {
  margin-right: 50px;
  margin-right: calc(var(--sizing-unit) * 5);
}

.margin_horizontal_5 {
  margin-right: 50px;
  margin-right: calc(var(--sizing-unit) * 5);
  margin-left: 50px;
  margin-left: calc(var(--sizing-unit) * 5);
}

.padding_5 {
  padding: 50px;
  padding: calc(var(--sizing-unit) * 5);
}

.padding_top_5 {
  padding-top: 50px;
  padding-top: calc(var(--sizing-unit) * 5);
}

.padding_bottom_5 {
  padding-bottom: 50px;
  padding-bottom: calc(var(--sizing-unit) * 5);
}

.padding_vertical_5 {
  padding-top: 50px;
  padding-top: calc(var(--sizing-unit) * 5);
  padding-bottom: 50px;
  padding-bottom: calc(var(--sizing-unit) * 5);
}

.padding_left_5 {
  padding-left: 50px;
  padding-left: calc(var(--sizing-unit) * 5);
}

.padding_right_5 {
  padding-right: 50px;
  padding-right: calc(var(--sizing-unit) * 5);
}

.padding_horizontal_5 {
  padding-right: 50px;
  padding-right: calc(var(--sizing-unit) * 5);
  padding-left: 50px;
  padding-left: calc(var(--sizing-unit) * 5);
}

.container_6 {
  height: 60px;
  height: calc(var(--sizing-unit) * 6);
  width: 60px;
  width: calc(var(--sizing-unit) * 6);
}

.rounded-box_6 {
  border-radius: 60px;
  border-radius: calc(var(--sizing-unit) * 6);
  perspective: 1px;
  overflow: hidden;
}

.inset-box_6 {
  padding: 60px;
  padding: calc(var(--sizing-unit) * 6);
  perspective: 1px;
  overflow: hidden;
}

[class*=inset-box_6]:not[class*=no_margin] * + * {
  margin-top: 30px;
  margin-top: calc(var(--sizing-unit) * 3);
}

.margin_6 {
  margin: 60px;
  margin: calc(var(--sizing-unit) * 6);
}

.margin_top_6 {
  margin-top: 60px;
  margin-top: calc(var(--sizing-unit) * 6);
}

.margin_bottom_6 {
  margin-bottom: 60px;
  margin-bottom: calc(var(--sizing-unit) * 6);
}

.margin_vertical_6 {
  margin-top: 60px;
  margin-top: calc(var(--sizing-unit) * 6);
  margin-bottom: 60px;
  margin-bottom: calc(var(--sizing-unit) * 6);
}

.margin_left_6 {
  margin-left: 60px;
  margin-left: calc(var(--sizing-unit) * 6);
}

.margin_right_6 {
  margin-right: 60px;
  margin-right: calc(var(--sizing-unit) * 6);
}

.margin_horizontal_6 {
  margin-right: 60px;
  margin-right: calc(var(--sizing-unit) * 6);
  margin-left: 60px;
  margin-left: calc(var(--sizing-unit) * 6);
}

.padding_6 {
  padding: 60px;
  padding: calc(var(--sizing-unit) * 6);
}

.padding_top_6 {
  padding-top: 60px;
  padding-top: calc(var(--sizing-unit) * 6);
}

.padding_bottom_6, .device-desktop .responsive-exclusion-padding_bottom,
.device-tablet .responsive-exclusion-padding_bottom {
  padding-bottom: 60px;
  padding-bottom: calc(var(--sizing-unit) * 6);
}

.padding_vertical_6 {
  padding-top: 60px;
  padding-top: calc(var(--sizing-unit) * 6);
  padding-bottom: 60px;
  padding-bottom: calc(var(--sizing-unit) * 6);
}

.padding_left_6 {
  padding-left: 60px;
  padding-left: calc(var(--sizing-unit) * 6);
}

.padding_right_6 {
  padding-right: 60px;
  padding-right: calc(var(--sizing-unit) * 6);
}

.padding_horizontal_6 {
  padding-right: 60px;
  padding-right: calc(var(--sizing-unit) * 6);
  padding-left: 60px;
  padding-left: calc(var(--sizing-unit) * 6);
}

.container_7 {
  height: 70px;
  height: calc(var(--sizing-unit) * 7);
  width: 70px;
  width: calc(var(--sizing-unit) * 7);
}

.rounded-box_7 {
  border-radius: 70px;
  border-radius: calc(var(--sizing-unit) * 7);
  perspective: 1px;
  overflow: hidden;
}

.inset-box_7 {
  padding: 70px;
  padding: calc(var(--sizing-unit) * 7);
  perspective: 1px;
  overflow: hidden;
}

[class*=inset-box_7]:not[class*=no_margin] * + * {
  margin-top: 35px;
  margin-top: calc(var(--sizing-unit) * 3.5);
}

.margin_7 {
  margin: 70px;
  margin: calc(var(--sizing-unit) * 7);
}

.margin_top_7 {
  margin-top: 70px;
  margin-top: calc(var(--sizing-unit) * 7);
}

.margin_bottom_7 {
  margin-bottom: 70px;
  margin-bottom: calc(var(--sizing-unit) * 7);
}

.margin_vertical_7 {
  margin-top: 70px;
  margin-top: calc(var(--sizing-unit) * 7);
  margin-bottom: 70px;
  margin-bottom: calc(var(--sizing-unit) * 7);
}

.margin_left_7 {
  margin-left: 70px;
  margin-left: calc(var(--sizing-unit) * 7);
}

.margin_right_7 {
  margin-right: 70px;
  margin-right: calc(var(--sizing-unit) * 7);
}

.margin_horizontal_7 {
  margin-right: 70px;
  margin-right: calc(var(--sizing-unit) * 7);
  margin-left: 70px;
  margin-left: calc(var(--sizing-unit) * 7);
}

.padding_7 {
  padding: 70px;
  padding: calc(var(--sizing-unit) * 7);
}

.padding_top_7 {
  padding-top: 70px;
  padding-top: calc(var(--sizing-unit) * 7);
}

.padding_bottom_7 {
  padding-bottom: 70px;
  padding-bottom: calc(var(--sizing-unit) * 7);
}

.padding_vertical_7 {
  padding-top: 70px;
  padding-top: calc(var(--sizing-unit) * 7);
  padding-bottom: 70px;
  padding-bottom: calc(var(--sizing-unit) * 7);
}

.padding_left_7 {
  padding-left: 70px;
  padding-left: calc(var(--sizing-unit) * 7);
}

.padding_right_7 {
  padding-right: 70px;
  padding-right: calc(var(--sizing-unit) * 7);
}

.padding_horizontal_7 {
  padding-right: 70px;
  padding-right: calc(var(--sizing-unit) * 7);
  padding-left: 70px;
  padding-left: calc(var(--sizing-unit) * 7);
}

.container_8 {
  height: 80px;
  height: calc(var(--sizing-unit) * 8);
  width: 80px;
  width: calc(var(--sizing-unit) * 8);
}

.rounded-box_8 {
  border-radius: 80px;
  border-radius: calc(var(--sizing-unit) * 8);
  perspective: 1px;
  overflow: hidden;
}

.inset-box_8 {
  padding: 80px;
  padding: calc(var(--sizing-unit) * 8);
  perspective: 1px;
  overflow: hidden;
}

[class*=inset-box_8]:not[class*=no_margin] * + * {
  margin-top: 40px;
  margin-top: calc(var(--sizing-unit) * 4);
}

.margin_8 {
  margin: 80px;
  margin: calc(var(--sizing-unit) * 8);
}

.margin_top_8 {
  margin-top: 80px;
  margin-top: calc(var(--sizing-unit) * 8);
}

.margin_bottom_8 {
  margin-bottom: 80px;
  margin-bottom: calc(var(--sizing-unit) * 8);
}

.margin_vertical_8 {
  margin-top: 80px;
  margin-top: calc(var(--sizing-unit) * 8);
  margin-bottom: 80px;
  margin-bottom: calc(var(--sizing-unit) * 8);
}

.margin_left_8 {
  margin-left: 80px;
  margin-left: calc(var(--sizing-unit) * 8);
}

.margin_right_8 {
  margin-right: 80px;
  margin-right: calc(var(--sizing-unit) * 8);
}

.margin_horizontal_8 {
  margin-right: 80px;
  margin-right: calc(var(--sizing-unit) * 8);
  margin-left: 80px;
  margin-left: calc(var(--sizing-unit) * 8);
}

.padding_8 {
  padding: 80px;
  padding: calc(var(--sizing-unit) * 8);
}

.padding_top_8 {
  padding-top: 80px;
  padding-top: calc(var(--sizing-unit) * 8);
}

.padding_bottom_8 {
  padding-bottom: 80px;
  padding-bottom: calc(var(--sizing-unit) * 8);
}

.padding_vertical_8 {
  padding-top: 80px;
  padding-top: calc(var(--sizing-unit) * 8);
  padding-bottom: 80px;
  padding-bottom: calc(var(--sizing-unit) * 8);
}

.padding_left_8 {
  padding-left: 80px;
  padding-left: calc(var(--sizing-unit) * 8);
}

.padding_right_8 {
  padding-right: 80px;
  padding-right: calc(var(--sizing-unit) * 8);
}

.padding_horizontal_8 {
  padding-right: 80px;
  padding-right: calc(var(--sizing-unit) * 8);
  padding-left: 80px;
  padding-left: calc(var(--sizing-unit) * 8);
}

.container_9 {
  height: 90px;
  height: calc(var(--sizing-unit) * 9);
  width: 90px;
  width: calc(var(--sizing-unit) * 9);
}

.rounded-box_9 {
  border-radius: 90px;
  border-radius: calc(var(--sizing-unit) * 9);
  perspective: 1px;
  overflow: hidden;
}

.inset-box_9 {
  padding: 90px;
  padding: calc(var(--sizing-unit) * 9);
  perspective: 1px;
  overflow: hidden;
}

[class*=inset-box_9]:not[class*=no_margin] * + * {
  margin-top: 45px;
  margin-top: calc(var(--sizing-unit) * 4.5);
}

.margin_9 {
  margin: 90px;
  margin: calc(var(--sizing-unit) * 9);
}

.margin_top_9 {
  margin-top: 90px;
  margin-top: calc(var(--sizing-unit) * 9);
}

.margin_bottom_9 {
  margin-bottom: 90px;
  margin-bottom: calc(var(--sizing-unit) * 9);
}

.margin_vertical_9 {
  margin-top: 90px;
  margin-top: calc(var(--sizing-unit) * 9);
  margin-bottom: 90px;
  margin-bottom: calc(var(--sizing-unit) * 9);
}

.margin_left_9 {
  margin-left: 90px;
  margin-left: calc(var(--sizing-unit) * 9);
}

.margin_right_9 {
  margin-right: 90px;
  margin-right: calc(var(--sizing-unit) * 9);
}

.margin_horizontal_9 {
  margin-right: 90px;
  margin-right: calc(var(--sizing-unit) * 9);
  margin-left: 90px;
  margin-left: calc(var(--sizing-unit) * 9);
}

.padding_9 {
  padding: 90px;
  padding: calc(var(--sizing-unit) * 9);
}

.padding_top_9 {
  padding-top: 90px;
  padding-top: calc(var(--sizing-unit) * 9);
}

.padding_bottom_9 {
  padding-bottom: 90px;
  padding-bottom: calc(var(--sizing-unit) * 9);
}

.padding_vertical_9 {
  padding-top: 90px;
  padding-top: calc(var(--sizing-unit) * 9);
  padding-bottom: 90px;
  padding-bottom: calc(var(--sizing-unit) * 9);
}

.padding_left_9 {
  padding-left: 90px;
  padding-left: calc(var(--sizing-unit) * 9);
}

.padding_right_9 {
  padding-right: 90px;
  padding-right: calc(var(--sizing-unit) * 9);
}

.padding_horizontal_9 {
  padding-right: 90px;
  padding-right: calc(var(--sizing-unit) * 9);
  padding-left: 90px;
  padding-left: calc(var(--sizing-unit) * 9);
}

.container_10 {
  height: 100px;
  height: calc(var(--sizing-unit) * 10);
  width: 100px;
  width: calc(var(--sizing-unit) * 10);
}

.rounded-box_10 {
  border-radius: 100px;
  border-radius: calc(var(--sizing-unit) * 10);
  perspective: 1px;
  overflow: hidden;
}

.inset-box_10 {
  padding: 100px;
  padding: calc(var(--sizing-unit) * 10);
  perspective: 1px;
  overflow: hidden;
}

[class*=inset-box_10]:not[class*=no_margin] * + * {
  margin-top: 50px;
  margin-top: calc(var(--sizing-unit) * 5);
}

.margin_10 {
  margin: 100px;
  margin: calc(var(--sizing-unit) * 10);
}

.margin_top_10 {
  margin-top: 100px;
  margin-top: calc(var(--sizing-unit) * 10);
}

.margin_bottom_10 {
  margin-bottom: 100px;
  margin-bottom: calc(var(--sizing-unit) * 10);
}

.margin_vertical_10 {
  margin-top: 100px;
  margin-top: calc(var(--sizing-unit) * 10);
  margin-bottom: 100px;
  margin-bottom: calc(var(--sizing-unit) * 10);
}

.margin_left_10 {
  margin-left: 100px;
  margin-left: calc(var(--sizing-unit) * 10);
}

.margin_right_10 {
  margin-right: 100px;
  margin-right: calc(var(--sizing-unit) * 10);
}

.margin_horizontal_10 {
  margin-right: 100px;
  margin-right: calc(var(--sizing-unit) * 10);
  margin-left: 100px;
  margin-left: calc(var(--sizing-unit) * 10);
}

.padding_10 {
  padding: 100px;
  padding: calc(var(--sizing-unit) * 10);
}

.padding_top_10 {
  padding-top: 100px;
  padding-top: calc(var(--sizing-unit) * 10);
}

.padding_bottom_10 {
  padding-bottom: 100px;
  padding-bottom: calc(var(--sizing-unit) * 10);
}

.padding_vertical_10 {
  padding-top: 100px;
  padding-top: calc(var(--sizing-unit) * 10);
  padding-bottom: 100px;
  padding-bottom: calc(var(--sizing-unit) * 10);
}

.padding_left_10 {
  padding-left: 100px;
  padding-left: calc(var(--sizing-unit) * 10);
}

.padding_right_10 {
  padding-right: 100px;
  padding-right: calc(var(--sizing-unit) * 10);
}

.padding_horizontal_10 {
  padding-right: 100px;
  padding-right: calc(var(--sizing-unit) * 10);
  padding-left: 100px;
  padding-left: calc(var(--sizing-unit) * 10);
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

header {
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 700px;
  margin-top: 48px;
  padding-block: 48px;
  /*.sign-up-link-container {
     margin-top: 49px;
  }*/
}
@media screen and (max-width: 65em) {
  header {
    min-height: 500px;
  }
}
@media screen and (max-width: 30em) {
  header {
    min-height: 300px;
  }
}
header #cartMenuWrapper {
  display: inline-flex;
  align-items: center;
  min-height: 50px;
  margin-left: 6px;
  transition: top 0.2s linear;
}
header .academy-logo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  z-index: 2;
}
@media screen and (max-width: 45em) {
  header .academy-logo {
    transform: translateX(-50%) translateY(50%);
  }
}
header .academy-logo img {
  height: auto;
  width: 360px;
  max-width: 100%;
  filter: drop-shadow(0px 0px 2px #989898);
}
header .header-wrapper-img {
  height: 100%;
  left: 0;
  position: absolute;
  overflow: hidden;
  width: 100%;
  top: 0;
}
header .header-wrapper-img img {
  height: auto;
  min-width: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  min-height: 100%;
  width: auto;
  left: 50%;
}
header .header-wrapper-img::before {
  --gradient-fill: rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, var(--gradient-fill) 30%, rgba(38, 50, 78, 0) 100%);
  z-index: 1;
}
header #headerContentWrapper {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  position: relative;
  margin-block: auto;
  /*top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);*/
  z-index: 2;
  width: 100%;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 45em) {
  header #headerContentWrapper {
    height: 100%;
  }
}
header #headerContentWrapper > * {
  text-shadow: 0 0 1px #989898; /*added to improve readability of white text on image with light colours*/
}
header #headerContentWrapper .action a {
  display: inline-block;
  margin-top: 15px;
}
header .social-wrapper {
  bottom: 20px;
  position: absolute;
  right: 20px;
  z-index: 3;
}
header .social-wrapper #header-social-menu {
  flex-direction: column;
}
header .abe-logo-mobile {
  display: none;
  width: 130px;
  height: 50px;
  background-image: url("https://ephemeris.academy/wp-content/themes/careerguide/images/logo/Academy-by_Ephemeris-stacked-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  /*@include mq-max($medium) {
     display: inline-block;
  }*/
}
header .menu-items-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 30em) {
  header .menu-items-container {
    position: relative;
    padding: 0;
  }
}
@media screen and (max-width: 30em) {
  header #navbar #menu-main li {
    flex-direction: column;
    align-items: start;
  }
}
@media screen and (max-width: 30em) {
  header #navbar #menu-main li a {
    height: 36px;
    font-size: 12px;
  }
}
.device-mobile header #navbar #menu-main li a {
  padding-left: 12px;
}
header div#headerContentWrapper.promotion {
  /*& > * {
     text-align: left;
     min-width: 980px;
     margin-inline: auto;

     @include mq-max(1040px) {
        min-width: auto;
        text-align: center;
     }
  }*/
}
header div#headerContentWrapper.promotion .tag-line {
  font-size: 33px;
  max-width: 527px;
  line-height: 1.1em;
  margin-inline: auto;
  font-style: italic;
}
header a.signup-link.button {
  display: inline-block;
  width: max-content;
  border: none;
  top: 0;
  transform: translateY(-75%);
  background-color: #D62F61;
  color: #FFFFFF;
  margin: 0 10px;
  z-index: 5;
  right: 12px;
  line-height: normal;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
a.head-login-button.button {
  display: flex;
  align-items: center;
  height: 34px;
  color: #FFFFFF;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  font-weight: 400;
}
@media screen and (max-width: 65em) {
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
  a.head-login-button.button {
    font-size: 12px;
  }
}
.device-mobile .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.device-mobile a.head-login-button.button {
  border: none;
  padding: 0;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button .head-login-button,
a.head-login-button.button .head-login-button {
  color: #FFFFFF;
  padding-left: 32px;
  padding-bottom: 11px;
  padding-right: 10px;
  vertical-align: text-top;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button .head-login-button .seg-Account-profile,
a.head-login-button.button .head-login-button .seg-Account-profile {
  color: #FFFFFF;
  position: absolute;
  left: 7px;
}

.header-flex-reverse-wrapper a.signup-link.button {
  top: 0;
}
@media screen and (max-width: 900px) {
  .header-flex-reverse-wrapper a.signup-link.button {
    font-size: 12px;
    min-width: 112px;
    padding: 10px 12px;
  }
}
.header-flex-reverse-wrapper header .signup-link, .header-flex-reverse-wrapper header #cartMenuWrapper {
  top: -40px;
}
.header-flex-reverse-wrapper header #cartMenuWrapper {
  right: 10px;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .header-flex-reverse-wrapper header a.signup-link {
    top: 10px;
  }
}
@media screen and (max-width: 694px) {
  .header-flex-reverse-wrapper header a.signup-link {
    top: 26px;
  }
}
@media screen and (max-width: 1040px) {
  .header-flex-reverse-wrapper #navbar #menu-main li a {
    padding: 10px 10px;
  }
}
@media screen and (max-width: 900px) {
  .header-flex-reverse-wrapper #navbar #menu-main li a {
    padding: 10px 6px;
    font-size: 12px;
  }
}
@media screen and (max-width: 1040px) {
  .header-flex-reverse-wrapper #navbar #menu-main li.logo_icon a {
    display: none;
  }
}

.device-mobile.date_picker_is_active header {
  z-index: 4;
}
.device-mobile header .header-wrapper-img {
  bottom: 0;
  transform: translateY(0);
}
.device-mobile header .header-wrapper-img img {
  height: 100%;
  width: auto;
  max-width: unset;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  min-width: 100%;
}
.device-mobile header #cartMenuWrapper .acc-link,
.device-mobile header #cartMenuWrapper .cart-link {
  margin: 0;
}
.device-mobile header #cartMenuWrapper .cart-link {
  margin-left: 12px;
  margin-right: 12px;
  outline: none;
}
@media all and (max-width: 692px) {
  .device-mobile header #cartMenuWrapper .cart-link {
    margin-inline: 0;
    padding: 0;
    border: none;
  }
}
.device-mobile header a.signup-link.button {
  left: 12px;
  right: unset;
  transform: translateY(-60%);
}
.device-mobile header #headerContentWrapper {
  padding-inline: 20px;
}
.device-mobile header .social-wrapper {
  display: none;
}
.device-mobile.navbar-sticky {
  border-bottom: 1px solid #FFFFFF;
}
.device-mobile.navbar-sticky #cartMenuWrapper {
  top: 0;
  max-width: fit-content;
}

@media only screen and (max-width: 1260px) {
  #headerContentWrapper.promotion .page-title {
    font-size: 26px;
    line-height: 1.1 !important;
  }
  header #headerContentWrapper.promotion .tag-line.promotion {
    font-style: italic;
    font-size: 20px !important;
    line-height: 1.1;
  }
}
@media all and (max-width: 692px) {
  .device-mobile header #cartMenuWrapper {
    position: initial;
    align-items: center;
    min-height: 50px;
    margin-right: 12px;
    transform: unset;
  }
  .device-mobile header #cartMenuWrapper .head-login-text {
    display: none;
  }
  .device-mobile header #cartMenuWrapper .cart-link {
    outline: none;
  }
  .device-mobile header #headerContentWrapper {
    margin-top: 0;
    padding-top: 24px;
  }
  .device-mobile header .sign-up-link-container {
    margin-top: 0;
  }
  .device-mobile header .header-buttons-container {
    width: 100%;
  }
  .device-mobile header .top-row-buttons a {
    flex-grow: 1;
    padding-inline: 6px;
  }
}
/*@media all and (max-width: 460px) {
   .device-mobile {
      header {
         .header-wrapper-img {
            min-height: 100vw;
         }
      }
   }
}*/
.device-tablet header #headerContentWrapper .global-search-bar {
  margin-top: 10px;
}
.device-tablet header #headerContentWrapper .global-search-description {
  display: none;
}
.device-tablet header .social-wrapper {
  display: block;
}
.device-tablet header .social-wrapper ul#header-social-menu li {
  margin-bottom: 10px;
}
.device-tablet header .social-wrapper ul#header-social-menu li a {
  min-height: 30px;
  min-width: 30px;
}

.device-desktop header .social-wrapper {
  display: block;
}
.device-desktop header .social-wrapper ul#header-social-menu li {
  margin-bottom: 15px;
}
.device-desktop header .social-wrapper ul#header-social-menu li a {
  min-height: 35px;
  min-width: 35px;
}

.qc-cmp2-persistent-link {
  visibility: hidden;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

footer {
  background-color: #434548;
  padding-bottom: 10px;
  padding-top: 80px;
  /*#rc-anchor-container { // fails
      width: calc(100% - 10px);
  }*/
}
footer .social-wrapper .social-share-title {
  display: none;
}
footer .social-wrapper ul#footer-social-menu {
  margin-top: 30px;
}
footer .social-wrapper ul#footer-social-menu li {
  flex-shrink: 0;
  flex-grow: 0;
  margin-right: 10px;
}
footer .social-wrapper ul#footer-social-menu li a {
  height: 24px;
}
footer .footer-inner-title {
  margin-bottom: 10px;
  font-size: 20px;
  color: #FFFFFF;
}
footer .footer-inner-about .footer-inner-content {
  padding-right: 25px;
}
footer .footer-inner-newsletter .subscribe-wrapper .input-wrapper {
  position: relative;
  display: flex;
}
footer .footer-inner-newsletter .subscribe-wrapper .input-wrapper .seg-mdl-textfield {
  background-color: #fff;
}
footer .footer-inner-newsletter .subscribe-wrapper .input-wrapper .button--subscribe {
  position: relative;
}
footer .footer-copy-notice {
  border-top: 1px solid #919191;
}
footer .footer-copy-notice img {
  display: inline-block;
  height: 14px;
  width: auto;
}
footer .footer-copy-notice img.stripe {
  filter: invert(1);
}
footer .footer-copy-notice .col-xs-8 {
  padding-top: 5px;
}
footer .footer-copy-notice p {
  color: #FFFFFF;
}
@media screen and (max-width: 30em) {
  footer .footer-copy-notice .divider {
    display: none;
  }
}
footer #mailerlite-form_1 h3 {
  font-size: 14px;
  padding: 0;
  margin: 0;
  font-weight: 700;
  font-family: "Public Sans", serif;
}
footer .mailerlite-form-description {
  display: none;
}
footer .mailerlite-form-field {
  background-color: #FFF;
  color: #000;
}
footer .button-footer-sub {
  background: black;
  color: white;
}
footer .mailerlite-subscribe-button-container {
  text-align: end !important;
}
footer .ml-form-embedContent h4 {
  display: none;
}
footer .ml-form-embedContent p {
  margin-bottom: 15px;
  font-weight: 600;
  color: #FFFFFF;
}
footer .ml-field-group {
  background-color: #FFF;
}
footer .subscription-button {
  background-color: #0595FF;
  color: #FFF;
}
footer .contact-whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 21px;
  right: 21px;
  background-color: #35CD5F;
  width: 62px;
  height: 62px;
  border-radius: 31px;
  z-index: 10;
}
footer .contact-whatsapp img {
  width: auto;
  height: auto;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

#navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 6;
  background-color: #0077C6;
}
#navbar .no-list {
  display: inline-block;
  list-style: none;
}
#navbar #menu-main {
  justify-content: center;
  margin: 0;
  padding: 0;
}
#navbar #menu-main li {
  display: inline-flex;
  align-items: center;
  list-style: none;
  z-index: 2;
}
#navbar #menu-main li.current_page_item a, #navbar #menu-main li.current-menu-item a {
  font-weight: bold;
  pointer-events: none;
  /*color: $themeOrange;*/
}
#navbar #menu-main li.current_page_item a:hover, #navbar #menu-main li.current_page_item a:focus, #navbar #menu-main li.current-menu-item a:hover, #navbar #menu-main li.current-menu-item a:focus {
  background-color: rgba(255, 255, 255, 0);
  cursor: default;
  box-shadow: rgba(255, 255, 255, 0) 0px -1px 3px;
  outline: none;
  border: none;
}
#navbar #menu-main li.current_page_item a:active, #navbar #menu-main li.current-menu-item a:active {
  background-color: rgba(255, 255, 255, 0);
}
#navbar #menu-main li a {
  color: #fff;
  display: inline-flex;
  align-items: center;
  height: 48px;
  font-size: 14px;
  line-height: 20px;
  padding-block: 10px;
  padding-inline: 6px;
  text-transform: uppercase;
  box-shadow: rgba(255, 255, 255, 0) 0px -1px 3px;
  transition: background 0.2s ease, box-shadow 0.1s ease;
}
@media screen and (max-width: 65em) {
  #navbar #menu-main li a {
    padding-inline: 3px;
    font-size: 12px;
  }
}
#navbar #menu-main li a:hover, #navbar #menu-main li a:focus {
  background-color: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  box-shadow: rgba(255, 255, 255, 0.4) 0px -1px 3px;
  outline: none;
  border: none;
}
#navbar #menu-main li a:active {
  background-color: rgba(255, 255, 255, 0.15);
}
#navbar #menu-main li.logo_icon a {
  width: 200px;
  padding-inline: 0;
  font-size: 0;
  color: transparent;
  line-height: 0;
  background-image: url("https://ephemeris.academy/wp-content/themes/careerguide/images/logo/Academy-by_Ephemeris-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(-1px);
}
@media screen and (max-width: 890px) {
  #navbar #menu-main li.logo_icon a {
    width: 90px;
    background-image: url("https://ephemeris.academy/wp-content/themes/careerguide/images/logo/Academy-by_Ephemeris-stacked-white.svg");
  }
}
#navbar #menu-main li.logo_icon a:focus, #navbar #menu-main li.logo_icon a:hover {
  box-shadow: none;
}
#navbar #menu-main .menu-item-has-children {
  position: relative;
}
@media screen and (max-width: 30em) {
  #navbar #menu-main .menu-item-has-children > a {
    position: relative;
    width: 100%;
  }
}
.device-mobile #navbar #menu-main .menu-item-has-children > a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 30px;
  width: 8px;
  height: 8px;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: rotate(135deg) translateX(calc(-50% - 6px));
  transition: transform 0.3s linear;
}
@media screen and (max-width: 30em) {
  #navbar #menu-main .menu-item-has-children.open > a::after {
    right: 24px;
    transform: rotate(-45deg) translateX(calc(50% - 3px));
  }
}
#navbar #menu-main .sub-menu {
  position: absolute;
  background-color: #0077C6;
  padding: 0;
  width: 100%;
  display: none;
  z-index: 5;
  bottom: 0;
  transform: translateY(100%);
}
#navbar #menu-main .sub-menu li {
  width: 100%;
}
#navbar #menu-main .sub-menu li a {
  width: 100%;
}
@media screen and (max-width: 30em) {
  #navbar #menu-main .sub-menu li a {
    position: relative;
  }
}
@media screen and (max-width: 30em) {
  #navbar #menu-main .sub-menu li a::after {
    content: "\ef80";
    position: absolute;
    right: 21px;
    font-family: "seg";
    transform: rotate(180deg);
  }
}
#navbar #menu-main .sub-menu li a:hover {
  background-color: #1d6a9a;
  box-shadow: none;
}
#navbar #menu-main .open .sub-menu {
  display: block;
}
@media screen and (max-width: 30em) {
  #navbar #menu-main .open .sub-menu {
    position: relative;
    transform: unset;
  }
}
#navbar #menu-main li.mobile-only {
  display: none;
}

.device-tablet #navbar,
.device-desktop #navbar {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
}
.device-tablet #navbar #menu-main,
.device-desktop #navbar #menu-main {
  display: flex;
  height: 100%;
  justify-content: start;
}
.device-tablet #navbar .menu-main-container,
.device-desktop #navbar .menu-main-container {
  height: 100%;
}
.device-tablet .nav-menu-button,
.device-desktop .nav-menu-button {
  display: none;
}

.device-mobile.page-provider-product #navbar.sticky .mobile-always-show {
  display: none;
}
.device-mobile .abe-logo-mobile {
  display: inline-block;
}
.device-mobile #navbar #menu-main li.logo_icon {
  display: none;
}
.device-mobile .nav-menu-button {
  display: inline-flex;
  position: relative;
  width: 40px;
  height: 40px;
  margin-left: auto;
  box-shadow: inset rgba(255, 255, 255, 0) 0px -1px 3px;
  transition: background 0.2s ease, box-shadow 0.1s ease;
}
.device-mobile .nav-menu-button:hover, .device-mobile .nav-menu-button:focus {
  background-color: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  box-shadow: inset rgba(255, 255, 255, 0.4) 0px -1px 3px;
  outline: none;
  border: none;
}
.device-mobile .nav-menu-button:active {
  background-color: rgba(255, 255, 255, 0.15);
}
.device-mobile .nav-menu-button i {
  color: #fff;
  font-size: 18px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 11px;
}
.device-mobile .nav-menu-button ul.mobile-always-show {
  position: absolute;
  display: flex;
  width: calc(100vw - 118px);
  left: 52px;
  padding: 0;
  text-align: center;
}
.device-mobile .nav-menu-button ul.mobile-always-show li {
  display: inline-block;
  list-style: none;
}
.device-mobile .nav-menu-button ul.mobile-always-show li a {
  color: #fff;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 20px;
  text-transform: uppercase;
}
.device-mobile .nav-menu-button ul.mobile-always-show li:first-child {
  float: left;
}
.device-mobile .nav-menu-button ul.mobile-always-show li:last-child {
  float: right;
}
.device-mobile .menu-main-container {
  border-top: 1px solid rgba(255, 255, 255, 0.3333333333);
  display: none;
  text-align: center;
}
.device-mobile #menu-main {
  display: flex;
  flex-direction: column;
  padding-top: 12px;
}
.device-mobile .menu-items-container {
  padding: 0;
  background-color: #0077C6;
}
.device-mobile .open {
  /*~ #headerContentWrapper {
     padding-top: 124px;
  }*/
}
.device-mobile .open .menu-items-container {
  position: absolute;
}
.device-mobile .open .menu-main-container {
  display: block;
  width: 100%;
  order: 3;
  background-color: #035991;
}

.device-tablet .crum-menu-wrapper {
  display: inline-block;
  padding-top: 120px;
}
.device-tablet .crum-menu-wrapper ul#crumb-menu::after,
.device-tablet .crum-menu-wrapper ul#crumb-menu::before {
  top: -65px;
  height: 60px;
}
.device-tablet .crum-menu-wrapper ul#crumb-menu::after {
  top: unset;
  bottom: -70px;
}

.device-desktop .crum-menu-wrapper {
  display: inline-block;
  padding-top: 200px;
}
.device-desktop .crum-menu-wrapper ul#crumb-menu::after,
.device-desktop .crum-menu-wrapper ul#crumb-menu::before {
  top: -135px;
  height: 130px;
}
.device-desktop .crum-menu-wrapper ul#crumb-menu::after {
  top: unset;
  bottom: -140px;
}

ul#menu-footer-about-us,
ul#menu-footer-nav,
ul#menu-career-paths {
  margin: 0;
  padding: 0;
}
ul#menu-footer-about-us li,
ul#menu-footer-nav li,
ul#menu-career-paths li {
  list-style: none;
  line-height: 1.8;
}
ul#menu-footer-about-us li a,
ul#menu-footer-nav li a,
ul#menu-career-paths li a {
  color: #FFFFFF;
  font-size: 16px;
}
ul#menu-footer-about-us li a:hover,
ul#menu-footer-nav li a:hover,
ul#menu-career-paths li a:hover {
  color: #0077C6;
}

ul#footer-social-menu,
ul#header-social-menu,
ul#menu-social-menu {
  display: flex;
  margin: 0;
  padding: 0;
}

ul#menu-gatewayoptions {
  display: flex;
  margin: 0;
  padding: 0;
}
ul#menu-gatewayoptions li {
  list-style: none;
  width: 25px;
}
ul#menu-gatewayoptions li a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: auto 12px;
  background-repeat: no-repeat;
  background-position: center;
  transition: filter 0.2s ease;
  position: relative;
}
ul#menu-gatewayoptions li a.icon_payment {
  background-image: url(images/icons/wallet.png);
}

.device-mobile.navbar-sticky .sticky ~ section:first-of-type {
  margin-top: 40px;
}

.sticky ~ .menu-dashboard-container,
.sticky ~ .menu-account-menu-container {
  margin-bottom: 40px;
}

.menu-account-menu-container,
.menu-dashboard-container {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #fff;
  z-index: 4;
}
.menu-account-menu-container ul,
.menu-dashboard-container ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  flex-wrap: wrap;
}
.menu-account-menu-container ul li,
.menu-dashboard-container ul li {
  flex: 0 1 auto;
  margin: 0 10px;
  background-color: #fff;
  height: 40px;
}
.menu-account-menu-container ul li a,
.menu-dashboard-container ul li a {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 15px;
  line-height: 1.2;
  color: #919191;
  position: relative;
  white-space: nowrap;
}
.menu-account-menu-container ul li a::before,
.menu-dashboard-container ul li a::before {
  font-family: "seg";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.menu-account-menu-container ul li a::after,
.menu-dashboard-container ul li a::after {
  content: "";
  position: absolute;
  bottom: 5px;
  height: 1px;
  width: 100%;
  left: 0;
  background-color: transparent;
}
.menu-account-menu-container ul .current_page_item,
.menu-dashboard-container ul .current_page_item {
  color: #0077C6;
}
.menu-account-menu-container ul .current_page_item a,
.menu-dashboard-container ul .current_page_item a {
  color: #0077C6;
}
.menu-account-menu-container ul .current_page_item a::after,
.menu-dashboard-container ul .current_page_item a::after {
  background-color: #0077C6;
}
.menu-account-menu-container .icon-dashboard a::before,
.menu-dashboard-container .icon-dashboard a::before {
  content: "\e917";
}
.menu-account-menu-container .icon-courses a::before,
.menu-dashboard-container .icon-courses a::before {
  content: "\e918";
}
.menu-account-menu-container .icon-manage a::before,
.menu-dashboard-container .icon-manage a::before {
  content: "\e919";
}
.menu-account-menu-container .icon-settings a::before,
.menu-dashboard-container .icon-settings a::before {
  content: "\e91a";
}
.menu-account-menu-container .icon-account a::before,
.menu-dashboard-container .icon-account a::before {
  content: "\e917";
}
.menu-account-menu-container .icon-ebooks a::before,
.menu-dashboard-container .icon-ebooks a::before {
  content: "\e909";
}
.menu-account-menu-container .icon-orders a::before,
.menu-dashboard-container .icon-orders a::before {
  content: "\e918";
}
.menu-account-menu-container .icon-learningMaterial a::before,
.menu-dashboard-container .icon-learningMaterial a::before {
  content: "\e919";
}
.menu-account-menu-container .icon-logout a::before,
.menu-dashboard-container .icon-logout a::before {
  content: "\e91e";
}

@media only screen and (max-width: 380px) {
  .device-mobile .nav-menu-button ul.mobile-always-show li a {
    padding-inline: 12px;
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

body.login.login-action-lostpassword,
body.login.login-action-login,
body.login.login-action-checkemail,
body.login.login-action-rp,
body.login.login-action-resetpass {
  opacity: 1;
  background-image: url("images/login_bg_photo.jpg");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
}
body.login.login-action-lostpassword #login,
body.login.login-action-login #login,
body.login.login-action-checkemail #login,
body.login.login-action-rp #login,
body.login.login-action-resetpass #login {
  margin-right: 30%;
  padding-top: 17%;
}
body.login.login-action-lostpassword #login h1,
body.login.login-action-login #login h1,
body.login.login-action-checkemail #login h1,
body.login.login-action-rp #login h1,
body.login.login-action-resetpass #login h1 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 60%;
  height: 100%;
  background-image: url("images/login_bg.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
}
body.login.login-action-lostpassword #login h1 a,
body.login.login-action-login #login h1 a,
body.login.login-action-checkemail #login h1 a,
body.login.login-action-rp #login h1 a,
body.login.login-action-resetpass #login h1 a {
  display: block;
  background-image: url("images/logo/Academy-by_Ephemeris-white.svg");
  background-repeat: no-repeat;
  width: 68%;
  height: 121px;
  position: absolute;
  top: 17px;
  left: 9%;
  background-size: contain;
  font-size: 0;
}
body.login.login-action-lostpassword #login #lostpasswordform,
body.login.login-action-lostpassword #login #loginform,
body.login.login-action-lostpassword #login #resetpassform,
body.login.login-action-login #login #lostpasswordform,
body.login.login-action-login #login #loginform,
body.login.login-action-login #login #resetpassform,
body.login.login-action-checkemail #login #lostpasswordform,
body.login.login-action-checkemail #login #loginform,
body.login.login-action-checkemail #login #resetpassform,
body.login.login-action-rp #login #lostpasswordform,
body.login.login-action-rp #login #loginform,
body.login.login-action-rp #login #resetpassform,
body.login.login-action-resetpass #login #lostpasswordform,
body.login.login-action-resetpass #login #loginform,
body.login.login-action-resetpass #login #resetpassform {
  background: transparent;
  border: none;
  color: #FFFFFF;
  position: relative;
}
body.login.login-action-lostpassword #login input.input[type=text],
body.login.login-action-lostpassword #login input.input[type=password],
body.login.login-action-login #login input.input[type=text],
body.login.login-action-login #login input.input[type=password],
body.login.login-action-checkemail #login input.input[type=text],
body.login.login-action-checkemail #login input.input[type=password],
body.login.login-action-rp #login input.input[type=text],
body.login.login-action-rp #login input.input[type=password],
body.login.login-action-resetpass #login input.input[type=text],
body.login.login-action-resetpass #login input.input[type=password] {
  background-color: RGBA(188, 188, 188, 0.42);
  border: 1px solid #fff;
  box-shadow: none;
}
body.login.login-action-lostpassword #login .button.button-primary.button-large,
body.login.login-action-login #login .button.button-primary.button-large,
body.login.login-action-checkemail #login .button.button-primary.button-large,
body.login.login-action-rp #login .button.button-primary.button-large,
body.login.login-action-resetpass #login .button.button-primary.button-large {
  background-color: #2E6D8E;
  width: 100%;
}
body.login.login-action-lostpassword #login .button.wp-generate-pw,
body.login.login-action-login #login .button.wp-generate-pw,
body.login.login-action-checkemail #login .button.wp-generate-pw,
body.login.login-action-rp #login .button.wp-generate-pw,
body.login.login-action-resetpass #login .button.wp-generate-pw {
  width: 100%;
}
body.login.login-action-lostpassword .message, body.login.login-action-lostpassword #login_error,
body.login.login-action-login .message,
body.login.login-action-login #login_error,
body.login.login-action-checkemail .message,
body.login.login-action-checkemail #login_error,
body.login.login-action-rp .message,
body.login.login-action-rp #login_error,
body.login.login-action-resetpass .message,
body.login.login-action-resetpass #login_error {
  position: relative;
  background-color: RGBA(188, 188, 188, 0.42);
  color: #FFF;
}
body.login.login-action-lostpassword .message,
body.login.login-action-login .message,
body.login.login-action-checkemail .message,
body.login.login-action-rp .message,
body.login.login-action-resetpass .message {
  border-left: 4px solid #2E6D8E;
}
body.login.login-action-lostpassword #nav, body.login.login-action-lostpassword #nav a, body.login.login-action-lostpassword .privacy-policy-link, body.login.login-action-lostpassword #backtoblog a,
body.login.login-action-login #nav,
body.login.login-action-login #nav a,
body.login.login-action-login .privacy-policy-link,
body.login.login-action-login #backtoblog a,
body.login.login-action-checkemail #nav,
body.login.login-action-checkemail #nav a,
body.login.login-action-checkemail .privacy-policy-link,
body.login.login-action-checkemail #backtoblog a,
body.login.login-action-rp #nav,
body.login.login-action-rp #nav a,
body.login.login-action-rp .privacy-policy-link,
body.login.login-action-rp #backtoblog a,
body.login.login-action-resetpass #nav,
body.login.login-action-resetpass #nav a,
body.login.login-action-resetpass .privacy-policy-link,
body.login.login-action-resetpass #backtoblog a {
  color: #FFF;
  position: relative;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

h1.center {
  text-align: center;
  font-size: 36px;
}

.cookie-notice-table table, .cookie-notice-table tr, .cookie-notice-table td {
  border: 1px solid #000;
  border-collapse: collapse;
}

@media screen and (max-width: 666px) {
  .cookie-notice-table tr td {
    display: block;
    border: 1px dotted #EFEFEF;
    padding: 2px 6px;
  }
  .cookie-notice-table tr td:first-of-type {
    font-weight: 600;
    border-bottom: 1px solid #CCC;
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/*
 * segbox
 */
#segbox {
  position: fixed;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  inset: 0;
}
#segbox.active {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

#segbox-inner {
  border-radius: 5px;
  height: auto;
  max-height: calc(100vh - 100px);
  border: none;
}
#segbox-inner.scrollable {
  display: flex;
  flex-direction: column;
  flex-basis: auto;
  height: auto;
  max-height: 100vh;
  width: 90%;
  max-width: 800px;
  margin-inline: 10px;
  overflow: auto;
}
#segbox-inner.popup-v2 {
  background-color: #ffffff;
  margin-top: 20px;
}
#segbox-inner.popup-v2 .header-wrapper {
  position: relative;
  box-shadow: #ebebeb 0 0 0 1px;
  height: 50px;
}
#segbox-inner.popup-v2 .header-wrapper .header-name {
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 20px;
  padding: 15px 0;
  color: #adb1b9;
  font-weight: 300;
}
#segbox-inner.popup-v2 .header-wrapper .close-provider-btn {
  display: block;
  height: 20px;
  opacity: 0.8;
  position: absolute;
  right: 10px;
  top: 15px;
  transition: opacity 0.2s ease;
  width: 20px;
  z-index: 1;
  line-height: 20px;
  text-align: center;
  color: #adb1b9;
  font-weight: 300;
}
#segbox-inner.popup-v2 .header-wrapper .close-provider-btn:before {
  content: "×";
  color: #666;
  font-size: 40px;
  font-weight: 100;
}
#segbox-inner.popup-v2 .content-wrapper {
  max-height: calc(100% - 90px);
  overflow: auto;
  height: auto;
  padding: 25px 15px;
}
#segbox-inner.popup-v2 .footer-wrapper {
  border-top: 1px solid #b0b0b0;
}
#segbox-inner.popup-v2 .footer-wrapper .close-course-provider-wrapper {
  margin: 0px;
  position: relative;
}
#segbox-inner.popup-v2 .footer-wrapper .close-course-provider-wrapper [class*=course-provider-btn] {
  display: flex;
  justify-content: center;
  align-items: center;
}
#segbox-inner.popup-v2 .footer-wrapper .close-course-provider-wrapper .close-course-provider-btn {
  font-size: 16px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  color: #707070;
}
#segbox-inner.popup-v2 .footer-wrapper .close-course-provider-wrapper .close-course-provider-btn:hover {
  cursor: pointer;
}
#segbox-inner.popup-v2 .footer-wrapper .close-course-provider-wrapper .save-course-provider-btn {
  font-size: 16px;
  position: relative;
  overflow: hidden;
  background-color: #0077C6;
  color: #fff;
}
#segbox-inner.popup-v2 .footer-wrapper .close-course-provider-wrapper .save-course-provider-btn:hover {
  cursor: pointer;
}
#segbox-inner.popup-v2 .footer-wrapper .content-wrapper {
  max-height: calc(100% - 90px);
  overflow: auto;
  height: auto;
  padding: 20px;
}

.ellipses {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.device-desktop #segbox-inner.popup-v2 {
  width: 800px;
}

.device-mobile #segbox-inner.popup-v2 .ebook-image {
  max-height: 230px;
  max-width: 230px;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.flex-column.center, .flex-row.center {
  align-items: center;
  justify-content: center;
}

.flex-gap {
  column-gap: var(--column-gap, 0);
  row-gap: var(--row-gap, 0);
}

.d-flex {
  display: flex;
  flex-wrap: wrap;
}

.flex-row {
  display: flex;
}
.flex-row [class*=col-] {
  flex-basis: auto;
}
.flex-row.h-center {
  align-items: center;
}
.flex-row.v-center {
  justify-content: center;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-column [class*=col] {
  flex-basis: auto;
}
.flex-column.v-center {
  align-items: center;
}
.flex-column.h-center {
  justify-content: center;
}
.d-flex .col-1,
.flex-row .col-1,
.flex-column .col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}
.d-flex .col-2,
.flex-row .col-2,
.flex-column .col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.d-flex .col-3,
.flex-row .col-3,
.flex-column .col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.d-flex .col-4,
.flex-row .col-4,
.flex-column .col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.d-flex .col-5,
.flex-row .col-5,
.flex-column .col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}
.d-flex .col-6,
.flex-row .col-6,
.flex-column .col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.d-flex .col-7,
.flex-row .col-7,
.flex-column .col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}
.d-flex .col-8,
.flex-row .col-8,
.flex-column .col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}
.d-flex .col-9,
.flex-row .col-9,
.flex-column .col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.d-flex .col-10,
.flex-row .col-10,
.flex-column .col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}
.d-flex .col-11,
.flex-row .col-11,
.flex-column .col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}
.d-flex .col-12,
.flex-row .col-12,
.flex-column .col-12 {
  flex: 0 0 auto;
  width: 100%;
}
@media screen and (min-width: 30em) {
  .d-flex .col-sm-1,
  .flex-row .col-sm-1,
  .flex-column .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .d-flex .col-sm-2,
  .flex-row .col-sm-2,
  .flex-column .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .d-flex .col-sm-3,
  .flex-row .col-sm-3,
  .flex-column .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .d-flex .col-sm-4,
  .flex-row .col-sm-4,
  .flex-column .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .d-flex .col-sm-5,
  .flex-row .col-sm-5,
  .flex-column .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .d-flex .col-sm-6,
  .flex-row .col-sm-6,
  .flex-column .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .d-flex .col-sm-7,
  .flex-row .col-sm-7,
  .flex-column .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .d-flex .col-sm-8,
  .flex-row .col-sm-8,
  .flex-column .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .d-flex .col-sm-9,
  .flex-row .col-sm-9,
  .flex-column .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .d-flex .col-sm-10,
  .flex-row .col-sm-10,
  .flex-column .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .d-flex .col-sm-11,
  .flex-row .col-sm-11,
  .flex-column .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .d-flex .col-sm-12,
  .flex-row .col-sm-12,
  .flex-column .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 45em) {
  .d-flex .col-md-1,
  .flex-row .col-md-1,
  .flex-column .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .d-flex .col-md-2,
  .flex-row .col-md-2,
  .flex-column .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .d-flex .col-md-3,
  .flex-row .col-md-3,
  .flex-column .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .d-flex .col-md-4,
  .flex-row .col-md-4,
  .flex-column .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .d-flex .col-md-5,
  .flex-row .col-md-5,
  .flex-column .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .d-flex .col-md-6,
  .flex-row .col-md-6,
  .flex-column .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .d-flex .col-md-7,
  .flex-row .col-md-7,
  .flex-column .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .d-flex .col-md-8,
  .flex-row .col-md-8,
  .flex-column .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .d-flex .col-md-9,
  .flex-row .col-md-9,
  .flex-column .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .d-flex .col-md-10,
  .flex-row .col-md-10,
  .flex-column .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .d-flex .col-md-11,
  .flex-row .col-md-11,
  .flex-column .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .d-flex .col-md-12,
  .flex-row .col-md-12,
  .flex-column .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 65em) {
  .d-flex .col-lg-1,
  .flex-row .col-lg-1,
  .flex-column .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .d-flex .col-lg-2,
  .flex-row .col-lg-2,
  .flex-column .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .d-flex .col-lg-3,
  .flex-row .col-lg-3,
  .flex-column .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .d-flex .col-lg-4,
  .flex-row .col-lg-4,
  .flex-column .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .d-flex .col-lg-5,
  .flex-row .col-lg-5,
  .flex-column .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .d-flex .col-lg-6,
  .flex-row .col-lg-6,
  .flex-column .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .d-flex .col-lg-7,
  .flex-row .col-lg-7,
  .flex-column .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .d-flex .col-lg-8,
  .flex-row .col-lg-8,
  .flex-column .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .d-flex .col-lg-9,
  .flex-row .col-lg-9,
  .flex-column .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .d-flex .col-lg-10,
  .flex-row .col-lg-10,
  .flex-column .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .d-flex .col-lg-11,
  .flex-row .col-lg-11,
  .flex-column .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .d-flex .col-lg-12,
  .flex-row .col-lg-12,
  .flex-column .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (min-width: 88em) {
  .d-flex .col-xl-1,
  .flex-row .col-xl-1,
  .flex-column .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .d-flex .col-xl-2,
  .flex-row .col-xl-2,
  .flex-column .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .d-flex .col-xl-3,
  .flex-row .col-xl-3,
  .flex-column .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .d-flex .col-xl-4,
  .flex-row .col-xl-4,
  .flex-column .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .d-flex .col-xl-5,
  .flex-row .col-xl-5,
  .flex-column .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .d-flex .col-xl-6,
  .flex-row .col-xl-6,
  .flex-column .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .d-flex .col-xl-7,
  .flex-row .col-xl-7,
  .flex-column .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .d-flex .col-xl-8,
  .flex-row .col-xl-8,
  .flex-column .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .d-flex .col-xl-9,
  .flex-row .col-xl-9,
  .flex-column .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .d-flex .col-xl-10,
  .flex-row .col-xl-10,
  .flex-column .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .d-flex .col-xl-11,
  .flex-row .col-xl-11,
  .flex-column .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .d-flex .col-xl-12,
  .flex-row .col-xl-12,
  .flex-column .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

.flex-row-1 {
  display: flex;
  flex-wrap: wrap;
}
.flex-row-1 > [class*=col] {
  flex: 0 0 auto;
  width: 100%;
  /*&:nth-of-type(n1) {
      margin-top: 12px;
  }*/
}

.flex-row-2 {
  display: flex;
  flex-wrap: wrap;
}
.flex-row-2 > [class*=col] {
  flex: 0 0 auto;
  width: 50%;
  /*&:nth-of-type(n2) {
      margin-top: 12px;
  }*/
}

.flex-row-3 {
  display: flex;
  flex-wrap: wrap;
}
.flex-row-3 > [class*=col] {
  flex: 0 0 auto;
  width: 33.3333333333%;
  /*&:nth-of-type(n3) {
      margin-top: 12px;
  }*/
}

.flex-row-4 {
  display: flex;
  flex-wrap: wrap;
}
.flex-row-4 > [class*=col] {
  flex: 0 0 auto;
  width: 25%;
  /*&:nth-of-type(n4) {
      margin-top: 12px;
  }*/
}

.flex-row-5 {
  display: flex;
  flex-wrap: wrap;
}
.flex-row-5 > [class*=col] {
  flex: 0 0 auto;
  width: 20%;
  /*&:nth-of-type(n5) {
      margin-top: 12px;
  }*/
}

.flex-row-6 {
  display: flex;
  flex-wrap: wrap;
}
.flex-row-6 > [class*=col] {
  flex: 0 0 auto;
  width: 16.6666666667%;
  /*&:nth-of-type(n6) {
      margin-top: 12px;
  }*/
}

.flex-row-7 {
  display: flex;
  flex-wrap: wrap;
}
.flex-row-7 > [class*=col] {
  flex: 0 0 auto;
  width: 14.2857142857%;
  /*&:nth-of-type(n7) {
      margin-top: 12px;
  }*/
}

.flex-row-8 {
  display: flex;
  flex-wrap: wrap;
}
.flex-row-8 > [class*=col] {
  flex: 0 0 auto;
  width: 12.5%;
  /*&:nth-of-type(n8) {
      margin-top: 12px;
  }*/
}

.flex-row-9 {
  display: flex;
  flex-wrap: wrap;
}
.flex-row-9 > [class*=col] {
  flex: 0 0 auto;
  width: 11.1111111111%;
  /*&:nth-of-type(n9) {
      margin-top: 12px;
  }*/
}

.flex-row-10 {
  display: flex;
  flex-wrap: wrap;
}
.flex-row-10 > [class*=col] {
  flex: 0 0 auto;
  width: 10%;
  /*&:nth-of-type(n10) {
      margin-top: 12px;
  }*/
}

.flex-row-11 {
  display: flex;
  flex-wrap: wrap;
}
.flex-row-11 > [class*=col] {
  flex: 0 0 auto;
  width: 9.0909090909%;
  /*&:nth-of-type(n11) {
      margin-top: 12px;
  }*/
}

.flex-row-12 {
  display: flex;
  flex-wrap: wrap;
}
.flex-row-12 > [class*=col] {
  flex: 0 0 auto;
  width: 8.3333333333%;
  /*&:nth-of-type(n12) {
      margin-top: 12px;
  }*/
}

.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-space-between {
  justify-content: space-between;
}
.justify-space-around {
  justify-content: space-around;
}
.justify-space-evenly {
  justify-content: space-evenly;
}

.align-items-start {
  align-items: flex-start;
}
.align-items-end {
  align-items: flex-end;
}
.align-items-center {
  align-items: center;
}
.align-items-stretch {
  align-items: stretch;
}

.align-self-start {
  align-self: flex-start;
}
.align-self-end {
  align-self: flex-end;
}
.align-self-center {
  align-self: center;
}

.align-content-start {
  align-content: flex-start;
}
.align-content-end {
  align-content: flex-end;
}
.align-content-center {
  align-content: center;
}
.align-content-space-between {
  align-content: space-between;
}
.align-content-space-around {
  align-content: space-around;
}
.align-content-space-evenly {
  align-content: space-evenly;
}

.flex-grow-0 {
  flex-grow: 0;
}
.flex-grow-1 {
  flex-grow: 1;
}
.flex-shrink-0 {
  flex-grow: 0;
}
.flex-shrink-1 {
  flex-grow: 1;
}
.flex-reverse-row {
  flex-direction: row-reverse;
}
.flex-reverse-column {
  flex-direction: column-reverse;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/*.section,
section {
    padding-block: $section-padding;
}*/
.section-spacing-large {
  padding-block: clamp(6rem, 20vh, 14rem);
}
@media screen and (max-width: 65em) {
  .section-spacing-large {
    padding-block: 10vh;
  }
}
@media screen and (max-width: 45em) {
  .section-spacing-large {
    padding-block: 6vh;
  }
}

.section-spacing-medium {
  padding-block: clamp(5rem, 14vh, 9rem);
}
@media screen and (max-width: 45em) {
  .section-spacing-medium {
    padding-block: 6vh;
  }
}

.p-0 {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.p-1 {
  padding: 6px !important;
}

.m-1 {
  margin: 6px !important;
}

.p-2 {
  padding: 12px !important;
}

.m-2 {
  margin: 12px !important;
}

.p-3 {
  padding: 18px !important;
}

.m-3 {
  margin: 18px !important;
}

.p-4 {
  padding: 24px !important;
}

.m-4 {
  margin: 24px !important;
}

.p-5 {
  padding: 30px !important;
}

.m-5 {
  margin: 30px !important;
}

.p-6 {
  padding: 36px !important;
}

.m-6 {
  margin: 36px !important;
}

.p-7 {
  padding: 42px !important;
}

.m-7 {
  margin: 42px !important;
}

.p-8 {
  padding: 48px !important;
}

.m-8 {
  margin: 48px !important;
}

.p-9 {
  padding: 54px !important;
}

.m-9 {
  margin: 54px !important;
}

.p-10 {
  padding: 60px !important;
}

.m-10 {
  margin: 60px !important;
}

.p-11 {
  padding: 66px !important;
}

.m-11 {
  margin: 66px !important;
}

.p-12 {
  padding: 74px !important;
}

.m-12 {
  margin: 74px !important;
}

.m-auto {
  margin: auto !important;
}

@media screen and (max-width: 88em) {
  .p-xl-0 {
    padding: 0 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .p-xl-1 {
    padding: 6px !important;
  }
  .m-xl-1 {
    margin: 6px !important;
  }
  .p-xl-2 {
    padding: 12px !important;
  }
  .m-xl-2 {
    margin: 12px !important;
  }
  .p-xl-3 {
    padding: 18px !important;
  }
  .m-xl-3 {
    margin: 18px !important;
  }
  .p-xl-4 {
    padding: 24px !important;
  }
  .m-xl-4 {
    margin: 24px !important;
  }
  .p-xl-5 {
    padding: 30px !important;
  }
  .m-xl-5 {
    margin: 30px !important;
  }
  .p-xl-6 {
    padding: 36px !important;
  }
  .m-xl-6 {
    margin: 36px !important;
  }
  .p-xl-7 {
    padding: 42px !important;
  }
  .m-xl-7 {
    margin: 42px !important;
  }
  .p-xl-8 {
    padding: 48px !important;
  }
  .m-xl-8 {
    margin: 48px !important;
  }
  .p-xl-9 {
    padding: 54px !important;
  }
  .m-xl-9 {
    margin: 54px !important;
  }
  .p-xl-10 {
    padding: 60px !important;
  }
  .m-xl-10 {
    margin: 60px !important;
  }
  .p-xl-11 {
    padding: 66px !important;
  }
  .m-xl-11 {
    margin: 66px !important;
  }
  .p-xl-12 {
    padding: 74px !important;
  }
  .m-xl-12 {
    margin: 74px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
}
@media screen and (max-width: 65em) {
  .p-lg-0 {
    padding: 0 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .p-lg-1 {
    padding: 6px !important;
  }
  .m-lg-1 {
    margin: 6px !important;
  }
  .p-lg-2 {
    padding: 12px !important;
  }
  .m-lg-2 {
    margin: 12px !important;
  }
  .p-lg-3 {
    padding: 18px !important;
  }
  .m-lg-3 {
    margin: 18px !important;
  }
  .p-lg-4 {
    padding: 24px !important;
  }
  .m-lg-4 {
    margin: 24px !important;
  }
  .p-lg-5 {
    padding: 30px !important;
  }
  .m-lg-5 {
    margin: 30px !important;
  }
  .p-lg-6 {
    padding: 36px !important;
  }
  .m-lg-6 {
    margin: 36px !important;
  }
  .p-lg-7 {
    padding: 42px !important;
  }
  .m-lg-7 {
    margin: 42px !important;
  }
  .p-lg-8 {
    padding: 48px !important;
  }
  .m-lg-8 {
    margin: 48px !important;
  }
  .p-lg-9 {
    padding: 54px !important;
  }
  .m-lg-9 {
    margin: 54px !important;
  }
  .p-lg-10 {
    padding: 60px !important;
  }
  .m-lg-10 {
    margin: 60px !important;
  }
  .p-lg-11 {
    padding: 66px !important;
  }
  .m-lg-11 {
    margin: 66px !important;
  }
  .p-lg-12 {
    padding: 74px !important;
  }
  .m-lg-12 {
    margin: 74px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
}
@media screen and (max-width: 833px) {
  .p-ipad-0 {
    padding: 0 !important;
  }
  .m-ipad-0 {
    margin: 0 !important;
  }
  .p-ipad-1 {
    padding: 6px !important;
  }
  .m-ipad-1 {
    margin: 6px !important;
  }
  .p-ipad-2 {
    padding: 12px !important;
  }
  .m-ipad-2 {
    margin: 12px !important;
  }
  .p-ipad-3 {
    padding: 18px !important;
  }
  .m-ipad-3 {
    margin: 18px !important;
  }
  .p-ipad-4 {
    padding: 24px !important;
  }
  .m-ipad-4 {
    margin: 24px !important;
  }
  .p-ipad-5 {
    padding: 30px !important;
  }
  .m-ipad-5 {
    margin: 30px !important;
  }
  .p-ipad-6 {
    padding: 36px !important;
  }
  .m-ipad-6 {
    margin: 36px !important;
  }
  .p-ipad-7 {
    padding: 42px !important;
  }
  .m-ipad-7 {
    margin: 42px !important;
  }
  .p-ipad-8 {
    padding: 48px !important;
  }
  .m-ipad-8 {
    margin: 48px !important;
  }
  .p-ipad-9 {
    padding: 54px !important;
  }
  .m-ipad-9 {
    margin: 54px !important;
  }
  .p-ipad-10 {
    padding: 60px !important;
  }
  .m-ipad-10 {
    margin: 60px !important;
  }
  .p-ipad-11 {
    padding: 66px !important;
  }
  .m-ipad-11 {
    margin: 66px !important;
  }
  .p-ipad-12 {
    padding: 74px !important;
  }
  .m-ipad-12 {
    margin: 74px !important;
  }
  .m-ipad-auto {
    margin: auto !important;
  }
}
@media screen and (max-width: 45em) {
  .p-md-0 {
    padding: 0 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .p-md-1 {
    padding: 6px !important;
  }
  .m-md-1 {
    margin: 6px !important;
  }
  .p-md-2 {
    padding: 12px !important;
  }
  .m-md-2 {
    margin: 12px !important;
  }
  .p-md-3 {
    padding: 18px !important;
  }
  .m-md-3 {
    margin: 18px !important;
  }
  .p-md-4 {
    padding: 24px !important;
  }
  .m-md-4 {
    margin: 24px !important;
  }
  .p-md-5 {
    padding: 30px !important;
  }
  .m-md-5 {
    margin: 30px !important;
  }
  .p-md-6 {
    padding: 36px !important;
  }
  .m-md-6 {
    margin: 36px !important;
  }
  .p-md-7 {
    padding: 42px !important;
  }
  .m-md-7 {
    margin: 42px !important;
  }
  .p-md-8 {
    padding: 48px !important;
  }
  .m-md-8 {
    margin: 48px !important;
  }
  .p-md-9 {
    padding: 54px !important;
  }
  .m-md-9 {
    margin: 54px !important;
  }
  .p-md-10 {
    padding: 60px !important;
  }
  .m-md-10 {
    margin: 60px !important;
  }
  .p-md-11 {
    padding: 66px !important;
  }
  .m-md-11 {
    margin: 66px !important;
  }
  .p-md-12 {
    padding: 74px !important;
  }
  .m-md-12 {
    margin: 74px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
}
@media screen and (max-width: 30em) {
  .p-sm-0 {
    padding: 0 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .p-sm-1 {
    padding: 6px !important;
  }
  .m-sm-1 {
    margin: 6px !important;
  }
  .p-sm-2 {
    padding: 12px !important;
  }
  .m-sm-2 {
    margin: 12px !important;
  }
  .p-sm-3 {
    padding: 18px !important;
  }
  .m-sm-3 {
    margin: 18px !important;
  }
  .p-sm-4 {
    padding: 24px !important;
  }
  .m-sm-4 {
    margin: 24px !important;
  }
  .p-sm-5 {
    padding: 30px !important;
  }
  .m-sm-5 {
    margin: 30px !important;
  }
  .p-sm-6 {
    padding: 36px !important;
  }
  .m-sm-6 {
    margin: 36px !important;
  }
  .p-sm-7 {
    padding: 42px !important;
  }
  .m-sm-7 {
    margin: 42px !important;
  }
  .p-sm-8 {
    padding: 48px !important;
  }
  .m-sm-8 {
    margin: 48px !important;
  }
  .p-sm-9 {
    padding: 54px !important;
  }
  .m-sm-9 {
    margin: 54px !important;
  }
  .p-sm-10 {
    padding: 60px !important;
  }
  .m-sm-10 {
    margin: 60px !important;
  }
  .p-sm-11 {
    padding: 66px !important;
  }
  .m-sm-11 {
    margin: 66px !important;
  }
  .p-sm-12 {
    padding: 74px !important;
  }
  .m-sm-12 {
    margin: 74px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
}
.pt-0 {
  padding-block-start: 0 !important;
}

.mt-0 {
  margin-block-start: 0 !important;
}

.pt-1 {
  padding-block-start: 6px !important;
}

.mt-1 {
  margin-block-start: 6px !important;
}

.pt-2 {
  padding-block-start: 12px !important;
}

.mt-2 {
  margin-block-start: 12px !important;
}

.pt-3 {
  padding-block-start: 18px !important;
}

.mt-3 {
  margin-block-start: 18px !important;
}

.pt-4 {
  padding-block-start: 24px !important;
}

.mt-4 {
  margin-block-start: 24px !important;
}

.pt-5 {
  padding-block-start: 30px !important;
}

.mt-5 {
  margin-block-start: 30px !important;
}

.pt-6 {
  padding-block-start: 36px !important;
}

.mt-6 {
  margin-block-start: 36px !important;
}

.pt-7 {
  padding-block-start: 42px !important;
}

.mt-7 {
  margin-block-start: 42px !important;
}

.pt-8 {
  padding-block-start: 48px !important;
}

.mt-8 {
  margin-block-start: 48px !important;
}

.pt-9 {
  padding-block-start: 54px !important;
}

.mt-9 {
  margin-block-start: 54px !important;
}

.pt-10 {
  padding-block-start: 60px !important;
}

.mt-10 {
  margin-block-start: 60px !important;
}

.pt-11 {
  padding-block-start: 66px !important;
}

.mt-11 {
  margin-block-start: 66px !important;
}

.pt-12 {
  padding-block-start: 74px !important;
}

.mt-12 {
  margin-block-start: 74px !important;
}

@media screen and (max-width: 88em) {
  .pt-xl-0 {
    padding-block-start: 0 !important;
  }
  .mt-xl-0 {
    margin-block-start: 0 !important;
  }
  .pt-xl-1 {
    padding-block-start: 6px !important;
  }
  .mt-xl-1 {
    margin-block-start: 6px !important;
  }
  .pt-xl-2 {
    padding-block-start: 12px !important;
  }
  .mt-xl-2 {
    margin-block-start: 12px !important;
  }
  .pt-xl-3 {
    padding-block-start: 18px !important;
  }
  .mt-xl-3 {
    margin-block-start: 18px !important;
  }
  .pt-xl-4 {
    padding-block-start: 24px !important;
  }
  .mt-xl-4 {
    margin-block-start: 24px !important;
  }
  .pt-xl-5 {
    padding-block-start: 30px !important;
  }
  .mt-xl-5 {
    margin-block-start: 30px !important;
  }
  .pt-xl-6 {
    padding-block-start: 36px !important;
  }
  .mt-xl-6 {
    margin-block-start: 36px !important;
  }
  .pt-xl-7 {
    padding-block-start: 42px !important;
  }
  .mt-xl-7 {
    margin-block-start: 42px !important;
  }
  .pt-xl-8 {
    padding-block-start: 48px !important;
  }
  .mt-xl-8 {
    margin-block-start: 48px !important;
  }
  .pt-xl-9 {
    padding-block-start: 54px !important;
  }
  .mt-xl-9 {
    margin-block-start: 54px !important;
  }
  .pt-xl-10 {
    padding-block-start: 60px !important;
  }
  .mt-xl-10 {
    margin-block-start: 60px !important;
  }
  .pt-xl-11 {
    padding-block-start: 66px !important;
  }
  .mt-xl-11 {
    margin-block-start: 66px !important;
  }
  .pt-xl-12 {
    padding-block-start: 74px !important;
  }
  .mt-xl-12 {
    margin-block-start: 74px !important;
  }
}
@media screen and (max-width: 65em) {
  .pt-lg-0 {
    padding-block-start: 0 !important;
  }
  .mt-lg-0 {
    margin-block-start: 0 !important;
  }
  .pt-lg-1 {
    padding-block-start: 6px !important;
  }
  .mt-lg-1 {
    margin-block-start: 6px !important;
  }
  .pt-lg-2 {
    padding-block-start: 12px !important;
  }
  .mt-lg-2 {
    margin-block-start: 12px !important;
  }
  .pt-lg-3 {
    padding-block-start: 18px !important;
  }
  .mt-lg-3 {
    margin-block-start: 18px !important;
  }
  .pt-lg-4 {
    padding-block-start: 24px !important;
  }
  .mt-lg-4 {
    margin-block-start: 24px !important;
  }
  .pt-lg-5 {
    padding-block-start: 30px !important;
  }
  .mt-lg-5 {
    margin-block-start: 30px !important;
  }
  .pt-lg-6 {
    padding-block-start: 36px !important;
  }
  .mt-lg-6 {
    margin-block-start: 36px !important;
  }
  .pt-lg-7 {
    padding-block-start: 42px !important;
  }
  .mt-lg-7 {
    margin-block-start: 42px !important;
  }
  .pt-lg-8 {
    padding-block-start: 48px !important;
  }
  .mt-lg-8 {
    margin-block-start: 48px !important;
  }
  .pt-lg-9 {
    padding-block-start: 54px !important;
  }
  .mt-lg-9 {
    margin-block-start: 54px !important;
  }
  .pt-lg-10 {
    padding-block-start: 60px !important;
  }
  .mt-lg-10 {
    margin-block-start: 60px !important;
  }
  .pt-lg-11 {
    padding-block-start: 66px !important;
  }
  .mt-lg-11 {
    margin-block-start: 66px !important;
  }
  .pt-lg-12 {
    padding-block-start: 74px !important;
  }
  .mt-lg-12 {
    margin-block-start: 74px !important;
  }
}
@media screen and (max-width: 833px) {
  .pt-ipad-0 {
    padding-block-start: 0 !important;
  }
  .mt-ipad-0 {
    margin-block-start: 0 !important;
  }
  .pt-ipad-1 {
    padding-block-start: 6px !important;
  }
  .mt-ipad-1 {
    margin-block-start: 6px !important;
  }
  .pt-ipad-2 {
    padding-block-start: 12px !important;
  }
  .mt-ipad-2 {
    margin-block-start: 12px !important;
  }
  .pt-ipad-3 {
    padding-block-start: 18px !important;
  }
  .mt-ipad-3 {
    margin-block-start: 18px !important;
  }
  .pt-ipad-4 {
    padding-block-start: 24px !important;
  }
  .mt-ipad-4 {
    margin-block-start: 24px !important;
  }
  .pt-ipad-5 {
    padding-block-start: 30px !important;
  }
  .mt-ipad-5 {
    margin-block-start: 30px !important;
  }
  .pt-ipad-6 {
    padding-block-start: 36px !important;
  }
  .mt-ipad-6 {
    margin-block-start: 36px !important;
  }
  .pt-ipad-7 {
    padding-block-start: 42px !important;
  }
  .mt-ipad-7 {
    margin-block-start: 42px !important;
  }
  .pt-ipad-8 {
    padding-block-start: 48px !important;
  }
  .mt-ipad-8 {
    margin-block-start: 48px !important;
  }
  .pt-ipad-9 {
    padding-block-start: 54px !important;
  }
  .mt-ipad-9 {
    margin-block-start: 54px !important;
  }
  .pt-ipad-10 {
    padding-block-start: 60px !important;
  }
  .mt-ipad-10 {
    margin-block-start: 60px !important;
  }
  .pt-ipad-11 {
    padding-block-start: 66px !important;
  }
  .mt-ipad-11 {
    margin-block-start: 66px !important;
  }
  .pt-ipad-12 {
    padding-block-start: 74px !important;
  }
  .mt-ipad-12 {
    margin-block-start: 74px !important;
  }
}
@media screen and (max-width: 45em) {
  .pt-md-0 {
    padding-block-start: 0 !important;
  }
  .mt-md-0 {
    margin-block-start: 0 !important;
  }
  .pt-md-1 {
    padding-block-start: 6px !important;
  }
  .mt-md-1 {
    margin-block-start: 6px !important;
  }
  .pt-md-2 {
    padding-block-start: 12px !important;
  }
  .mt-md-2 {
    margin-block-start: 12px !important;
  }
  .pt-md-3 {
    padding-block-start: 18px !important;
  }
  .mt-md-3 {
    margin-block-start: 18px !important;
  }
  .pt-md-4 {
    padding-block-start: 24px !important;
  }
  .mt-md-4 {
    margin-block-start: 24px !important;
  }
  .pt-md-5 {
    padding-block-start: 30px !important;
  }
  .mt-md-5 {
    margin-block-start: 30px !important;
  }
  .pt-md-6 {
    padding-block-start: 36px !important;
  }
  .mt-md-6 {
    margin-block-start: 36px !important;
  }
  .pt-md-7 {
    padding-block-start: 42px !important;
  }
  .mt-md-7 {
    margin-block-start: 42px !important;
  }
  .pt-md-8 {
    padding-block-start: 48px !important;
  }
  .mt-md-8 {
    margin-block-start: 48px !important;
  }
  .pt-md-9 {
    padding-block-start: 54px !important;
  }
  .mt-md-9 {
    margin-block-start: 54px !important;
  }
  .pt-md-10 {
    padding-block-start: 60px !important;
  }
  .mt-md-10 {
    margin-block-start: 60px !important;
  }
  .pt-md-11 {
    padding-block-start: 66px !important;
  }
  .mt-md-11 {
    margin-block-start: 66px !important;
  }
  .pt-md-12 {
    padding-block-start: 74px !important;
  }
  .mt-md-12 {
    margin-block-start: 74px !important;
  }
}
@media screen and (max-width: 30em) {
  .pt-sm-0 {
    padding-block-start: 0 !important;
  }
  .mt-sm-0 {
    margin-block-start: 0 !important;
  }
  .pt-sm-1 {
    padding-block-start: 6px !important;
  }
  .mt-sm-1 {
    margin-block-start: 6px !important;
  }
  .pt-sm-2 {
    padding-block-start: 12px !important;
  }
  .mt-sm-2 {
    margin-block-start: 12px !important;
  }
  .pt-sm-3 {
    padding-block-start: 18px !important;
  }
  .mt-sm-3 {
    margin-block-start: 18px !important;
  }
  .pt-sm-4 {
    padding-block-start: 24px !important;
  }
  .mt-sm-4 {
    margin-block-start: 24px !important;
  }
  .pt-sm-5 {
    padding-block-start: 30px !important;
  }
  .mt-sm-5 {
    margin-block-start: 30px !important;
  }
  .pt-sm-6 {
    padding-block-start: 36px !important;
  }
  .mt-sm-6 {
    margin-block-start: 36px !important;
  }
  .pt-sm-7 {
    padding-block-start: 42px !important;
  }
  .mt-sm-7 {
    margin-block-start: 42px !important;
  }
  .pt-sm-8 {
    padding-block-start: 48px !important;
  }
  .mt-sm-8 {
    margin-block-start: 48px !important;
  }
  .pt-sm-9 {
    padding-block-start: 54px !important;
  }
  .mt-sm-9 {
    margin-block-start: 54px !important;
  }
  .pt-sm-10 {
    padding-block-start: 60px !important;
  }
  .mt-sm-10 {
    margin-block-start: 60px !important;
  }
  .pt-sm-11 {
    padding-block-start: 66px !important;
  }
  .mt-sm-11 {
    margin-block-start: 66px !important;
  }
  .pt-sm-12 {
    padding-block-start: 74px !important;
  }
  .mt-sm-12 {
    margin-block-start: 74px !important;
  }
}
.pr-0 {
  padding-inline-end: 0 !important;
}

.mr-0 {
  margin-inline-end: 0 !important;
}

.pr-1 {
  padding-inline-end: 6px !important;
}

.mr-1 {
  margin-inline-end: 6px !important;
}

.pr-2 {
  padding-inline-end: 12px !important;
}

.mr-2 {
  margin-inline-end: 12px !important;
}

.pr-3 {
  padding-inline-end: 18px !important;
}

.mr-3 {
  margin-inline-end: 18px !important;
}

.pr-4 {
  padding-inline-end: 24px !important;
}

.mr-4 {
  margin-inline-end: 24px !important;
}

.pr-5 {
  padding-inline-end: 30px !important;
}

.mr-5 {
  margin-inline-end: 30px !important;
}

.pr-6 {
  padding-inline-end: 36px !important;
}

.mr-6 {
  margin-inline-end: 36px !important;
}

.pr-7 {
  padding-inline-end: 42px !important;
}

.mr-7 {
  margin-inline-end: 42px !important;
}

.pr-8 {
  padding-inline-end: 48px !important;
}

.mr-8 {
  margin-inline-end: 48px !important;
}

.pr-9 {
  padding-inline-end: 54px !important;
}

.mr-9 {
  margin-inline-end: 54px !important;
}

.pr-10 {
  padding-inline-end: 60px !important;
}

.mr-10 {
  margin-inline-end: 60px !important;
}

.pr-11 {
  padding-inline-end: 66px !important;
}

.mr-11 {
  margin-inline-end: 66px !important;
}

.pr-12 {
  padding-inline-end: 74px !important;
}

.mr-12 {
  margin-inline-end: 74px !important;
}

.mr-auto {
  margin-inline-end: auto !important;
}

@media screen and (max-width: 88em) {
  .pr-xl-0 {
    padding-inline-end: 0 !important;
  }
  .mr-xl-0 {
    margin-inline-end: 0 !important;
  }
  .pr-xl-1 {
    padding-inline-end: 6px !important;
  }
  .mr-xl-1 {
    margin-inline-end: 6px !important;
  }
  .pr-xl-2 {
    padding-inline-end: 12px !important;
  }
  .mr-xl-2 {
    margin-inline-end: 12px !important;
  }
  .pr-xl-3 {
    padding-inline-end: 18px !important;
  }
  .mr-xl-3 {
    margin-inline-end: 18px !important;
  }
  .pr-xl-4 {
    padding-inline-end: 24px !important;
  }
  .mr-xl-4 {
    margin-inline-end: 24px !important;
  }
  .pr-xl-5 {
    padding-inline-end: 30px !important;
  }
  .mr-xl-5 {
    margin-inline-end: 30px !important;
  }
  .pr-xl-6 {
    padding-inline-end: 36px !important;
  }
  .mr-xl-6 {
    margin-inline-end: 36px !important;
  }
  .pr-xl-7 {
    padding-inline-end: 42px !important;
  }
  .mr-xl-7 {
    margin-inline-end: 42px !important;
  }
  .pr-xl-8 {
    padding-inline-end: 48px !important;
  }
  .mr-xl-8 {
    margin-inline-end: 48px !important;
  }
  .pr-xl-9 {
    padding-inline-end: 54px !important;
  }
  .mr-xl-9 {
    margin-inline-end: 54px !important;
  }
  .pr-xl-10 {
    padding-inline-end: 60px !important;
  }
  .mr-xl-10 {
    margin-inline-end: 60px !important;
  }
  .pr-xl-11 {
    padding-inline-end: 66px !important;
  }
  .mr-xl-11 {
    margin-inline-end: 66px !important;
  }
  .pr-xl-12 {
    padding-inline-end: 74px !important;
  }
  .mr-xl-12 {
    margin-inline-end: 74px !important;
  }
  .mr-xl-auto {
    margin-inline-end: auto !important;
  }
}
@media screen and (max-width: 65em) {
  .pr-lg-0 {
    padding-inline-end: 0 !important;
  }
  .mr-lg-0 {
    margin-inline-end: 0 !important;
  }
  .pr-lg-1 {
    padding-inline-end: 6px !important;
  }
  .mr-lg-1 {
    margin-inline-end: 6px !important;
  }
  .pr-lg-2 {
    padding-inline-end: 12px !important;
  }
  .mr-lg-2 {
    margin-inline-end: 12px !important;
  }
  .pr-lg-3 {
    padding-inline-end: 18px !important;
  }
  .mr-lg-3 {
    margin-inline-end: 18px !important;
  }
  .pr-lg-4 {
    padding-inline-end: 24px !important;
  }
  .mr-lg-4 {
    margin-inline-end: 24px !important;
  }
  .pr-lg-5 {
    padding-inline-end: 30px !important;
  }
  .mr-lg-5 {
    margin-inline-end: 30px !important;
  }
  .pr-lg-6 {
    padding-inline-end: 36px !important;
  }
  .mr-lg-6 {
    margin-inline-end: 36px !important;
  }
  .pr-lg-7 {
    padding-inline-end: 42px !important;
  }
  .mr-lg-7 {
    margin-inline-end: 42px !important;
  }
  .pr-lg-8 {
    padding-inline-end: 48px !important;
  }
  .mr-lg-8 {
    margin-inline-end: 48px !important;
  }
  .pr-lg-9 {
    padding-inline-end: 54px !important;
  }
  .mr-lg-9 {
    margin-inline-end: 54px !important;
  }
  .pr-lg-10 {
    padding-inline-end: 60px !important;
  }
  .mr-lg-10 {
    margin-inline-end: 60px !important;
  }
  .pr-lg-11 {
    padding-inline-end: 66px !important;
  }
  .mr-lg-11 {
    margin-inline-end: 66px !important;
  }
  .pr-lg-12 {
    padding-inline-end: 74px !important;
  }
  .mr-lg-12 {
    margin-inline-end: 74px !important;
  }
  .mr-lg-auto {
    margin-inline-end: auto !important;
  }
}
@media screen and (max-width: 833px) {
  .pr-ipad-0 {
    padding-inline-end: 0 !important;
  }
  .mr-ipad-0 {
    margin-inline-end: 0 !important;
  }
  .pr-ipad-1 {
    padding-inline-end: 6px !important;
  }
  .mr-ipad-1 {
    margin-inline-end: 6px !important;
  }
  .pr-ipad-2 {
    padding-inline-end: 12px !important;
  }
  .mr-ipad-2 {
    margin-inline-end: 12px !important;
  }
  .pr-ipad-3 {
    padding-inline-end: 18px !important;
  }
  .mr-ipad-3 {
    margin-inline-end: 18px !important;
  }
  .pr-ipad-4 {
    padding-inline-end: 24px !important;
  }
  .mr-ipad-4 {
    margin-inline-end: 24px !important;
  }
  .pr-ipad-5 {
    padding-inline-end: 30px !important;
  }
  .mr-ipad-5 {
    margin-inline-end: 30px !important;
  }
  .pr-ipad-6 {
    padding-inline-end: 36px !important;
  }
  .mr-ipad-6 {
    margin-inline-end: 36px !important;
  }
  .pr-ipad-7 {
    padding-inline-end: 42px !important;
  }
  .mr-ipad-7 {
    margin-inline-end: 42px !important;
  }
  .pr-ipad-8 {
    padding-inline-end: 48px !important;
  }
  .mr-ipad-8 {
    margin-inline-end: 48px !important;
  }
  .pr-ipad-9 {
    padding-inline-end: 54px !important;
  }
  .mr-ipad-9 {
    margin-inline-end: 54px !important;
  }
  .pr-ipad-10 {
    padding-inline-end: 60px !important;
  }
  .mr-ipad-10 {
    margin-inline-end: 60px !important;
  }
  .pr-ipad-11 {
    padding-inline-end: 66px !important;
  }
  .mr-ipad-11 {
    margin-inline-end: 66px !important;
  }
  .pr-ipad-12 {
    padding-inline-end: 74px !important;
  }
  .mr-ipad-12 {
    margin-inline-end: 74px !important;
  }
  .mr-ipad-auto {
    margin-inline-end: auto !important;
  }
}
@media screen and (max-width: 45em) {
  .pr-md-0 {
    padding-inline-end: 0 !important;
  }
  .mr-md-0 {
    margin-inline-end: 0 !important;
  }
  .pr-md-1 {
    padding-inline-end: 6px !important;
  }
  .mr-md-1 {
    margin-inline-end: 6px !important;
  }
  .pr-md-2 {
    padding-inline-end: 12px !important;
  }
  .mr-md-2 {
    margin-inline-end: 12px !important;
  }
  .pr-md-3 {
    padding-inline-end: 18px !important;
  }
  .mr-md-3 {
    margin-inline-end: 18px !important;
  }
  .pr-md-4 {
    padding-inline-end: 24px !important;
  }
  .mr-md-4 {
    margin-inline-end: 24px !important;
  }
  .pr-md-5 {
    padding-inline-end: 30px !important;
  }
  .mr-md-5 {
    margin-inline-end: 30px !important;
  }
  .pr-md-6 {
    padding-inline-end: 36px !important;
  }
  .mr-md-6 {
    margin-inline-end: 36px !important;
  }
  .pr-md-7 {
    padding-inline-end: 42px !important;
  }
  .mr-md-7 {
    margin-inline-end: 42px !important;
  }
  .pr-md-8 {
    padding-inline-end: 48px !important;
  }
  .mr-md-8 {
    margin-inline-end: 48px !important;
  }
  .pr-md-9 {
    padding-inline-end: 54px !important;
  }
  .mr-md-9 {
    margin-inline-end: 54px !important;
  }
  .pr-md-10 {
    padding-inline-end: 60px !important;
  }
  .mr-md-10 {
    margin-inline-end: 60px !important;
  }
  .pr-md-11 {
    padding-inline-end: 66px !important;
  }
  .mr-md-11 {
    margin-inline-end: 66px !important;
  }
  .pr-md-12 {
    padding-inline-end: 74px !important;
  }
  .mr-md-12 {
    margin-inline-end: 74px !important;
  }
  .mr-md-auto {
    margin-inline-end: auto !important;
  }
}
@media screen and (max-width: 30em) {
  .pr-sm-0 {
    padding-inline-end: 0 !important;
  }
  .mr-sm-0 {
    margin-inline-end: 0 !important;
  }
  .pr-sm-1 {
    padding-inline-end: 6px !important;
  }
  .mr-sm-1 {
    margin-inline-end: 6px !important;
  }
  .pr-sm-2 {
    padding-inline-end: 12px !important;
  }
  .mr-sm-2 {
    margin-inline-end: 12px !important;
  }
  .pr-sm-3 {
    padding-inline-end: 18px !important;
  }
  .mr-sm-3 {
    margin-inline-end: 18px !important;
  }
  .pr-sm-4 {
    padding-inline-end: 24px !important;
  }
  .mr-sm-4 {
    margin-inline-end: 24px !important;
  }
  .pr-sm-5 {
    padding-inline-end: 30px !important;
  }
  .mr-sm-5 {
    margin-inline-end: 30px !important;
  }
  .pr-sm-6 {
    padding-inline-end: 36px !important;
  }
  .mr-sm-6 {
    margin-inline-end: 36px !important;
  }
  .pr-sm-7 {
    padding-inline-end: 42px !important;
  }
  .mr-sm-7 {
    margin-inline-end: 42px !important;
  }
  .pr-sm-8 {
    padding-inline-end: 48px !important;
  }
  .mr-sm-8 {
    margin-inline-end: 48px !important;
  }
  .pr-sm-9 {
    padding-inline-end: 54px !important;
  }
  .mr-sm-9 {
    margin-inline-end: 54px !important;
  }
  .pr-sm-10 {
    padding-inline-end: 60px !important;
  }
  .mr-sm-10 {
    margin-inline-end: 60px !important;
  }
  .pr-sm-11 {
    padding-inline-end: 66px !important;
  }
  .mr-sm-11 {
    margin-inline-end: 66px !important;
  }
  .pr-sm-12 {
    padding-inline-end: 74px !important;
  }
  .mr-sm-12 {
    margin-inline-end: 74px !important;
  }
  .mr-sm-auto {
    margin-inline-end: auto !important;
  }
}
.pb-0 {
  padding-block-end: 0 !important;
}

.mb-0 {
  margin-block-end: 0 !important;
}

.pb-1 {
  padding-block-end: 6px !important;
}

.mb-1 {
  margin-block-end: 6px !important;
}

.pb-2 {
  padding-block-end: 12px !important;
}

.mb-2 {
  margin-block-end: 12px !important;
}

.pb-3 {
  padding-block-end: 18px !important;
}

.mb-3 {
  margin-block-end: 18px !important;
}

.pb-4 {
  padding-block-end: 24px !important;
}

.mb-4 {
  margin-block-end: 24px !important;
}

.pb-5 {
  padding-block-end: 30px !important;
}

.mb-5 {
  margin-block-end: 30px !important;
}

.pb-6 {
  padding-block-end: 36px !important;
}

.mb-6 {
  margin-block-end: 36px !important;
}

.pb-7 {
  padding-block-end: 42px !important;
}

.mb-7 {
  margin-block-end: 42px !important;
}

.pb-8 {
  padding-block-end: 48px !important;
}

.mb-8 {
  margin-block-end: 48px !important;
}

.pb-9 {
  padding-block-end: 54px !important;
}

.mb-9 {
  margin-block-end: 54px !important;
}

.pb-10 {
  padding-block-end: 60px !important;
}

.mb-10 {
  margin-block-end: 60px !important;
}

.pb-11 {
  padding-block-end: 66px !important;
}

.mb-11 {
  margin-block-end: 66px !important;
}

.pb-12 {
  padding-block-end: 74px !important;
}

.mb-12 {
  margin-block-end: 74px !important;
}

@media screen and (max-width: 88em) {
  .pb-xl-0 {
    padding-block-end: 0 !important;
  }
  .mb-xl-0 {
    margin-block-end: 0 !important;
  }
  .pb-xl-1 {
    padding-block-end: 6px !important;
  }
  .mb-xl-1 {
    margin-block-end: 6px !important;
  }
  .pb-xl-2 {
    padding-block-end: 12px !important;
  }
  .mb-xl-2 {
    margin-block-end: 12px !important;
  }
  .pb-xl-3 {
    padding-block-end: 18px !important;
  }
  .mb-xl-3 {
    margin-block-end: 18px !important;
  }
  .pb-xl-4 {
    padding-block-end: 24px !important;
  }
  .mb-xl-4 {
    margin-block-end: 24px !important;
  }
  .pb-xl-5 {
    padding-block-end: 30px !important;
  }
  .mb-xl-5 {
    margin-block-end: 30px !important;
  }
  .pb-xl-6 {
    padding-block-end: 36px !important;
  }
  .mb-xl-6 {
    margin-block-end: 36px !important;
  }
  .pb-xl-7 {
    padding-block-end: 42px !important;
  }
  .mb-xl-7 {
    margin-block-end: 42px !important;
  }
  .pb-xl-8 {
    padding-block-end: 48px !important;
  }
  .mb-xl-8 {
    margin-block-end: 48px !important;
  }
  .pb-xl-9 {
    padding-block-end: 54px !important;
  }
  .mb-xl-9 {
    margin-block-end: 54px !important;
  }
  .pb-xl-10 {
    padding-block-end: 60px !important;
  }
  .mb-xl-10 {
    margin-block-end: 60px !important;
  }
  .pb-xl-11 {
    padding-block-end: 66px !important;
  }
  .mb-xl-11 {
    margin-block-end: 66px !important;
  }
  .pb-xl-12 {
    padding-block-end: 74px !important;
  }
  .mb-xl-12 {
    margin-block-end: 74px !important;
  }
}
@media screen and (max-width: 65em) {
  .pb-lg-0 {
    padding-block-end: 0 !important;
  }
  .mb-lg-0 {
    margin-block-end: 0 !important;
  }
  .pb-lg-1 {
    padding-block-end: 6px !important;
  }
  .mb-lg-1 {
    margin-block-end: 6px !important;
  }
  .pb-lg-2 {
    padding-block-end: 12px !important;
  }
  .mb-lg-2 {
    margin-block-end: 12px !important;
  }
  .pb-lg-3 {
    padding-block-end: 18px !important;
  }
  .mb-lg-3 {
    margin-block-end: 18px !important;
  }
  .pb-lg-4 {
    padding-block-end: 24px !important;
  }
  .mb-lg-4 {
    margin-block-end: 24px !important;
  }
  .pb-lg-5 {
    padding-block-end: 30px !important;
  }
  .mb-lg-5 {
    margin-block-end: 30px !important;
  }
  .pb-lg-6 {
    padding-block-end: 36px !important;
  }
  .mb-lg-6 {
    margin-block-end: 36px !important;
  }
  .pb-lg-7 {
    padding-block-end: 42px !important;
  }
  .mb-lg-7 {
    margin-block-end: 42px !important;
  }
  .pb-lg-8 {
    padding-block-end: 48px !important;
  }
  .mb-lg-8 {
    margin-block-end: 48px !important;
  }
  .pb-lg-9 {
    padding-block-end: 54px !important;
  }
  .mb-lg-9 {
    margin-block-end: 54px !important;
  }
  .pb-lg-10 {
    padding-block-end: 60px !important;
  }
  .mb-lg-10 {
    margin-block-end: 60px !important;
  }
  .pb-lg-11 {
    padding-block-end: 66px !important;
  }
  .mb-lg-11 {
    margin-block-end: 66px !important;
  }
  .pb-lg-12 {
    padding-block-end: 74px !important;
  }
  .mb-lg-12 {
    margin-block-end: 74px !important;
  }
}
@media screen and (max-width: 833px) {
  .pb-ipad-0 {
    padding-block-end: 0 !important;
  }
  .mb-ipad-0 {
    margin-block-end: 0 !important;
  }
  .pb-ipad-1 {
    padding-block-end: 6px !important;
  }
  .mb-ipad-1 {
    margin-block-end: 6px !important;
  }
  .pb-ipad-2 {
    padding-block-end: 12px !important;
  }
  .mb-ipad-2 {
    margin-block-end: 12px !important;
  }
  .pb-ipad-3 {
    padding-block-end: 18px !important;
  }
  .mb-ipad-3 {
    margin-block-end: 18px !important;
  }
  .pb-ipad-4 {
    padding-block-end: 24px !important;
  }
  .mb-ipad-4 {
    margin-block-end: 24px !important;
  }
  .pb-ipad-5 {
    padding-block-end: 30px !important;
  }
  .mb-ipad-5 {
    margin-block-end: 30px !important;
  }
  .pb-ipad-6 {
    padding-block-end: 36px !important;
  }
  .mb-ipad-6 {
    margin-block-end: 36px !important;
  }
  .pb-ipad-7 {
    padding-block-end: 42px !important;
  }
  .mb-ipad-7 {
    margin-block-end: 42px !important;
  }
  .pb-ipad-8 {
    padding-block-end: 48px !important;
  }
  .mb-ipad-8 {
    margin-block-end: 48px !important;
  }
  .pb-ipad-9 {
    padding-block-end: 54px !important;
  }
  .mb-ipad-9 {
    margin-block-end: 54px !important;
  }
  .pb-ipad-10 {
    padding-block-end: 60px !important;
  }
  .mb-ipad-10 {
    margin-block-end: 60px !important;
  }
  .pb-ipad-11 {
    padding-block-end: 66px !important;
  }
  .mb-ipad-11 {
    margin-block-end: 66px !important;
  }
  .pb-ipad-12 {
    padding-block-end: 74px !important;
  }
  .mb-ipad-12 {
    margin-block-end: 74px !important;
  }
}
@media screen and (max-width: 45em) {
  .pb-md-0 {
    padding-block-end: 0 !important;
  }
  .mb-md-0 {
    margin-block-end: 0 !important;
  }
  .pb-md-1 {
    padding-block-end: 6px !important;
  }
  .mb-md-1 {
    margin-block-end: 6px !important;
  }
  .pb-md-2 {
    padding-block-end: 12px !important;
  }
  .mb-md-2 {
    margin-block-end: 12px !important;
  }
  .pb-md-3 {
    padding-block-end: 18px !important;
  }
  .mb-md-3 {
    margin-block-end: 18px !important;
  }
  .pb-md-4 {
    padding-block-end: 24px !important;
  }
  .mb-md-4 {
    margin-block-end: 24px !important;
  }
  .pb-md-5 {
    padding-block-end: 30px !important;
  }
  .mb-md-5 {
    margin-block-end: 30px !important;
  }
  .pb-md-6 {
    padding-block-end: 36px !important;
  }
  .mb-md-6 {
    margin-block-end: 36px !important;
  }
  .pb-md-7 {
    padding-block-end: 42px !important;
  }
  .mb-md-7 {
    margin-block-end: 42px !important;
  }
  .pb-md-8 {
    padding-block-end: 48px !important;
  }
  .mb-md-8 {
    margin-block-end: 48px !important;
  }
  .pb-md-9 {
    padding-block-end: 54px !important;
  }
  .mb-md-9 {
    margin-block-end: 54px !important;
  }
  .pb-md-10 {
    padding-block-end: 60px !important;
  }
  .mb-md-10 {
    margin-block-end: 60px !important;
  }
  .pb-md-11 {
    padding-block-end: 66px !important;
  }
  .mb-md-11 {
    margin-block-end: 66px !important;
  }
  .pb-md-12 {
    padding-block-end: 74px !important;
  }
  .mb-md-12 {
    margin-block-end: 74px !important;
  }
}
@media screen and (max-width: 30em) {
  .pb-sm-0 {
    padding-block-end: 0 !important;
  }
  .mb-sm-0 {
    margin-block-end: 0 !important;
  }
  .pb-sm-1 {
    padding-block-end: 6px !important;
  }
  .mb-sm-1 {
    margin-block-end: 6px !important;
  }
  .pb-sm-2 {
    padding-block-end: 12px !important;
  }
  .mb-sm-2 {
    margin-block-end: 12px !important;
  }
  .pb-sm-3 {
    padding-block-end: 18px !important;
  }
  .mb-sm-3 {
    margin-block-end: 18px !important;
  }
  .pb-sm-4 {
    padding-block-end: 24px !important;
  }
  .mb-sm-4 {
    margin-block-end: 24px !important;
  }
  .pb-sm-5 {
    padding-block-end: 30px !important;
  }
  .mb-sm-5 {
    margin-block-end: 30px !important;
  }
  .pb-sm-6 {
    padding-block-end: 36px !important;
  }
  .mb-sm-6 {
    margin-block-end: 36px !important;
  }
  .pb-sm-7 {
    padding-block-end: 42px !important;
  }
  .mb-sm-7 {
    margin-block-end: 42px !important;
  }
  .pb-sm-8 {
    padding-block-end: 48px !important;
  }
  .mb-sm-8 {
    margin-block-end: 48px !important;
  }
  .pb-sm-9 {
    padding-block-end: 54px !important;
  }
  .mb-sm-9 {
    margin-block-end: 54px !important;
  }
  .pb-sm-10 {
    padding-block-end: 60px !important;
  }
  .mb-sm-10 {
    margin-block-end: 60px !important;
  }
  .pb-sm-11 {
    padding-block-end: 66px !important;
  }
  .mb-sm-11 {
    margin-block-end: 66px !important;
  }
  .pb-sm-12 {
    padding-block-end: 74px !important;
  }
  .mb-sm-12 {
    margin-block-end: 74px !important;
  }
}
.pl-0 {
  padding-inline-start: 0 !important;
}

.ml-0 {
  margin-inline-start: 0 !important;
}

.pl-1 {
  padding-inline-start: 6px !important;
}

.ml-1 {
  margin-inline-start: 6px !important;
}

.pl-2 {
  padding-inline-start: 12px !important;
}

.ml-2 {
  margin-inline-start: 12px !important;
}

.pl-3 {
  padding-inline-start: 18px !important;
}

.ml-3 {
  margin-inline-start: 18px !important;
}

.pl-4 {
  padding-inline-start: 24px !important;
}

.ml-4 {
  margin-inline-start: 24px !important;
}

.pl-5 {
  padding-inline-start: 30px !important;
}

.ml-5 {
  margin-inline-start: 30px !important;
}

.pl-6 {
  padding-inline-start: 36px !important;
}

.ml-6 {
  margin-inline-start: 36px !important;
}

.pl-7 {
  padding-inline-start: 42px !important;
}

.ml-7 {
  margin-inline-start: 42px !important;
}

.pl-8 {
  padding-inline-start: 48px !important;
}

.ml-8 {
  margin-inline-start: 48px !important;
}

.pl-9 {
  padding-inline-start: 54px !important;
}

.ml-9 {
  margin-inline-start: 54px !important;
}

.pl-10 {
  padding-inline-start: 60px !important;
}

.ml-10 {
  margin-inline-start: 60px !important;
}

.pl-11 {
  padding-inline-start: 66px !important;
}

.ml-11 {
  margin-inline-start: 66px !important;
}

.pl-12 {
  padding-inline-start: 74px !important;
}

.ml-12 {
  margin-inline-start: 74px !important;
}

.ml-auto {
  margin-inline-start: auto !important;
}

@media screen and (max-width: 88em) {
  .pl-xl-0 {
    padding-inline-start: 0 !important;
  }
  .ml-xl-0 {
    margin-inline-start: 0 !important;
  }
  .pl-xl-1 {
    padding-inline-start: 6px !important;
  }
  .ml-xl-1 {
    margin-inline-start: 6px !important;
  }
  .pl-xl-2 {
    padding-inline-start: 12px !important;
  }
  .ml-xl-2 {
    margin-inline-start: 12px !important;
  }
  .pl-xl-3 {
    padding-inline-start: 18px !important;
  }
  .ml-xl-3 {
    margin-inline-start: 18px !important;
  }
  .pl-xl-4 {
    padding-inline-start: 24px !important;
  }
  .ml-xl-4 {
    margin-inline-start: 24px !important;
  }
  .pl-xl-5 {
    padding-inline-start: 30px !important;
  }
  .ml-xl-5 {
    margin-inline-start: 30px !important;
  }
  .pl-xl-6 {
    padding-inline-start: 36px !important;
  }
  .ml-xl-6 {
    margin-inline-start: 36px !important;
  }
  .pl-xl-7 {
    padding-inline-start: 42px !important;
  }
  .ml-xl-7 {
    margin-inline-start: 42px !important;
  }
  .pl-xl-8 {
    padding-inline-start: 48px !important;
  }
  .ml-xl-8 {
    margin-inline-start: 48px !important;
  }
  .pl-xl-9 {
    padding-inline-start: 54px !important;
  }
  .ml-xl-9 {
    margin-inline-start: 54px !important;
  }
  .pl-xl-10 {
    padding-inline-start: 60px !important;
  }
  .ml-xl-10 {
    margin-inline-start: 60px !important;
  }
  .pl-xl-11 {
    padding-inline-start: 66px !important;
  }
  .ml-xl-11 {
    margin-inline-start: 66px !important;
  }
  .pl-xl-12 {
    padding-inline-start: 74px !important;
  }
  .ml-xl-12 {
    margin-inline-start: 74px !important;
  }
  .ml-xl-auto {
    margin-inline-start: auto !important;
  }
}
@media screen and (max-width: 65em) {
  .pl-lg-0 {
    padding-inline-start: 0 !important;
  }
  .ml-lg-0 {
    margin-inline-start: 0 !important;
  }
  .pl-lg-1 {
    padding-inline-start: 6px !important;
  }
  .ml-lg-1 {
    margin-inline-start: 6px !important;
  }
  .pl-lg-2 {
    padding-inline-start: 12px !important;
  }
  .ml-lg-2 {
    margin-inline-start: 12px !important;
  }
  .pl-lg-3 {
    padding-inline-start: 18px !important;
  }
  .ml-lg-3 {
    margin-inline-start: 18px !important;
  }
  .pl-lg-4 {
    padding-inline-start: 24px !important;
  }
  .ml-lg-4 {
    margin-inline-start: 24px !important;
  }
  .pl-lg-5 {
    padding-inline-start: 30px !important;
  }
  .ml-lg-5 {
    margin-inline-start: 30px !important;
  }
  .pl-lg-6 {
    padding-inline-start: 36px !important;
  }
  .ml-lg-6 {
    margin-inline-start: 36px !important;
  }
  .pl-lg-7 {
    padding-inline-start: 42px !important;
  }
  .ml-lg-7 {
    margin-inline-start: 42px !important;
  }
  .pl-lg-8 {
    padding-inline-start: 48px !important;
  }
  .ml-lg-8 {
    margin-inline-start: 48px !important;
  }
  .pl-lg-9 {
    padding-inline-start: 54px !important;
  }
  .ml-lg-9 {
    margin-inline-start: 54px !important;
  }
  .pl-lg-10 {
    padding-inline-start: 60px !important;
  }
  .ml-lg-10 {
    margin-inline-start: 60px !important;
  }
  .pl-lg-11 {
    padding-inline-start: 66px !important;
  }
  .ml-lg-11 {
    margin-inline-start: 66px !important;
  }
  .pl-lg-12 {
    padding-inline-start: 74px !important;
  }
  .ml-lg-12 {
    margin-inline-start: 74px !important;
  }
  .ml-lg-auto {
    margin-inline-start: auto !important;
  }
}
@media screen and (max-width: 833px) {
  .pl-ipad-0 {
    padding-inline-start: 0 !important;
  }
  .ml-ipad-0 {
    margin-inline-start: 0 !important;
  }
  .pl-ipad-1 {
    padding-inline-start: 6px !important;
  }
  .ml-ipad-1 {
    margin-inline-start: 6px !important;
  }
  .pl-ipad-2 {
    padding-inline-start: 12px !important;
  }
  .ml-ipad-2 {
    margin-inline-start: 12px !important;
  }
  .pl-ipad-3 {
    padding-inline-start: 18px !important;
  }
  .ml-ipad-3 {
    margin-inline-start: 18px !important;
  }
  .pl-ipad-4 {
    padding-inline-start: 24px !important;
  }
  .ml-ipad-4 {
    margin-inline-start: 24px !important;
  }
  .pl-ipad-5 {
    padding-inline-start: 30px !important;
  }
  .ml-ipad-5 {
    margin-inline-start: 30px !important;
  }
  .pl-ipad-6 {
    padding-inline-start: 36px !important;
  }
  .ml-ipad-6 {
    margin-inline-start: 36px !important;
  }
  .pl-ipad-7 {
    padding-inline-start: 42px !important;
  }
  .ml-ipad-7 {
    margin-inline-start: 42px !important;
  }
  .pl-ipad-8 {
    padding-inline-start: 48px !important;
  }
  .ml-ipad-8 {
    margin-inline-start: 48px !important;
  }
  .pl-ipad-9 {
    padding-inline-start: 54px !important;
  }
  .ml-ipad-9 {
    margin-inline-start: 54px !important;
  }
  .pl-ipad-10 {
    padding-inline-start: 60px !important;
  }
  .ml-ipad-10 {
    margin-inline-start: 60px !important;
  }
  .pl-ipad-11 {
    padding-inline-start: 66px !important;
  }
  .ml-ipad-11 {
    margin-inline-start: 66px !important;
  }
  .pl-ipad-12 {
    padding-inline-start: 74px !important;
  }
  .ml-ipad-12 {
    margin-inline-start: 74px !important;
  }
  .ml-ipad-auto {
    margin-inline-start: auto !important;
  }
}
@media screen and (max-width: 45em) {
  .pl-md-0 {
    padding-inline-start: 0 !important;
  }
  .ml-md-0 {
    margin-inline-start: 0 !important;
  }
  .pl-md-1 {
    padding-inline-start: 6px !important;
  }
  .ml-md-1 {
    margin-inline-start: 6px !important;
  }
  .pl-md-2 {
    padding-inline-start: 12px !important;
  }
  .ml-md-2 {
    margin-inline-start: 12px !important;
  }
  .pl-md-3 {
    padding-inline-start: 18px !important;
  }
  .ml-md-3 {
    margin-inline-start: 18px !important;
  }
  .pl-md-4 {
    padding-inline-start: 24px !important;
  }
  .ml-md-4 {
    margin-inline-start: 24px !important;
  }
  .pl-md-5 {
    padding-inline-start: 30px !important;
  }
  .ml-md-5 {
    margin-inline-start: 30px !important;
  }
  .pl-md-6 {
    padding-inline-start: 36px !important;
  }
  .ml-md-6 {
    margin-inline-start: 36px !important;
  }
  .pl-md-7 {
    padding-inline-start: 42px !important;
  }
  .ml-md-7 {
    margin-inline-start: 42px !important;
  }
  .pl-md-8 {
    padding-inline-start: 48px !important;
  }
  .ml-md-8 {
    margin-inline-start: 48px !important;
  }
  .pl-md-9 {
    padding-inline-start: 54px !important;
  }
  .ml-md-9 {
    margin-inline-start: 54px !important;
  }
  .pl-md-10 {
    padding-inline-start: 60px !important;
  }
  .ml-md-10 {
    margin-inline-start: 60px !important;
  }
  .pl-md-11 {
    padding-inline-start: 66px !important;
  }
  .ml-md-11 {
    margin-inline-start: 66px !important;
  }
  .pl-md-12 {
    padding-inline-start: 74px !important;
  }
  .ml-md-12 {
    margin-inline-start: 74px !important;
  }
  .ml-md-auto {
    margin-inline-start: auto !important;
  }
}
@media screen and (max-width: 30em) {
  .pl-sm-0 {
    padding-inline-start: 0 !important;
  }
  .ml-sm-0 {
    margin-inline-start: 0 !important;
  }
  .pl-sm-1 {
    padding-inline-start: 6px !important;
  }
  .ml-sm-1 {
    margin-inline-start: 6px !important;
  }
  .pl-sm-2 {
    padding-inline-start: 12px !important;
  }
  .ml-sm-2 {
    margin-inline-start: 12px !important;
  }
  .pl-sm-3 {
    padding-inline-start: 18px !important;
  }
  .ml-sm-3 {
    margin-inline-start: 18px !important;
  }
  .pl-sm-4 {
    padding-inline-start: 24px !important;
  }
  .ml-sm-4 {
    margin-inline-start: 24px !important;
  }
  .pl-sm-5 {
    padding-inline-start: 30px !important;
  }
  .ml-sm-5 {
    margin-inline-start: 30px !important;
  }
  .pl-sm-6 {
    padding-inline-start: 36px !important;
  }
  .ml-sm-6 {
    margin-inline-start: 36px !important;
  }
  .pl-sm-7 {
    padding-inline-start: 42px !important;
  }
  .ml-sm-7 {
    margin-inline-start: 42px !important;
  }
  .pl-sm-8 {
    padding-inline-start: 48px !important;
  }
  .ml-sm-8 {
    margin-inline-start: 48px !important;
  }
  .pl-sm-9 {
    padding-inline-start: 54px !important;
  }
  .ml-sm-9 {
    margin-inline-start: 54px !important;
  }
  .pl-sm-10 {
    padding-inline-start: 60px !important;
  }
  .ml-sm-10 {
    margin-inline-start: 60px !important;
  }
  .pl-sm-11 {
    padding-inline-start: 66px !important;
  }
  .ml-sm-11 {
    margin-inline-start: 66px !important;
  }
  .pl-sm-12 {
    padding-inline-start: 74px !important;
  }
  .ml-sm-12 {
    margin-inline-start: 74px !important;
  }
  .ml-sm-auto {
    margin-inline-start: auto !important;
  }
}
.px-0 {
  padding-inline: 0 !important;
}

.mx-0 {
  margin-inline: 0 !important;
}

.px-1 {
  padding-inline: 6px !important;
}

.mx-1 {
  margin-inline: 6px !important;
}

.px-2 {
  padding-inline: 12px !important;
}

.mx-2 {
  margin-inline: 12px !important;
}

.px-3 {
  padding-inline: 18px !important;
}

.mx-3 {
  margin-inline: 18px !important;
}

.px-4 {
  padding-inline: 24px !important;
}

.mx-4 {
  margin-inline: 24px !important;
}

.px-5 {
  padding-inline: 30px !important;
}

.mx-5 {
  margin-inline: 30px !important;
}

.px-6 {
  padding-inline: 36px !important;
}

.mx-6 {
  margin-inline: 36px !important;
}

.px-7 {
  padding-inline: 42px !important;
}

.mx-7 {
  margin-inline: 42px !important;
}

.px-8 {
  padding-inline: 48px !important;
}

.mx-8 {
  margin-inline: 48px !important;
}

.px-9 {
  padding-inline: 54px !important;
}

.mx-9 {
  margin-inline: 54px !important;
}

.px-10 {
  padding-inline: 60px !important;
}

.mx-10 {
  margin-inline: 60px !important;
}

.px-11 {
  padding-inline: 66px !important;
}

.mx-11 {
  margin-inline: 66px !important;
}

.px-12 {
  padding-inline: 74px !important;
}

.mx-12 {
  margin-inline: 74px !important;
}

.mx-auto {
  margin-inline: auto !important;
}

@media screen and (max-width: 88em) {
  .px-xl-0 {
    padding-inline: 0 !important;
  }
  .mx-xl-0 {
    margin-inline: 0 !important;
  }
  .px-xl-1 {
    padding-inline: 6px !important;
  }
  .mx-xl-1 {
    margin-inline: 6px !important;
  }
  .px-xl-2 {
    padding-inline: 12px !important;
  }
  .mx-xl-2 {
    margin-inline: 12px !important;
  }
  .px-xl-3 {
    padding-inline: 18px !important;
  }
  .mx-xl-3 {
    margin-inline: 18px !important;
  }
  .px-xl-4 {
    padding-inline: 24px !important;
  }
  .mx-xl-4 {
    margin-inline: 24px !important;
  }
  .px-xl-5 {
    padding-inline: 30px !important;
  }
  .mx-xl-5 {
    margin-inline: 30px !important;
  }
  .px-xl-6 {
    padding-inline: 36px !important;
  }
  .mx-xl-6 {
    margin-inline: 36px !important;
  }
  .px-xl-7 {
    padding-inline: 42px !important;
  }
  .mx-xl-7 {
    margin-inline: 42px !important;
  }
  .px-xl-8 {
    padding-inline: 48px !important;
  }
  .mx-xl-8 {
    margin-inline: 48px !important;
  }
  .px-xl-9 {
    padding-inline: 54px !important;
  }
  .mx-xl-9 {
    margin-inline: 54px !important;
  }
  .px-xl-10 {
    padding-inline: 60px !important;
  }
  .mx-xl-10 {
    margin-inline: 60px !important;
  }
  .px-xl-11 {
    padding-inline: 66px !important;
  }
  .mx-xl-11 {
    margin-inline: 66px !important;
  }
  .px-xl-12 {
    padding-inline: 74px !important;
  }
  .mx-xl-12 {
    margin-inline: 74px !important;
  }
  .mx-xl-auto {
    margin-inline: auto !important;
  }
}
@media screen and (max-width: 65em) {
  .px-lg-0 {
    padding-inline: 0 !important;
  }
  .mx-lg-0 {
    margin-inline: 0 !important;
  }
  .px-lg-1 {
    padding-inline: 6px !important;
  }
  .mx-lg-1 {
    margin-inline: 6px !important;
  }
  .px-lg-2 {
    padding-inline: 12px !important;
  }
  .mx-lg-2 {
    margin-inline: 12px !important;
  }
  .px-lg-3 {
    padding-inline: 18px !important;
  }
  .mx-lg-3 {
    margin-inline: 18px !important;
  }
  .px-lg-4 {
    padding-inline: 24px !important;
  }
  .mx-lg-4 {
    margin-inline: 24px !important;
  }
  .px-lg-5 {
    padding-inline: 30px !important;
  }
  .mx-lg-5 {
    margin-inline: 30px !important;
  }
  .px-lg-6 {
    padding-inline: 36px !important;
  }
  .mx-lg-6 {
    margin-inline: 36px !important;
  }
  .px-lg-7 {
    padding-inline: 42px !important;
  }
  .mx-lg-7 {
    margin-inline: 42px !important;
  }
  .px-lg-8 {
    padding-inline: 48px !important;
  }
  .mx-lg-8 {
    margin-inline: 48px !important;
  }
  .px-lg-9 {
    padding-inline: 54px !important;
  }
  .mx-lg-9 {
    margin-inline: 54px !important;
  }
  .px-lg-10 {
    padding-inline: 60px !important;
  }
  .mx-lg-10 {
    margin-inline: 60px !important;
  }
  .px-lg-11 {
    padding-inline: 66px !important;
  }
  .mx-lg-11 {
    margin-inline: 66px !important;
  }
  .px-lg-12 {
    padding-inline: 74px !important;
  }
  .mx-lg-12 {
    margin-inline: 74px !important;
  }
  .mx-lg-auto {
    margin-inline: auto !important;
  }
}
@media screen and (max-width: 833px) {
  .px-ipad-0 {
    padding-inline: 0 !important;
  }
  .mx-ipad-0 {
    margin-inline: 0 !important;
  }
  .px-ipad-1 {
    padding-inline: 6px !important;
  }
  .mx-ipad-1 {
    margin-inline: 6px !important;
  }
  .px-ipad-2 {
    padding-inline: 12px !important;
  }
  .mx-ipad-2 {
    margin-inline: 12px !important;
  }
  .px-ipad-3 {
    padding-inline: 18px !important;
  }
  .mx-ipad-3 {
    margin-inline: 18px !important;
  }
  .px-ipad-4 {
    padding-inline: 24px !important;
  }
  .mx-ipad-4 {
    margin-inline: 24px !important;
  }
  .px-ipad-5 {
    padding-inline: 30px !important;
  }
  .mx-ipad-5 {
    margin-inline: 30px !important;
  }
  .px-ipad-6 {
    padding-inline: 36px !important;
  }
  .mx-ipad-6 {
    margin-inline: 36px !important;
  }
  .px-ipad-7 {
    padding-inline: 42px !important;
  }
  .mx-ipad-7 {
    margin-inline: 42px !important;
  }
  .px-ipad-8 {
    padding-inline: 48px !important;
  }
  .mx-ipad-8 {
    margin-inline: 48px !important;
  }
  .px-ipad-9 {
    padding-inline: 54px !important;
  }
  .mx-ipad-9 {
    margin-inline: 54px !important;
  }
  .px-ipad-10 {
    padding-inline: 60px !important;
  }
  .mx-ipad-10 {
    margin-inline: 60px !important;
  }
  .px-ipad-11 {
    padding-inline: 66px !important;
  }
  .mx-ipad-11 {
    margin-inline: 66px !important;
  }
  .px-ipad-12 {
    padding-inline: 74px !important;
  }
  .mx-ipad-12 {
    margin-inline: 74px !important;
  }
  .mx-ipad-auto {
    margin-inline: auto !important;
  }
}
@media screen and (max-width: 45em) {
  .px-md-0 {
    padding-inline: 0 !important;
  }
  .mx-md-0 {
    margin-inline: 0 !important;
  }
  .px-md-1 {
    padding-inline: 6px !important;
  }
  .mx-md-1 {
    margin-inline: 6px !important;
  }
  .px-md-2 {
    padding-inline: 12px !important;
  }
  .mx-md-2 {
    margin-inline: 12px !important;
  }
  .px-md-3 {
    padding-inline: 18px !important;
  }
  .mx-md-3 {
    margin-inline: 18px !important;
  }
  .px-md-4 {
    padding-inline: 24px !important;
  }
  .mx-md-4 {
    margin-inline: 24px !important;
  }
  .px-md-5 {
    padding-inline: 30px !important;
  }
  .mx-md-5 {
    margin-inline: 30px !important;
  }
  .px-md-6 {
    padding-inline: 36px !important;
  }
  .mx-md-6 {
    margin-inline: 36px !important;
  }
  .px-md-7 {
    padding-inline: 42px !important;
  }
  .mx-md-7 {
    margin-inline: 42px !important;
  }
  .px-md-8 {
    padding-inline: 48px !important;
  }
  .mx-md-8 {
    margin-inline: 48px !important;
  }
  .px-md-9 {
    padding-inline: 54px !important;
  }
  .mx-md-9 {
    margin-inline: 54px !important;
  }
  .px-md-10 {
    padding-inline: 60px !important;
  }
  .mx-md-10 {
    margin-inline: 60px !important;
  }
  .px-md-11 {
    padding-inline: 66px !important;
  }
  .mx-md-11 {
    margin-inline: 66px !important;
  }
  .px-md-12 {
    padding-inline: 74px !important;
  }
  .mx-md-12 {
    margin-inline: 74px !important;
  }
  .mx-md-auto {
    margin-inline: auto !important;
  }
}
@media screen and (max-width: 30em) {
  .px-sm-0 {
    padding-inline: 0 !important;
  }
  .mx-sm-0 {
    margin-inline: 0 !important;
  }
  .px-sm-1 {
    padding-inline: 6px !important;
  }
  .mx-sm-1 {
    margin-inline: 6px !important;
  }
  .px-sm-2 {
    padding-inline: 12px !important;
  }
  .mx-sm-2 {
    margin-inline: 12px !important;
  }
  .px-sm-3 {
    padding-inline: 18px !important;
  }
  .mx-sm-3 {
    margin-inline: 18px !important;
  }
  .px-sm-4 {
    padding-inline: 24px !important;
  }
  .mx-sm-4 {
    margin-inline: 24px !important;
  }
  .px-sm-5 {
    padding-inline: 30px !important;
  }
  .mx-sm-5 {
    margin-inline: 30px !important;
  }
  .px-sm-6 {
    padding-inline: 36px !important;
  }
  .mx-sm-6 {
    margin-inline: 36px !important;
  }
  .px-sm-7 {
    padding-inline: 42px !important;
  }
  .mx-sm-7 {
    margin-inline: 42px !important;
  }
  .px-sm-8 {
    padding-inline: 48px !important;
  }
  .mx-sm-8 {
    margin-inline: 48px !important;
  }
  .px-sm-9 {
    padding-inline: 54px !important;
  }
  .mx-sm-9 {
    margin-inline: 54px !important;
  }
  .px-sm-10 {
    padding-inline: 60px !important;
  }
  .mx-sm-10 {
    margin-inline: 60px !important;
  }
  .px-sm-11 {
    padding-inline: 66px !important;
  }
  .mx-sm-11 {
    margin-inline: 66px !important;
  }
  .px-sm-12 {
    padding-inline: 74px !important;
  }
  .mx-sm-12 {
    margin-inline: 74px !important;
  }
  .mx-sm-auto {
    margin-inline: auto !important;
  }
}
.py-0 {
  padding-block: 0 !important;
}

.my-0 {
  margin-block: 0 !important;
}

.py-1 {
  padding-block: 6px !important;
}

.my-1 {
  margin-block: 6px !important;
}

.py-2 {
  padding-block: 12px !important;
}

.my-2 {
  margin-block: 12px !important;
}

.py-3 {
  padding-block: 18px !important;
}

.my-3 {
  margin-block: 18px !important;
}

.py-4 {
  padding-block: 24px !important;
}

.my-4 {
  margin-block: 24px !important;
}

.py-5 {
  padding-block: 30px !important;
}

.my-5 {
  margin-block: 30px !important;
}

.py-6 {
  padding-block: 36px !important;
}

.my-6 {
  margin-block: 36px !important;
}

.py-7 {
  padding-block: 42px !important;
}

.my-7 {
  margin-block: 42px !important;
}

.py-8 {
  padding-block: 48px !important;
}

.my-8 {
  margin-block: 48px !important;
}

.py-9 {
  padding-block: 54px !important;
}

.my-9 {
  margin-block: 54px !important;
}

.py-10 {
  padding-block: 60px !important;
}

.my-10 {
  margin-block: 60px !important;
}

.py-11 {
  padding-block: 66px !important;
}

.my-11 {
  margin-block: 66px !important;
}

.py-12 {
  padding-block: 74px !important;
}

.my-12 {
  margin-block: 74px !important;
}

@media screen and (max-width: 88em) {
  .py-xl-0 {
    padding-block: 0 !important;
  }
  .my-xl-0 {
    margin-block: 0 !important;
  }
  .py-xl-1 {
    padding-block: 6px !important;
  }
  .my-xl-1 {
    margin-block: 6px !important;
  }
  .py-xl-2 {
    padding-block: 12px !important;
  }
  .my-xl-2 {
    margin-block: 12px !important;
  }
  .py-xl-3 {
    padding-block: 18px !important;
  }
  .my-xl-3 {
    margin-block: 18px !important;
  }
  .py-xl-4 {
    padding-block: 24px !important;
  }
  .my-xl-4 {
    margin-block: 24px !important;
  }
  .py-xl-5 {
    padding-block: 30px !important;
  }
  .my-xl-5 {
    margin-block: 30px !important;
  }
  .py-xl-6 {
    padding-block: 36px !important;
  }
  .my-xl-6 {
    margin-block: 36px !important;
  }
  .py-xl-7 {
    padding-block: 42px !important;
  }
  .my-xl-7 {
    margin-block: 42px !important;
  }
  .py-xl-8 {
    padding-block: 48px !important;
  }
  .my-xl-8 {
    margin-block: 48px !important;
  }
  .py-xl-9 {
    padding-block: 54px !important;
  }
  .my-xl-9 {
    margin-block: 54px !important;
  }
  .py-xl-10 {
    padding-block: 60px !important;
  }
  .my-xl-10 {
    margin-block: 60px !important;
  }
  .py-xl-11 {
    padding-block: 66px !important;
  }
  .my-xl-11 {
    margin-block: 66px !important;
  }
  .py-xl-12 {
    padding-block: 74px !important;
  }
  .my-xl-12 {
    margin-block: 74px !important;
  }
}
@media screen and (max-width: 65em) {
  .py-lg-0 {
    padding-block: 0 !important;
  }
  .my-lg-0 {
    margin-block: 0 !important;
  }
  .py-lg-1 {
    padding-block: 6px !important;
  }
  .my-lg-1 {
    margin-block: 6px !important;
  }
  .py-lg-2 {
    padding-block: 12px !important;
  }
  .my-lg-2 {
    margin-block: 12px !important;
  }
  .py-lg-3 {
    padding-block: 18px !important;
  }
  .my-lg-3 {
    margin-block: 18px !important;
  }
  .py-lg-4 {
    padding-block: 24px !important;
  }
  .my-lg-4 {
    margin-block: 24px !important;
  }
  .py-lg-5 {
    padding-block: 30px !important;
  }
  .my-lg-5 {
    margin-block: 30px !important;
  }
  .py-lg-6 {
    padding-block: 36px !important;
  }
  .my-lg-6 {
    margin-block: 36px !important;
  }
  .py-lg-7 {
    padding-block: 42px !important;
  }
  .my-lg-7 {
    margin-block: 42px !important;
  }
  .py-lg-8 {
    padding-block: 48px !important;
  }
  .my-lg-8 {
    margin-block: 48px !important;
  }
  .py-lg-9 {
    padding-block: 54px !important;
  }
  .my-lg-9 {
    margin-block: 54px !important;
  }
  .py-lg-10 {
    padding-block: 60px !important;
  }
  .my-lg-10 {
    margin-block: 60px !important;
  }
  .py-lg-11 {
    padding-block: 66px !important;
  }
  .my-lg-11 {
    margin-block: 66px !important;
  }
  .py-lg-12 {
    padding-block: 74px !important;
  }
  .my-lg-12 {
    margin-block: 74px !important;
  }
}
@media screen and (max-width: 833px) {
  .py-ipad-0 {
    padding-block: 0 !important;
  }
  .my-ipad-0 {
    margin-block: 0 !important;
  }
  .py-ipad-1 {
    padding-block: 6px !important;
  }
  .my-ipad-1 {
    margin-block: 6px !important;
  }
  .py-ipad-2 {
    padding-block: 12px !important;
  }
  .my-ipad-2 {
    margin-block: 12px !important;
  }
  .py-ipad-3 {
    padding-block: 18px !important;
  }
  .my-ipad-3 {
    margin-block: 18px !important;
  }
  .py-ipad-4 {
    padding-block: 24px !important;
  }
  .my-ipad-4 {
    margin-block: 24px !important;
  }
  .py-ipad-5 {
    padding-block: 30px !important;
  }
  .my-ipad-5 {
    margin-block: 30px !important;
  }
  .py-ipad-6 {
    padding-block: 36px !important;
  }
  .my-ipad-6 {
    margin-block: 36px !important;
  }
  .py-ipad-7 {
    padding-block: 42px !important;
  }
  .my-ipad-7 {
    margin-block: 42px !important;
  }
  .py-ipad-8 {
    padding-block: 48px !important;
  }
  .my-ipad-8 {
    margin-block: 48px !important;
  }
  .py-ipad-9 {
    padding-block: 54px !important;
  }
  .my-ipad-9 {
    margin-block: 54px !important;
  }
  .py-ipad-10 {
    padding-block: 60px !important;
  }
  .my-ipad-10 {
    margin-block: 60px !important;
  }
  .py-ipad-11 {
    padding-block: 66px !important;
  }
  .my-ipad-11 {
    margin-block: 66px !important;
  }
  .py-ipad-12 {
    padding-block: 74px !important;
  }
  .my-ipad-12 {
    margin-block: 74px !important;
  }
}
@media screen and (max-width: 45em) {
  .py-md-0 {
    padding-block: 0 !important;
  }
  .my-md-0 {
    margin-block: 0 !important;
  }
  .py-md-1 {
    padding-block: 6px !important;
  }
  .my-md-1 {
    margin-block: 6px !important;
  }
  .py-md-2 {
    padding-block: 12px !important;
  }
  .my-md-2 {
    margin-block: 12px !important;
  }
  .py-md-3 {
    padding-block: 18px !important;
  }
  .my-md-3 {
    margin-block: 18px !important;
  }
  .py-md-4 {
    padding-block: 24px !important;
  }
  .my-md-4 {
    margin-block: 24px !important;
  }
  .py-md-5 {
    padding-block: 30px !important;
  }
  .my-md-5 {
    margin-block: 30px !important;
  }
  .py-md-6 {
    padding-block: 36px !important;
  }
  .my-md-6 {
    margin-block: 36px !important;
  }
  .py-md-7 {
    padding-block: 42px !important;
  }
  .my-md-7 {
    margin-block: 42px !important;
  }
  .py-md-8 {
    padding-block: 48px !important;
  }
  .my-md-8 {
    margin-block: 48px !important;
  }
  .py-md-9 {
    padding-block: 54px !important;
  }
  .my-md-9 {
    margin-block: 54px !important;
  }
  .py-md-10 {
    padding-block: 60px !important;
  }
  .my-md-10 {
    margin-block: 60px !important;
  }
  .py-md-11 {
    padding-block: 66px !important;
  }
  .my-md-11 {
    margin-block: 66px !important;
  }
  .py-md-12 {
    padding-block: 74px !important;
  }
  .my-md-12 {
    margin-block: 74px !important;
  }
}
@media screen and (max-width: 30em) {
  .py-sm-0 {
    padding-block: 0 !important;
  }
  .my-sm-0 {
    margin-block: 0 !important;
  }
  .py-sm-1 {
    padding-block: 6px !important;
  }
  .my-sm-1 {
    margin-block: 6px !important;
  }
  .py-sm-2 {
    padding-block: 12px !important;
  }
  .my-sm-2 {
    margin-block: 12px !important;
  }
  .py-sm-3 {
    padding-block: 18px !important;
  }
  .my-sm-3 {
    margin-block: 18px !important;
  }
  .py-sm-4 {
    padding-block: 24px !important;
  }
  .my-sm-4 {
    margin-block: 24px !important;
  }
  .py-sm-5 {
    padding-block: 30px !important;
  }
  .my-sm-5 {
    margin-block: 30px !important;
  }
  .py-sm-6 {
    padding-block: 36px !important;
  }
  .my-sm-6 {
    margin-block: 36px !important;
  }
  .py-sm-7 {
    padding-block: 42px !important;
  }
  .my-sm-7 {
    margin-block: 42px !important;
  }
  .py-sm-8 {
    padding-block: 48px !important;
  }
  .my-sm-8 {
    margin-block: 48px !important;
  }
  .py-sm-9 {
    padding-block: 54px !important;
  }
  .my-sm-9 {
    margin-block: 54px !important;
  }
  .py-sm-10 {
    padding-block: 60px !important;
  }
  .my-sm-10 {
    margin-block: 60px !important;
  }
  .py-sm-11 {
    padding-block: 66px !important;
  }
  .my-sm-11 {
    margin-block: 66px !important;
  }
  .py-sm-12 {
    padding-block: 74px !important;
  }
  .my-sm-12 {
    margin-block: 74px !important;
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

[anim=ripple] {
  position: relative;
}

.button {
  background-color: #fff;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #3E3E3E;
  text-align: center;
  height: 40px;
  color: #3E3E3E;
  padding: 10px 20px;
  position: relative;
  font-weight: 700;
}
@media screen and (max-width: 45em) {
  .button {
    font-size: 12px;
    padding: 8px 16px;
    line-height: 16px;
    height: 32px;
  }
}
.button.promotion {
  background: #FFA329;
  border: none;
  color: #fff;
}
.button.promotion:hover {
  font-weight: #FFBB29;
}
.button.seg-cart-btn {
  background-color: rgb(0, 107, 178);
  color: #fff;
  border-color: rgb(0, 107, 178);
}
.button.seg-cart-btn.in-progress {
  cursor: default;
  background-color: #eee;
  color: #888;
  border-color: #000;
}
.button.register-button {
  display: inline-block;
  width: max-content;
  color: #FFFFFF;
  background-color: #D62F61;
  border-color: #D62F61;
}

.button--large {
  font-size: 18px;
  min-width: 230px;
  height: 48px;
}

.button--wide_100 {
  width: 100%;
}

.button--dark {
  background-color: #3E3E3E;
  color: #fff;
}

.button--blue {
  background-color: #0077C6;
  color: #fff;
  border-color: #0077C6;
}

.button--outline {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.button--outline:hover, .button--outline:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1333333333);
}

.button--subscribe,
#subscribe.button {
  min-width: unset;
  background: #000;
  color: #fff;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -5px;
  padding: 0 20px;
}

.button--school {
  font-size: 12px;
  min-width: 230px;
}

.button_rounded {
  border-radius: 20px;
}

.brand-blue {
  border-color: #0077C6;
  color: #0077C6;
}

.button-text, .button_contained,
[class^=button_contained],
[class^=button-text] {
  background: transparent;
  border: none;
  border-radius: 5px;
  font-family: inherit;
  font-size: 13px;
  letter-spacing: 1.25px;
  line-height: 1;
  padding: 12px 15px 11px;
  outline: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.button-text[class*=__primary], [class*=__primary].button_contained,
[class*=__primary][class^=button_contained],
[class^=button-text][class*=__primary] {
  color: #0077C6;
}
.button-text[class*=__secondary], [class*=__secondary].button_contained,
[class*=__secondary][class^=button_contained],
[class^=button-text][class*=__secondary] {
  color: #FD671A;
}
.button-text[class*=__remove], [class*=__remove].button_contained,
[class*=__remove][class^=button_contained],
[class^=button-text][class*=__remove] {
  color: #FF5722;
}
.button-text i, .button_contained i,
[class^=button_contained] i,
[class^=button-text] i {
  font-size: 19px;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.navigation-arrow {
  width: 100%;
  max-width: 12px;
  filter: invert(1);
  margin-left: 6px;
}

.button_contained,
[class^=button_contained] {
  background: #0077C6;
  border: none;
  border-radius: 5px;
  color: white;
  font-family: inherit;
  outline: none;
  padding: 12px 20px 11px;
  text-align: center;
  text-decoration: none;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}
.button_contained[class*=__compressed],
[class^=button_contained][class*=__compressed] {
  border-radius: 8px;
  font-size: 12.8px;
  padding: 9.6px 10px 8.6px;
}
.button_contained[class*=__compressed][class*=__rounded],
[class^=button_contained][class*=__compressed][class*=__rounded] {
  border-radius: 20.3px;
}
.button_contained[class*=__rounded],
[class^=button_contained][class*=__rounded] {
  border-radius: 19.5px;
}
.button_contained[class*=__raised],
[class^=button_contained][class*=__raised] {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.button_contained[class*=__secondary],
[class^=button_contained][class*=__secondary] {
  background-color: #FD671A;
  color: #ffffff;
}
.button_contained[class*=__itinerary],
[class^=button_contained][class*=__itinerary] {
  background-color: #0077C6;
  color: #ffffff;
  margin-right: 15px;
}
.button_contained[class*=__muted],
[class^=button_contained][class*=__muted] {
  background-color: #F5F5F5;
  color: #424242;
}
.button_contained:not(.inline_block),
[class^=button_contained]:not(.inline_block) {
  display: block;
}
.button_contained:hover, .button_contained:active,
[class^=button_contained]:hover,
[class^=button_contained]:active {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.buy-now-btn {
  background: linear-gradient(to top, #e69325, #FFA329);
  width: 180px;
  display: inline-block;
  margin: 0 20px;
  font-weight: 700;
  transition: color 0.2s ease;
  border-radius: 24px;
}
.buy-now-btn:after {
  content: "";
  height: 1px;
  width: 140px;
  position: absolute;
  left: 15px;
  bottom: 0px;
  margin: 0;
  padding: 0;
  animation: shadow 6s ease-in infinite;
}
.buy-now-btn:before {
  content: "";
  height: 1px;
  width: 140px;
  position: absolute;
  left: 15px;
  top: 0px;
  margin: 0;
  padding: 0;
  animation: shadow2 6s ease-in infinite;
}

@keyframes shadow {
  0% {
    opacity: 0;
    transform: scaleX(1);
    width: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));
  }
  10% {
    opacity: 1;
    transform: scaleX(1);
    transform: translateX(5%);
    width: 70%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));
  }
  30% {
    opacity: 0;
    transform: scaleX(1);
    transform: translateX(85%);
    width: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));
  }
  100% {
    opacity: 0;
    transform: scaleX(1);
    transform: translateX(85%);
    width: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));
  }
}
@keyframes shadow2 {
  0% {
    opacity: 0;
    transform: scaleX(1);
    width: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));
  }
  10% {
    opacity: 0;
    transform: scaleX(1);
    width: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform: translateX(5%);
    width: 75%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));
  }
  40% {
    opacity: 0;
    transform: scaleX(1);
    transform: translateX(5%);
    width: 75%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));
  }
  100% {
    opacity: 0;
    transform: scaleX(1);
    transform: translateX(85%);
    width: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0));
  }
}
/* Fix: Erroneous Height on '/Dashboard' for '+ Add Course Dates' */
a.button.button--course-dates.select-category-course-btn {
  height: 42px;
}

/* Mailchimp subscribe */
.formEmailButton {
  background: none;
  border: none;
  color: #fff;
  margin-top: 1px;
  cursor: pointer;
  width: 170%;
  height: 100%;
  margin-left: -20px;
  margin-right: 5px;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.slider {
  /*Overwriteds on owl carousel to get my cards to be the same height*/
}
.slider .owl-stage {
  display: flex;
}
.slider .card {
  align-items: flex-start;
  background-color: #fff;
  color: #3E3E3E;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  height: calc(100% - 40px);
  line-height: 1;
  max-width: 326.6666666667px;
  margin: 20px;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 292px;
  margin: 0 auto;
}
.slider .card .card-image {
  min-height: 150px;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.slider .card .card-image picture {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.slider .card .card-image picture img {
  height: auto;
  width: 100%;
}
.slider .card .card-title {
  font-size: 16px;
}
.slider .card .card-excerpt {
  color: #b0b0b0;
  font-size: 14px;
  height: 120px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  padding-top: 0;
  margin-bottom: 6px;
}
.slider .card .card-location {
  background-color: #0077C6;
  color: #fff;
  margin-top: auto;
  width: 100%;
}
.slider .card .card-tag {
  background-color: #0077c6;
  color: #fff;
  left: 10px;
  padding: 5px 10px;
  position: absolute;
  top: 10px;
  z-index: 1;
}

.sign-up-types {
  position: relative;
  display: flex;
  gap: 12px;
  padding-block: 30px;
  flex-wrap: wrap;
}

.sign-up-type {
  border: 1px solid #AAAAAA;
  border-radius: 5px;
  text-align: center;
  min-height: 174px;
  color: #AAAAAA;
  position: relative;
  flex-shrink: 0;
  width: calc(50% - 12px);
  font-weight: 400 !important;
  /*&.active::after,
  &:hover::after{
      content: "\e903";
      display: block;
      position: absolute;
      background-color: #5AACD5;
      color: #FFFFFF;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      left: 50%;
      margin-left: -15px;
      top: -15px;
      font-family: "seg" !important;
      line-height: 30px;
  }*/
}
.sign-up-type i {
  display: block;
  font-size: 120px;
  padding-top: 10px;
}
.sign-up-type.active, .sign-up-type:hover {
  color: #0077C6;
  border-color: #0077C6;
}

.strike-through {
  text-align: center;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  color: #AAAAAA;
  margin-top: 28px;
}
.strike-through::before, .strike-through::after {
  content: "";
  position: absolute;
  height: 1px;
  width: calc(50% - 16px);
  background-color: #AAAAAA;
  left: 0;
  top: 50%;
}
.strike-through::after {
  right: 0;
  left: auto;
}
.strike-through.account-type::before, .strike-through.account-type::after {
  width: calc(50% - 82px);
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.textImage-wrapper {
  position: relative;
}
.textImage-wrapper .left-wrapper {
  display: flex;
  height: calc(100% - 120px); /*set the calc reduction to both the top and bottom padding*/
  max-width: calc(100% - 60px);
  min-width: 490px;
  position: relative;
  width: calc(50% + 60px); /*add the right padding to the width allotment*/
  z-index: 1;
}
.textImage-wrapper .left-wrapper .textImage-content {
  align-items: flex-start;
  background-color: #F0F0F0;
  display: flex;
  flex-direction: column;
  /* We set the width to full width of parent 
  ---------------minus half the max container------Add right padding---- Minus half the padding to normalise positioning*/
  padding-left: calc(100% - (490px + 60px - 30px));
  width: 100%;
}
.textImage-wrapper .left-wrapper .textImage-content > * {
  padding-left: 20px;
}
.textImage-wrapper .left-wrapper .textImage-content .textImage-title {
  margin-top: 0px;
  margin-bottom: 0px;
  /*TODO :: GH :: added this padding for the home page, need to handle this better when the layout component is complete*/
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 44px;
  line-height: 48px;
  font-weight: 300;
}
.textImage-wrapper .left-wrapper .textImage-content .textImage-label {
  padding-bottom: 20px;
  padding-top: 20px;
}
.textImage-wrapper .right-wrapper {
  bottom: 60px;
  left: calc(50% - 245px);
  margin-left: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 60px;
}
.textImage-wrapper .right-wrapper.right-full-width {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.textImage-wrapper .right-wrapper .textImage-wrapper-img {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.textImage-wrapper .right-wrapper .textImage-wrapper-img img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.textImage-wrapper .right-wrapper img {
  width: 100%;
  height: auto;
}

/*Media query for handling layout shift and responsive shift*/
@media all and (max-width: 1296px) {
  .textImage-wrapper .textImage-wrapper-img img {
    height: 100%;
    width: auto;
  }
}
@media all and (max-width: 600px) {
  .textImage-wrapper .right-wrapper {
    /*Uses aspectRatioCalc function in abstracts/_functions.scss*/
    bottom: unset;
    display: block;
    height: 56.25vw;
    left: unset;
    margin: 0;
    position: relative;
    right: unset;
    top: unset;
    width: 100%;
  }
  .textImage-wrapper .right-wrapper.right-full-width {
    position: relative;
  }
  .textImage-wrapper .right-wrapper picture {
    bottom: unset;
    display: block;
    height: auto;
    left: unset;
    margin: 0;
    position: relative;
    right: unset;
    top: unset;
    width: 100%;
  }
  .textImage-wrapper .right-wrapper picture img {
    bottom: unset;
    display: block;
    height: auto;
    left: unset;
    margin: 0;
    position: relative;
    right: unset;
    top: unset;
    width: 100%;
  }
  .textImage-wrapper {
    padding-top: 0;
  }
  .textImage-wrapper .left-wrapper {
    min-width: 100%;
    padding: 0;
  }
  .textImage-wrapper .left-wrapper .textImage-content {
    padding: 20px;
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.position-relative {
  position: relative;
}

.course_date_picker {
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
  box-sizing: content-box;
  position: absolute;
  background: white;
  border-radius: 5px;
  left: 0;
  opacity: 0;
  top: 0;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 40;
  width: 660px;
}
.course_date_picker .footer_container {
  display: flex;
}
.course_date_picker .loader_container {
  display: flex;
  flex-basis: 100%;
  flex-shrink: 1;
  justify-content: flex-start;
  max-width: 100%;
}
.course_date_picker .body_container {
  transition: opacity 0.325s cubic-bezier(0.4, 0, 0.2, 1);
}
.course_date_picker .date_picker_input_field {
  border: 2px solid #9E9E9E;
  border-radius: 4px;
  box-sizing: border-box;
  color: #9E9E9E;
  font-weight: 600;
  height: 40px;
  line-height: 16px;
  padding: 10px 15px;
  transition: all 325ms cubic-bezier(0, 0, 0.2, 1);
}
.course_date_picker .date_picker_input_field.filled {
  border-color: #0077C6;
  color: #0077C6;
}
.course_date_picker .date_picker_input_field.pending_selection {
  border-color: #0077C6;
}
.course_date_picker.is_loading .loader_container {
  opacity: 1;
}
.course_date_picker.is_loading .body_container {
  opacity: 0.2;
  pointer-events: none;
}
.course_date_picker .loader_container {
  display: flex;
  flex-basis: 100%;
  flex-shrink: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  opacity: 0;
  transition: opacity 0.325s cubic-bezier(0.4, 0, 0.2, 1);
}
.course_date_picker .loader_container .loader {
  border: 2px solid #f3f3f3;
  border-top: 2px solid #0077C6;
  height: 16px;
  left: 0;
  position: static;
  max-width: 16px;
}
.course_date_picker .loader_container .loader_text {
  align-self: center;
  margin-left: 20px;
}
.course_date_picker.active {
  opacity: 1;
}
.course_date_picker .footer_container {
  text-align: right;
}
.course_date_picker button {
  flex-shrink: 0;
  border-radius: 5px;
}
.course_date_picker .header_container .header_title {
  font-size: 16px;
}
.course_date_picker .header_container .header_subtitle {
  color: #FF5722;
  font-size: 10px;
}
.course_date_picker .month_year_title {
  font-weight: 500;
  text-align: center;
}
.course_date_picker .calendar {
  padding: 0 10px;
  width: 280px;
}
.course_date_picker .body_container {
  display: flex;
  padding: 0 30px;
}
.course_date_picker .button_next_month,
.course_date_picker .button_prev_month {
  background: white;
  border: none;
  border-radius: 20px;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  height: 40px;
  outline: none;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
}
.course_date_picker .button_next_month:before,
.course_date_picker .button_prev_month:before {
  content: "\e9c9";
  font-family: "seg";
  font-size: 16px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%) rotate(90deg);
  top: 50%;
}
.course_date_picker .button_next_month {
  left: -20px;
}
.course_date_picker .button_next_month:before {
  content: "\e92e";
  left: 50%;
}
.course_date_picker .button_prev_month {
  right: -20px;
}
.course_date_picker .button_prev_month:before {
  content: "\e92e";
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg) scale(1, -1);
}
.course_date_picker .days {
  flex-wrap: wrap;
}
.course_date_picker .days > span + span {
  margin-bottom: 5px;
}
.course_date_picker .days_of_week,
.course_date_picker .days {
  display: flex;
  text-align: center;
}
.course_date_picker .days_of_week > span,
.course_date_picker .days > span {
  cursor: default;
  flex-basis: 14.28571%;
  height: 20px;
  line-height: 20px;
  padding: 10px 0;
}
.course_date_picker .days_of_week > span.disabled,
.course_date_picker .days > span.disabled {
  color: #E0E0E0;
}
.course_date_picker .days_of_week > span.unavailable,
.course_date_picker .days > span.unavailable {
  background: rgba(255, 87, 34, 0.4);
  color: #FFFFFF;
}
.course_date_picker .days_of_week > span.in_selected_range,
.course_date_picker .days > span.in_selected_range {
  background: rgba(0, 119, 198, 0.4);
}
.course_date_picker .days_of_week > span.selected,
.course_date_picker .days > span.selected {
  background: #0077C6;
  border-radius: 2px;
  color: white;
}
.course_date_picker .days_of_week > span.selected-start,
.course_date_picker .days > span.selected-start {
  border-radius: 2px 0 0 2px;
}
.course_date_picker .days_of_week > span.selected-end,
.course_date_picker .days > span.selected-end {
  border-radius: 0 2px 2px 0;
}

@media all and (max-width: 1024px) {
  .device-tablet.date_picker_is_active,
  .device-mobile.date_picker_is_active {
    overflow: hidden;
  }
  .device-tablet.date_picker_is_active #cartMenuWrapper,
  .device-tablet.date_picker_is_active header .signup-link,
  .device-tablet.date_picker_is_active footer .contact-whatsapp,
  .device-mobile.date_picker_is_active #cartMenuWrapper,
  .device-mobile.date_picker_is_active header .signup-link,
  .device-mobile.date_picker_is_active footer .contact-whatsapp {
    display: none;
  }
  .device-tablet.date_picker_is_active #headerContentWrapper,
  .device-mobile.date_picker_is_active #headerContentWrapper {
    z-index: 10;
  }
  .device-tablet .course_date_picker,
  .device-mobile .course_date_picker {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 40;
  }
  .device-tablet .course_date_picker .header_container,
  .device-mobile .course_date_picker .header_container {
    background: white;
    top: 0;
    left: 0;
    right: 0;
  }
  .device-tablet .course_date_picker .body_container,
  .device-mobile .course_date_picker .body_container {
    display: block;
    padding: 0px 20px 0px;
    height: calc(100% - 280px);
    overflow-y: auto;
  }
  .device-tablet .course_date_picker .body_container .calendar,
  .device-mobile .course_date_picker .body_container .calendar {
    margin: auto;
    width: 100%;
  }
  .device-tablet .course_date_picker .footer_container,
  .device-mobile .course_date_picker .footer_container {
    background: white;
    bottom: 0;
    flex-wrap: wrap;
    left: 0;
    padding: 20px 20px 0;
    position: fixed;
    right: 0;
    margin-left: -10px;
    justify-content: flex-end;
  }
  .device-tablet .course_date_picker .footer_container > *,
  .device-mobile .course_date_picker .footer_container > * {
    flex-basis: calc(50% - 50px);
    flex-shrink: 1;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 0;
    max-width: calc(50% - 10px);
  }
  .device-tablet .course_date_picker .calendar,
  .device-mobile .course_date_picker .calendar {
    padding: 0;
  }
  .device-tablet .course_date_picker .calendar:nth-child(2),
  .device-mobile .course_date_picker .calendar:nth-child(2) {
    display: none;
  }
  .device-tablet .course_date_picker .button_next_month,
  .device-mobile .course_date_picker .button_next_month {
    bottom: 110px;
    left: auto;
    position: fixed !important;
    right: 80px;
    top: auto;
  }
  .device-tablet .course_date_picker .button_prev_month,
  .device-mobile .course_date_picker .button_prev_month {
    position: fixed !important;
    bottom: 110px;
    right: 10px;
    top: auto;
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/*Upload info section - might move to another file*/
.upload_info_wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.upload-multiple-info-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}

.upload_info_wrapper .upload_title,
.upload-multiple-info-wrapper .upload_title {
  font-size: 18px;
}
.upload_info_wrapper .upload_description,
.upload-multiple-info-wrapper .upload_description {
  color: #ccc;
  font-size: 14px;
}

@media screen and (max-width: 541px) {
  .edit-listing-heading {
    text-align: center;
  }
  .uploads-section #dropzone-wordpress-rest-api {
    display: flex;
    justify-content: center;
  }
  .uploads-section .upload_title {
    text-align: center;
    margin-inline: auto;
  }
  .uploads-section .upload_description {
    text-align: center;
    margin-inline: auto;
  }
}
/*Dropzone styles*/
#dropzone-wordpress-rest-api .dropzone {
  z-index: 0;
  border: 1px solid #ccc;
  border-radius: 12px;
  border-style: dashed;
  min-width: 150px;
  width: fit-content;
}
#dropzone-wordpress-rest-api .dropzone.dz-required {
  border-color: red;
}
#dropzone-wordpress-rest-api .dropzone.dz-required:not(.dz-started)::after {
  content: "*";
  color: red;
  font-size: 20px;
}
#dropzone-wordpress-rest-api .dropzone .dz-preview {
  width: 120px;
}
#dropzone-wordpress-rest-api .dropzone .dz-preview .dz-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
#dropzone-wordpress-rest-api .dropzone .dz-preview .dz-image img {
  height: 100%;
}
#dropzone-wordpress-rest-api .dropzone .dz-message {
  position: absolute;
  min-width: 120px;
  min-height: 120px;
  margin: 0.5em;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#dropzone-wordpress-rest-api .dropzone .dz-message::before {
  color: #ccc;
  content: "\e927";
  font-family: "seg";
  font-size: 36px;
  line-height: 36px;
}
#dropzone-wordpress-rest-api .dropzone[data-allowmultiplefiles=true] {
  display: flex;
  flex-wrap: wrap;
  max-width: 610px;
  flex-direction: row;
}
#dropzone-wordpress-rest-api .dropzone[data-allowmultiplefiles=true] .dz-message {
  position: relative;
}
#dropzone-wordpress-rest-api .dropzone[data-allowmultiplefiles=true] .dz-message::after {
  content: "Drop files here";
  display: block;
}
#dropzone-wordpress-rest-api .dropzone[data-allowmultiplefiles=false] {
  width: 180px;
  height: 180px;
}
#dropzone-wordpress-rest-api .dropzone[data-allowmultiplefiles=false] .dz-message {
  width: calc(100% - 18px);
  height: calc(100% - 18px);
}
#dropzone-wordpress-rest-api .dropzone[data-allowmultiplefiles=false] .dz-message::after {
  content: "Drop file here";
  display: block;
}
#dropzone-wordpress-rest-api .dropzone[data-allowmultiplefiles=false].dz-started .dz-message {
  display: none;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.tabs-wrapper {
  font-family: "Public Sans", serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 100;
  /* the nitty gritty */
}
.tabs-wrapper .tabs-container nav {
  margin: 0 auto;
  background: #fff;
  height: 100%;
}
.tabs-wrapper .tabs-container nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  padding: 0 10px;
  height: 100%;
}
.tabs-wrapper .tabs-container nav ul li {
  cursor: pointer;
  color: #3e3e3e;
  height: 100%;
  font-family: "Public Sans", serif;
}
.tabs-wrapper .tabs-container nav ul li:hover {
  color: #3e4b58;
}
.tabs-wrapper .tabs-container nav ul li.active {
  color: #3e4b58;
  border-top: none;
}
.tabs-wrapper .tabs-container {
  position: relative;
}
@media only screen and (max-width: 765px) {
  .tabs-wrapper .tabs-container {
    margin-bottom: 6rem;
  }
}
.tabs-wrapper .tabs-container nav {
  width: 100%;
}
.tabs-wrapper .tabs-container nav ul {
  display: flex;
  flex-direction: column;
}
.tabs-wrapper .tabs-container nav ul li {
  order: 1;
}
.tabs-wrapper .tabs-container nav ul li.active {
  order: 0;
}
.tabs-wrapper .tabs-container nav ul li.active:after {
  content: "❯";
  position: absolute;
  right: 1.5em;
  z-index: 9999;
  transition: transform 0.2s ease;
}
.tabs-wrapper .tabs-container nav ul li:not(.active) {
  position: absolute;
  top: -999em;
}
.tabs-wrapper .tabs-container nav ul li:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.tabs-wrapper .tabs-container nav ul.expanded {
  z-index: 1;
}
.tabs-wrapper .tabs-container nav ul.expanded li {
  background: #fff;
  z-index: 2;
}
.tabs-wrapper .tabs-container nav ul.expanded li.active:after {
  border-top-color: transparent;
  transform: rotate(90deg);
}
.tabs-wrapper .tabs-container nav ul.expanded li:not(.active) {
  position: relative;
  top: auto;
}
.tabs-wrapper .tab-content {
  display: none;
}
.tabs-wrapper .tab-content.current {
  display: inherit;
}

body.device-mobile .tabs-container .tabs ul {
  border: none;
}
body.device-mobile .tabs-container .tabs ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-shadow: 0px 0px 0px 1px #0077C6;
}
body.device-mobile .tabs-container .tabs ul li.active {
  background-color: #0077C6;
  color: #fff;
  font-weight: bold;
}
body.device-mobile .tabs-container .tabs ul li.active::after {
  color: #fff;
}
body.device-mobile .tabs-content-wrapper {
  margin-top: 20px;
}

body:not(.device-mobile) nav {
  background: transparent;
}
body:not(.device-mobile) .tabs-container nav ul {
  display: flex;
  flex-direction: row;
  gap: 30px;
  white-space: nowrap;
  overflow: visible;
  border: none;
  padding: 0;
}
body:not(.device-mobile) .tabs-container nav ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
  font-size: 16px;
  margin: 0;
}
body:not(.device-mobile) .tabs-container nav ul li.active {
  color: #0077C6;
}
body:not(.device-mobile) .tabs-container nav ul li:not(.active) {
  position: relative;
  top: auto;
}
body:not(.device-mobile) .tabs-container nav ul li {
  position: relative;
}
body:not(.device-mobile) .tabs-container nav ul li::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left;
  border-bottom: 2px solid;
  transition: transform 0.3s linear;
}
body:not(.device-mobile) .tabs-container nav ul li.active {
  order: 1;
}
body:not(.device-mobile) .tabs-container nav ul li.active, body:not(.device-mobile) .tabs-container nav ul li:hover {
  color: #0077C6;
}
body:not(.device-mobile) .tabs-container nav ul li.active::before, body:not(.device-mobile) .tabs-container nav ul li:hover::before {
  transform: scaleX(1);
}
body:not(.device-mobile) .tabs-container nav ul li.active:after {
  display: none;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.pure-css-accordion-wrapper {
  font-family: "Public Sans", serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-weight: 100;
  /* Accordion styles */
}
.pure-css-accordion-wrapper .accordion {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
.pure-css-accordion-wrapper .accordion-item {
  width: 100%;
  color: #3e3e3e;
  font-weight: 300;
  overflow: hidden;
  border: 1px solid;
  border-radius: 6px;
}
.pure-css-accordion-wrapper .accordion-item + .accordion-item {
  margin-top: 18px;
}
.pure-css-accordion-wrapper .accordion-item > input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.pure-css-accordion-wrapper .accordion-item-label {
  display: flex;
  justify-content: space-between;
  background: #fff;
  cursor: pointer;
  position: relative;
  padding-block: 1em;
  padding-left: 18px;
  padding-right: 45px;
  /* Icon */
}
.pure-css-accordion-wrapper .accordion-item-label:hover {
  background: none;
}
.pure-css-accordion-wrapper .accordion-item-label::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid;
}
.pure-css-accordion-wrapper .accordion-item-label::after {
  content: "";
  width: 12px;
  height: 12px;
  text-align: center;
  transition: all 0.35s;
  position: absolute;
  right: 24px;
  transform: rotate(135deg) translateX(calc(-50% - 6px));
  font-weight: 300;
  top: 50%;
  border-right: 1px solid;
  border-top: 1px solid;
}
.pure-css-accordion-wrapper .accordion-item-content {
  max-height: 0;
  padding: 0 1em;
  color: #666666;
  background: white;
  transition: all 0.35s;
}
.pure-css-accordion-wrapper .accordion-item-content .title-row > div {
  padding-left: 0;
}
.pure-css-accordion-wrapper .accordion-item-content .title-row > div .course-title {
  font-weight: bold;
}
.pure-css-accordion-wrapper .accordion-item-content .row:not(.title-row) label {
  font-weight: 400;
}
.pure-css-accordion-wrapper .accordion-item-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #fff;
  cursor: pointer;
}
.pure-css-accordion-wrapper .accordion-item-close:hover {
  background: #e6e6e6;
}
.pure-css-accordion-wrapper .accordion-item .dates-count {
  color: #0077C6;
}
.pure-css-accordion-wrapper input:checked + .accordion-item-label::before {
  content: "";
}
.pure-css-accordion-wrapper input:checked + .accordion-item-label::after {
  transform: rotate(-45deg) translateX(calc(50% - 3px));
  right: 18px;
}
.pure-css-accordion-wrapper input:checked ~ .accordion-item-content {
  max-height: max-content;
  padding: 1em;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.seg-reviews-wrapper {
  width: 100%;
  box-shadow: 0 -1px 0 #ccc;
  margin-top: 10px;
  padding: 5px 0 10px 0;
}
.seg-reviews-wrapper .seg-no-reviews {
  padding-top: 20px;
  padding-left: 10px;
}
.seg-reviews-wrapper .seg-reviews-comments-wrapper {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.seg-reviews-wrapper .seg-reviews-comments-wrapper .row {
  margin-top: 12px;
}
.seg-reviews-wrapper .seg-reviews-comments-wrapper .review-line {
  width: 100%;
  border-color: #ccc;
}
.seg-reviews-wrapper .seg-reviews-comments-wrapper .review-line em {
  color: #ccc;
}
.seg-reviews-wrapper .seg-reviews-comments-wrapper .container_outlined .outlined-heading {
  left: 10px;
  padding: 2px 5px;
}
.seg-reviews-wrapper .seg-reviews-comments-wrapper .seg-reviews-show-all {
  margin-top: 10px;
  text-align: center;
}
.seg-reviews-wrapper .seg-reviews-comments-wrapper .seg-reviews-show-all a {
  cursor: pointer;
}
.seg-reviews-wrapper .seg-reviews-comments-wrapper.seg-reviews-hidden > .row:nth-child(3) ~ .row {
  display: none;
}

.seg-rating-stars {
  color: #ffa31c;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.seg-loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.seg-inner-loader-wrapper {
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

body.seg-basic-popup-active {
  overflow: hidden;
}

.seg-basic-popup-wrapper {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: auto;
  background: rgba(0, 0, 0, 0.42);
}
.seg-basic-popup-wrapper .seg-basic-popup {
  position: absolute;
  top: 0;
  width: 800px;
  left: calc(50% - 400px);
}
.seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-inner {
  margin-top: 50px;
  margin-bottom: 50px;
  min-height: calc(100vh - 100px);
  position: relative;
  display: flex;
  align-items: center;
}
.seg-basic-popup-wrapper .seg-basic-popup.no-header-space .seg-basic-popup-content {
  padding-top: 0;
}
.seg-basic-popup-wrapper .seg-basic-popup.no-header-space .seg-basic-popup-content .seg-basic-popup-close {
  color: #fff;
}
.seg-basic-popup-wrapper .seg-basic-popup-content {
  position: relative;
  width: 100%;
  padding-top: 50px;
  overflow: hidden;
  border-radius: 7px;
  background: #FFFFFF;
}
.seg-basic-popup-wrapper .seg-basic-popup-content .seg-basic-popup-content-inner {
  position: relative;
  min-height: 465px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content .seg-basic-popup-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #3E3E3E;
  font-size: 11px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content .seg-basic-popup-close::after {
  content: "\ef9c";
  font-family: seg;
}
.seg-basic-popup-wrapper .seg-basic-popup-content .seg-basic-popup-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #3E3E3E;
  font-size: 14px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content .seg-basic-popup-back::after {
  content: "\ef80";
  font-family: seg;
}
.seg-basic-popup-wrapper .seg-basic-popup-content .seg-basic-popup-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  padding-left: 50px;
  padding-right: 50px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content .lds-ripple {
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 50px);
}
.seg-basic-popup-wrapper .popup-page-content {
  position: relative;
  overflow: hidden;
}
.seg-basic-popup-wrapper .seg-basic-popup-video-iframe {
  border: none;
  width: 100%;
  height: 450px;
}

@media all and (max-width: 840px) {
  .seg-basic-popup-wrapper .seg-basic-popup {
    width: calc(100% - 40px);
    left: 20px;
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/*
    Home page slider - Top Courses
    IMPORTANT NOTE: Make sure the post id is correct on the class name
*/
#sp-woo-product-slider-pro11195 {
  /*Pagination styles*/
}
#sp-woo-product-slider-pro11195 .slick-list .slick-track .slick-slide .wpsp-product.wpsp-academy-home {
  background: #fff;
  height: 272px;
  border-radius: 6px;
}
#sp-woo-product-slider-pro11195 .slick-list .slick-track .slick-slide .wpsp-product.wpsp-academy-home .wpsp-product-box .product-image img {
  border-radius: 6px;
}
#sp-woo-product-slider-pro11195 .slick-list .slick-track .slick-slide .wpsp-product.wpsp-academy-home .wpsp-product-box .product-details-inner {
  height: 106px;
  padding: 18px;
  position: relative;
}
#sp-woo-product-slider-pro11195 .slick-list .slick-track .slick-slide .wpsp-product.wpsp-academy-home .wpsp-product-box .product-details-inner .product-title {
  color: #666;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
}
#sp-woo-product-slider-pro11195 .slick-list .slick-track .slick-slide .wpsp-product.wpsp-academy-home .wpsp-product-box .product-details-inner .product-title a {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
#sp-woo-product-slider-pro11195 .slick-list .slick-track .slick-slide .wpsp-product.wpsp-academy-home .wpsp-product-box .product-details-inner .product-price {
  display: none;
  color: #666;
  font-weight: normal;
  font-size: 14px;
}
#sp-woo-product-slider-pro11195 .slick-list .slick-track .slick-slide .wpsp-product.wpsp-academy-home .wpsp-product-box .product-details-inner .wpsp-provider-location {
  position: absolute;
  left: 18px;
  bottom: 12px;
  color: #A2A6BB;
}
#sp-woo-product-slider-pro11195 .slick-dots li {
  box-shadow: 0px 0px 0px 1px #afafaf;
  border-radius: 50%;
}
#sp-woo-product-slider-pro11195 .slick-dots li button {
  background-color: transparent !important;
  width: 50% !important;
  height: 50% !important;
  transform: translate(-50%, -50%) !important;
  left: 50% !important;
  top: 50% !important;
  position: relative !important;
}
#sp-woo-product-slider-pro11195 .slick-dots li.slick-active button {
  box-shadow: 0px 0px 0px 5px #707070;
  background-color: #FFFFFF !important;
}

body.device-mobile #sp-woo-product-slider-pro11195 .slick-list .slick-track .slick-slide .wpsp-product.wpsp-academy-home {
  background: #fff;
  height: 272px;
  border-radius: 6px;
}
body.device-mobile #sp-woo-product-slider-pro11195 .slick-list .slick-track .slick-slide .wpsp-product.wpsp-academy-home .wpspro-product-data, body.device-mobile #sp-woo-product-slider-pro11195 .slick-list .slick-track .slick-slide .wpsp-product.wpsp-academy-home .wpsp-product-box {
  height: 100%;
}
body.device-mobile #sp-woo-product-slider-pro11195 .slick-list .slick-track .slick-slide .wpsp-product.wpsp-academy-home .wpsp-product-box .product-image {
  width: 100%;
  max-height: 182px;
  overflow: hidden;
  display: block;
  border-radius: 6px;
}
body.device-mobile #sp-woo-product-slider-pro11195 .slick-list .slick-track .slick-slide .wpsp-product.wpsp-academy-home .wpsp-product-box .product-image img {
  width: 100%;
  height: auto;
}
body.device-mobile #sp-woo-product-slider-pro11195 .slick-list .slick-track .slick-slide .wpsp-product.wpsp-academy-home .wpsp-product-box .product-details {
  height: calc(100% - 182px);
}
body.device-mobile #sp-woo-product-slider-pro11195 .slick-list .slick-track .slick-slide .wpsp-product.wpsp-academy-home .wpsp-product-box .product-details .product-details-inner {
  height: 100%;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

:root {
  --switch-handle-size: 24px;
}

.ac-switch {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.ac-switch .track {
  background: #EEEEEE;
  border: 1px solid #E0E0E0;
  border-radius: 15px;
  height: 30px;
  position: relative;
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 75ms;
  width: 50px;
  will-change: background, border-color;
}
.ac-switch .track .handle {
  background: white;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.2);
  height: 24px;
  left: 3px;
  position: absolute;
  top: 2px;
  transition: all 275ms cubic-bezier(0.4, 0, 0.2, 1);
  width: 24px;
  will-change: left;
}
.ac-switch .track.on {
  background: #0077C6;
  border-color: #0068ad;
}
.ac-switch .track.on .handle {
  left: calc(100% - 27px);
}
.ac-switch > span {
  font-size: 16px;
  margin-left: 20px;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.duoloader {
  width: 24px;
  height: 24px;
  border: 2px solid #0077C6;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.duoloader.white {
  border-color: #ffffff;
  border-bottom-color: transparent;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.global-search-bar {
  width: 100%;
  max-width: 980px;
  background-color: #FFFFFF;
  height: 65px;
  text-align: left;
  margin-top: 46px;
  color: initial;
  align-self: center;
}
.gsb-auto .global-search-bar {
  width: auto;
}
.gsb-border .global-search-bar {
  border: 1px solid #D0D1D2;
  border-radius: 6px;
}
.gsb-border .global-search-bar .gsb-field-wrapper .gsb-button {
  border-radius: 0 6px 6px 0;
}
@media screen and (max-width: 1120px) {
  .global-search-bar {
    width: 620px;
  }
}
.global-search-bar .gsb-field-wrapper {
  position: relative;
  padding: 12px;
}
.global-search-bar .gsb-field-wrapper:last-child {
  padding: 0;
  flex-grow: 1;
}
.global-search-bar .gsb-field-wrapper label {
  font-size: 13px;
  color: #3E3E3E;
  font-weight: bold;
}
.global-search-bar .gsb-field-wrapper .gsb-input-wrapper {
  position: relative;
}
.global-search-bar .gsb-field-wrapper .gsb-input-wrapper:before {
  content: "\e92e";
  font-family: "seg";
  position: absolute;
  right: 0;
}
.global-search-bar .gsb-field-wrapper .gsb-input {
  border: none;
  width: 100%;
  outline: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666666;
  border-right: 12px solid transparent;
  background-color: transparent;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.global-search-bar .gsb-field-wrapper .gsb-input::placeholder {
  color: #666666;
}
.global-search-bar .gsb-field-wrapper .gsb-button {
  border: none;
  width: 100%;
  height: 100%;
  background-color: #D62F61;
  color: #FFFFFF;
  font-size: 19px;
  font-weight: bold;
  border-radius: 0;
  min-width: 100%;
}
.global-search-bar .gsb-field-wrapper:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 36px;
  top: 15px;
  left: 0;
  background-color: #D0D1D2;
}
.global-search-bar .gsb-field-wrapper:last-child:after, .global-search-bar .gsb-field-wrapper:first-child:after {
  content: none;
}

.device-mobile .global-search-bar {
  width: 100%;
  height: auto;
  margin-top: 10px;
}
.device-mobile .global-search-bar .gsb-field-wrapper {
  width: 100%;
}
.device-mobile .global-search-bar .gsb-field-wrapper:after {
  width: calc(100% - 30px);
  height: 1px;
  top: 0;
  left: 15px;
}
.device-mobile .gsb-border .global-search-bar .gsb-field-wrapper .gsb-button {
  border-radius: 0 0 6px 6px;
}
.device-mobile .global-search-description {
  display: none;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.ad-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
.ad-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

[data-expander]:hover {
  cursor: default;
}

[data-expandable] {
  transform: scale(1, 0.4) translateY(-20px);
  transform-origin: top;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
[data-expandable].expanded {
  transform: scale(1, 1) translateY(0);
  transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1) 0.2s, opacity 0.5s cubic-bezier(0, 0, 0.2, 1) 0.2s;
  opacity: 1;
  height: auto;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.seg-html-dropdown {
  display: block;
  position: relative;
  position: relative;
  width: calc(100% - 2px);
  height: 40px;
  margin-bottom: 20px;
  margin-top: 0;
  line-height: 0;
  border: 1px solid #b0b0b0;
  border-radius: 5px;
  text-align: left;
}
.seg-html-dropdown:focus-visible,
.seg-html-dropdown label:focus-visible {
  outline: none;
}
.seg-html-dropdown:hover {
  cursor: pointer;
}
.seg-html-dropdown .dropdown-list-seach-style {
  display: none;
}
.seg-html-dropdown .scroll-wrapper.seg-dropdown-inner.seg-scroll {
  max-height: 480px;
}
.seg-html-dropdown .seg-dropdown-label {
  position: relative;
  z-index: 1;
  font-size: 14px;
  color: #75787b;
  display: block;
  top: 0;
  left: 0;
  font-weight: normal;
  line-height: 20px;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding: 10px;
  transform-origin: left top;
}
.seg-html-dropdown .seg-dropdown-label:focus-visible,
.seg-html-dropdown .seg-dropdown-label label:focus-visible {
  outline: none;
}
.seg-html-dropdown.active .seg-dropdown-menu {
  display: block;
}
.seg-html-dropdown.active .seg-dropdown-label, .seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  transform: scale(0.8) translateX(3px) translateY(-12px);
  color: #0077C6;
}
.seg-html-dropdown.active .seg-mdl-dropdown-arrow::after, .seg-html-dropdown.seg-mdl-completed .seg-mdl-dropdown-arrow::after {
  border-color: #0077C6;
}
.seg-html-dropdown:not(.seg-mdl-completed) .seg-dropdown-select {
  opacity: 0;
}
.seg-html-dropdown .seg-dropdown-select {
  border: none;
  width: calc(100% - 20px);
  position: absolute;
  height: 40px;
  padding: 18px 10px 8px;
  margin: 0;
  bottom: 0;
  background-color: transparent;
  z-index: 4;
  font-size: 14px;
  line-height: 14px;
  color: #75787b;
  left: 0;
  overflow: hidden;
}
.seg-html-dropdown .seg-dropdown-select .seg-mdl-checkbox.checkbox-wrapper {
  display: none;
}
.seg-html-dropdown .seg-dropdown-select .dropdown-list-style {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 133%;
}
.seg-html-dropdown .seg-dropdown-menu {
  display: none;
  max-width: 100%;
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  background-color: #fefefe;
  z-index: 6;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px;
  overflow: hidden;
  transform-origin: top center;
  animation: menu-toggle 0.2s ease-out;
}
.seg-html-dropdown .seg-dropdown-menu .seg-mdl-checkbox.select-option-select-all {
  padding-top: 10px;
}
.seg-html-dropdown .seg-dropdown-menu .dropdown-list-style {
  display: flex;
  padding: 5px 10px;
  min-height: 30px;
  height: auto;
  line-height: 1.2;
  line-height: 20px;
  transition: background-color 0.2s ease, text-shadow 0.2s linear;
}
.seg-html-dropdown .seg-dropdown-menu .dropdown-list-style[data-level="2"] {
  padding-left: 30px;
}
.seg-html-dropdown .seg-dropdown-menu .dropdown-list-style[data-level="3"] {
  padding-left: 60px;
}
.seg-html-dropdown .seg-dropdown-menu .dropdown-list-style[data-level="4"] {
  padding-left: 90px;
}
.seg-html-dropdown .seg-dropdown-menu .seg-mdl-checkbox {
  padding: 5px 0 5px 10px;
  display: none;
}
.seg-html-dropdown .seg-dropdown-menu .seg-mdl-checkbox.seg-mdl-checked .seg-mdl-checkbox-holder::before {
  background-color: #76d136;
  border-color: #76d136;
}
.seg-html-dropdown .seg-dropdown-menu .seg-mdl-checkbox.seg-mdl-checked .seg-mdl-checkbox-holder .seg-mdl-checkbox-tick::after {
  color: #fff;
}
.seg-html-dropdown .seg-dropdown-menu .seg-mdl-checkbox label {
  color: #3e4237;
  padding-right: 0;
}
.seg-html-dropdown .seg-dropdown-menu .seg-mdl-checkbox ~ .dropdown-list-style {
  padding-left: 10px;
  font-size: 14px;
}
.seg-html-dropdown .seg-dropdown-menu .seg-mdl-checkbox ~ .dropdown-list-style[data-level="2"] {
  padding-left: 30px;
}
.seg-html-dropdown .seg-dropdown-menu .seg-mdl-checkbox ~ .dropdown-list-style[data-level="3"] {
  padding-left: 60px;
}
.seg-html-dropdown .seg-dropdown-menu .seg-mdl-checkbox ~ .dropdown-list-style[data-level="4"] {
  padding-left: 90px;
}
.seg-html-dropdown .seg-dropdown-menu .select-option:hover {
  background-color: #efefef;
}
.seg-html-dropdown .seg-dropdown-menu .select-option > *:not(.seg-mdl-checkbox) {
  flex-grow: 1;
}
.seg-html-dropdown .seg-mdl-dropdown-arrow {
  position: absolute;
  top: 16px;
  right: 10px;
  width: 9px;
  height: 9px;
  color: #3e4237;
}
.seg-html-dropdown .seg-mdl-dropdown-arrow::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-left: 1px solid #3e4237;
  border-top: 1px solid #3e4237;
  transition: all 0.2s;
  transform: rotate(-45deg);
}
.seg-html-dropdown.active .seg-mdl-dropdown-arrow::after {
  transform: rotate(-135deg);
}
.seg-html-dropdown .seg-dropdown-inner {
  max-height: 480px;
  overflow-y: auto;
}
.seg-html-dropdown .list-container {
  padding: 0;
  list-style: none;
}
.seg-html-dropdown .list-container li {
  margin: 0;
  display: flex;
  align-items: center;
}
.seg-html-dropdown .list-container li .dropdown-number {
  flex: 0 0 48px;
}
.seg-html-dropdown .dropdown-list-style {
  display: flex;
}
.seg-html-dropdown .dropdown-list-style div {
  padding-right: 4px;
}

.seg-html-dropdown-search {
  width: 100%;
  outline: none;
  height: 30px;
  padding: 5px 10px;
  line-height: 20px;
  border: 0;
  box-shadow: #b0b0b0 0 0 0 1px;
}

@keyframes menu-toggle {
  0% {
    transform: scale(0.75, 0.5);
    opacity: 0;
  }
  25% {
    transform: scale(1, 0.75);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
/* This has to be in this order */
.seg-html-dropdown .dropdown-list-search-style {
  display: none;
}

.seg-html-dropdown.seg-html-dropdown-filter .dropdown-list-search-style {
  display: none;
  font-size: 12px;
  color: #b0b0b0;
  cursor: default;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.welcome-image-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.welcome-image-wrapper .left-side {
  background-color: #69b2dc;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  clip-path: polygon(0 0, 66% 0, 25% 100%, 0 100%);
}
.welcome-image-wrapper .left-side .welcome-image {
  transform-origin: left;
  left: 0;
}
.welcome-image-wrapper .right-side {
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  clip-path: polygon(100% 0, 100% 100%, 25% 100%, 66% 0);
}
.welcome-image-wrapper .right-side .welcome-image {
  left: 0;
}
.welcome-image-wrapper .welcome-image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: auto;
}
.welcome-image-wrapper .welcome-image.height_bias {
  height: 100%;
  width: auto;
}

.welcome-page-content {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px 60px;
  width: 100%;
}
.welcome-page-content > img {
  max-width: 200px;
}
.welcome-page-content .line-wrap {
  shape-outside: polygon(100% 0, 100% 100%, calc(25% + 40px) 100%, calc(66.66% - 40px) 0);
  width: 100%;
  height: calc(100vh - 180px);
  float: right;
  display: block;
}
.welcome-page-content .welcome-copy {
  min-width: 100%;
  max-height: calc(100vh - 120px);
  height: 100%;
}
.welcome-page-content .left-side-copy {
  display: inline;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.welcome-page-content .left-side-copy .welcome-title {
  margin-top: 15vh;
  display: block;
  white-space: nowrap;
  position: relative;
}
.welcome-page-content .left-side-copy .welcome-title h2 {
  font-size: 36px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
.welcome-page-content .left-side-copy .welcome-title span {
  color: #2e6d8e;
}
.welcome-page-content .left-side-copy .welcome-punchline {
  font-size: 32px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: auto;
}
.welcome-page-content .right-side-copy {
  margin: auto 0 40px auto;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.welcome-page-content .right-side-copy p:not(.social-p) {
  color: #333;
  line-height: 1.2;
  font-size: 24px;
  text-align: right;
  min-width: 424px;
}
.welcome-page-content .link-to-site {
  display: inline-flex;
  position: fixed;
  right: 60px;
  bottom: 60px;
}
.welcome-page-content .link-to-site a {
  background-color: #69b2dc;
  border: none;
  color: #fff;
  font-size: 16px;
  height: 50px;
  min-width: 240px;
  padding: 14px 20px 15px;
}
.welcome-page-content .resp-desktop {
  position: absolute;
  bottom: 0;
  left: 60px;
}
.welcome-page-content .social-wrapper {
  height: 40px;
  width: auto;
  min-width: 90px;
  margin: auto 0 40px;
  max-width: 200px;
}

.resp-mobile .social-wrapper {
  display: none;
}

.device-mobile .resp-mobile .social-wrapper {
  display: flex;
  margin: auto 0 10px;
}
.device-mobile .welcome-page-content img {
  display: none;
}
.device-mobile .resp-desktop .social-wrapper {
  display: none;
}
.device-mobile .line-wrap {
  display: none;
}

.device-mobile .left-side {
  clip-path: polygon(0 0, 100% 0, 100% 40vh, 0 calc(100% - 20vh));
}
.device-mobile .right-side {
  clip-path: polygon(100% 40vh, 100% 100%, 0 100%, 0 calc(100% - 20vh));
}
.device-mobile .right-side .welcome-image {
  transform: translate(-35%, -35%);
}
.device-mobile.mobile-landscape .line-wrap {
  shape-outside: polygon(100% 0, 100% 100%, calc(-26% + 80px) 100%, calc(66.66% - 62px) 0);
  width: 55%;
  height: calc(100vh - 80px);
  float: right;
  display: block;
}
.device-mobile.mobile-landscape .left-side {
  clip-path: polygon(0 0, 70% 0, 40% 100%, 0 100%);
}
.device-mobile.mobile-landscape .right-side {
  clip-path: polygon(100% 0, 100% 100%, 40% 100%, 70% 0);
}
.device-mobile.mobile-landscape .welcome-page-content .social-wrapper {
  margin-bottom: 20px;
}
.device-mobile.mobile-landscape .welcome-image-wrapper .right-side img {
  transform: translate(15%, -50%);
}
.device-mobile.mobile-landscape .welcome-page-content .link-to-site {
  display: inline-flex;
  position: fixed;
  right: 20px;
  bottom: 20px;
  transform: translateX(0%);
}
.device-mobile #welcome-page-menu li + li {
  margin-left: 10px;
}
.device-mobile .welcome-page-content {
  padding: 20px;
}
.device-mobile .welcome-page-content #cartMenuWrapper {
  right: 20px;
}
.device-mobile .welcome-page-content .welcome-copy {
  flex-wrap: wrap;
}
.device-mobile .welcome-page-content .left-side-copy {
  flex-basis: 100%;
}
.device-mobile .welcome-page-content .left-side-copy .welcome-title {
  margin-top: 10px;
}
.device-mobile .welcome-page-content .left-side-copy .welcome-title h2 {
  font-size: 24px;
}
.device-mobile .welcome-page-content .left-side-copy .welcome-punchline {
  font-size: 20px;
  line-height: 1.2;
}
.device-mobile .welcome-page-content .link-to-site {
  display: inline-flex;
  position: fixed;
  right: 50%;
  bottom: 60px;
  transform: translateX(50%);
}

.device-tablet .left-side {
  clip-path: polygon(0 0, calc(100% - 250px) 0, 250px 100%, 0 100%);
}
.device-tablet .right-side {
  clip-path: polygon(100% 0, 100% 100%, 250px 100%, calc(100% - 250px) 0);
}
.device-tablet .right-side .welcome-image {
  transform: translate(-25%, -50%);
}
.device-tablet.tablet-landscape .right-side .welcome-image {
  transform: translate(10%, -50%);
}
.device-tablet.tablet-landscape .left-side-copy .welcome-title {
  margin-top: 10px;
}
.device-tablet.tablet-landscape .welcome-page-content .resp-desktop {
  left: 40px;
}
.device-tablet.tablet-landscape .welcome-page-content .social-wrapper {
  margin: auto 0 10px;
}
.device-tablet .welcome-page-content {
  padding: 20px 40px;
}
.device-tablet .welcome-page-content .line-wrap {
  shape-outside: polygon(100% 0, 100% 100%, calc(27% + 40px) 100%, calc(66.66% - 14px) 0);
  width: 100%;
  height: calc(100vh - 90px);
  float: right;
  display: block;
}
.device-tablet .welcome-page-content > img {
  max-width: 110px;
}
.device-tablet .welcome-page-content .left-side-copy .welcome-title h2 {
  font-size: 28px;
}
.device-tablet .welcome-page-content .left-side-copy .welcome-punchline {
  font-size: 28px;
}
.device-tablet .welcome-page-content .right-side-copy .welcome-caption p {
  font-size: 20px;
}

@media all and (max-height: 666px) {
  .device-tablet .welcome-page-content .left-side-copy .welcome-title,
  .device-desktop .welcome-page-content .left-side-copy .welcome-title {
    margin-top: 10px;
  }
  .device-tablet .welcome-page-content .left-side-copy .welcome-punchline,
  .device-desktop .welcome-page-content .left-side-copy .welcome-punchline {
    font-size: 24px;
  }
}
@media all and (max-height: 470px) {
  .device-tablet .welcome-page-content .left-side-copy .welcome-punchline,
  .device-mobile .welcome-page-content .left-side-copy .welcome-punchline {
    font-size: 20px;
    line-height: 1.2;
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.bg-dark-black {
  background-color: #252525;
}

.bg-dark-grey {
  background-color: #3e3e3e;
}

.bg-dark-blue {
  background-color: #121f2f;
}

.bg-light-blue {
  background-color: #166293;
}

.bg-light-grey {
  background-color: #f7f7f7;
}

.clr-white {
  color: #fff;
}

/*.height-650 {
  max-height: 650px;
}*/
.height-460 {
  max-height: 460px;
}

.py-6 {
  padding-block: 4rem;
}

.press-articles-wrapper {
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 90px;
  row-gap: 24px;
  margin-bottom: 2rem;
}
.press-articles-wrapper a {
  height: 21px;
}
.press-articles-wrapper img {
  width: auto;
  height: 21px;
}

.blog-page-title {
  padding-top: 4rem;
}
.blog-page-title h1 {
  margin-top: 0;
  margin-bottom: 18px;
}
@media screen and (max-width: 976px) {
  .blog-page-title h1 {
    font-size: 36px;
  }
}
@media screen and (max-width: 660px) {
  .blog-page-title h1 {
    font-size: 28px;
  }
}
.blog-page-title h3 {
  font-size: 14px;
}

.blogs-wrapper {
  gap: 34px;
  padding-bottom: 4rem;
}
@media screen and (max-width: 976px) {
  .blogs-wrapper {
    gap: 48px;
  }
}
@media screen and (max-width: 660px) {
  .blogs-wrapper {
    gap: 54px;
  }
}

.blog_post {
  width: calc(33.3333333333% - 24px);
}
@media screen and (max-width: 976px) {
  .blog_post {
    width: calc(50% - 24px);
  }
}
@media screen and (max-width: 660px) {
  .blog_post {
    width: 100%;
  }
}
.blog_post .overlay-text {
  color: initial;
  transform: translateY(0);
  padding: 10px;
  background-color: transparent;
  position: relative;
  margin: 0px 20px 25px 20px;
}
.blog_post .overlay-text::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 10px;
  height: calc(100% - 20px);
  width: 1px;
  background-color: #b0b0b0;
}
.blog_post img {
  width: 100%;
}
.blog_post [class^=image-center-crop]:not([class*=__height_bias]) {
  height: 100% !important;
}
.blog_post .blog-publisher-title {
  margin-top: 16px;
  font-size: 18px;
  font-weight: 700;
}
.blog_post .blog_post_title,
.blog_post .blog-post-excerpt {
  font-size: 16px;
}
.blog_post .blog_post_title {
  font-weight: 700;
}
.blog_post .blog-post-excerpt {
  margin-block: 16px;
}
.blog_post .blog-link {
  position: relative;
  font-size: 16px;
  font-weight: 700;
}
.blog_post .blog-link:hover, .blog_post .blog-link:focus {
  color: #fff;
}
.blog_post .link-hover {
  position: relative;
}
.blog_post .link-hover:hover::after, .blog_post .link-hover:focus::after {
  transform: scaleX(1);
  transition: transform 0.3s linear;
}
.blog_post .link-hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 70%;
  border-bottom: 1px solid;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s linear;
}

.news-section .blog-page-title h1 {
  margin-bottom: 25px;
}

.news-wrapper {
  column-gap: 64px;
  row-gap: 50px;
  padding-bottom: 4rem;
}
.news-wrapper .blog_post {
  position: relative;
  width: calc(50% - 32px);
}
@media screen and (max-width: 660px) {
  .news-wrapper .blog_post {
    width: 100%;
  }
}
.news-wrapper .blog_post:nth-of-type(odd)::after {
  content: "";
  position: absolute;
  top: -50px;
  right: -32px;
  height: calc(100% + 50px);
  border-left: 1px solid;
}
@media screen and (max-width: 660px) {
  .news-wrapper .blog_post:nth-of-type(odd)::after {
    content: none;
  }
}
.news-wrapper .blog_post:first-of-type::after {
  top: 0;
  height: 100%;
}
.news-wrapper .blog_post_title {
  margin-top: 0;
}
.news-wrapper .blog-link {
  display: block;
  width: max-content;
  margin-top: 16px;
}

.flex-blog {
  overflow: hidden;
  border: 1px solid #b0b0b0;
  overflow: hidden;
  border-radius: 7px;
  display: flex;
  flex-wrap: wrap;
}
.flex-blog [class^=image-center-crop]:not([class*=__height_bias]) {
  height: 100% !important;
}
.flex-blog .blog_image {
  height: auto;
  width: 100%;
  position: relative;
  display: flex;
}
.flex-blog .blog_image img {
  width: 100%;
  height: auto;
}
.flex-blog .blog_content {
  position: relative;
  max-width: 100%;
  flex: 1 1 50%;
  display: flow-root;
}
.flex-blog .overlay-text {
  color: #333;
}
.flex-blog .blog_post_title {
  margin: -40px 0 0;
  padding: 20px;
  font-size: 32px;
  line-height: 1.2;
  color: #666666;
}

.colour-theme-navy {
  color: #0a2544;
}

.colour-theme-teal {
  color: #00b3a9;
}

.colour-theme-white {
  color: #FFFFFF;
}

.colour-theme-cobalt-grey {
  color: #748599;
}

.colour-theme-orange {
  color: #FFA329;
}

.colour-theme-black {
  color: #000000;
}

.colour-theme-turquoise {
  color: #4f9b93;
}

.theme-teal {
  background-color: #00b3a9;
}

.theme-white {
  background-color: #FFFFFF;
}

.theme-navy {
  background-color: #0a2544;
}

.theme-blue {
  background-color: #1d6a9a;
}

.theme-orange {
  background-color: #FFA329;
}

.theme-turquoise {
  background-color: #4f9b93;
}

.list-theme-teal .numbered-block::before {
  background-color: #00b3a9;
}
.list-theme-teal .numbered-block span:first-child {
  color: #00b3a9;
}

.list-theme-cobalt-grey .numbered-block::before {
  background-color: #748599;
}
.list-theme-cobalt-grey .numbered-block span:first-child {
  color: #748599;
}

:where(.custom-blog-wrapper h1,
.custom-blog-wrapper h2,
.custom-blog-wrapper h3,
.custom-blog-wrapper h4,
.custom-blog-wrapper h5,
.custom-blog-wrapper h6,
.blog-theme-list,
.blog-count-list) {
  margin: 0;
}

:where(.custom-blog-wrapper .blog-theme-list > li) {
  padding: 5px 0 2px;
}

.single-blog_post {
  /*Mile Builder*/
  /*Mile builder end*/
  /*Mile Builder*/
  /*Mile builder end*/
}
.single-blog_post .blog-title {
  font-size: 38px;
  font-weight: 700;
}
.single-blog_post .blog-sub-title {
  font-size: 30px;
  font-weight: 700;
}
.single-blog_post p {
  font-size: 16px;
  line-height: 24px;
}
.single-blog_post .link-text {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.single-blog_post .link-text:hover {
  text-decoration: underline;
}
.single-blog_post .blog_image img {
  width: 100%;
  height: auto;
}
.single-blog_post .blog-list {
  margin-left: 54px;
  padding-left: 0;
  list-style: none;
}
.single-blog_post .blog-list li {
  position: relative;
  font-size: 16px;
}
.single-blog_post .blog-list li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: -54px;
  width: 8px;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 100vh;
}
.single-blog_post .department-nav-btn-wrapper .nav-btn {
  width: calc(33.3333333333% - 1.4rem);
}
.single-blog_post .banner {
  position: relative;
}
.single-blog_post .banner-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.single-blog_post picture {
  display: block;
}
.single-blog_post img {
  height: auto;
  width: 100%;
  display: block;
}
.single-blog_post figure {
  margin: 0;
  position: relative;
}
.single-blog_post figure figcaption {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
}
.single-blog_post p {
  padding-bottom: 20px;
}
.single-blog_post p:empty {
  display: none;
}
.single-blog_post [class*=heading-] {
  line-height: 1.2;
}
.single-blog_post .flex-align-center {
  display: flex;
  align-items: center;
}
.single-blog_post .leading-line {
  position: relative;
  margin-left: 7px;
}
.single-blog_post .leading-line::before {
  content: "";
  position: absolute;
  top: 5px;
  right: calc(100% + 5px);
  height: 50px;
  width: 2px;
  background-color: #0a2544;
}
.single-blog_post .side-by-side {
  display: flex;
}
.single-blog_post .side-by-side > * {
  flex: 1 0 auto;
  display: inline-flex;
}
.single-blog_post .side-by-side .stack {
  display: flex;
  flex-direction: column;
}
.single-blog_post .academy-enquiries {
  position: absolute;
  right: 10px;
  left: unset;
  display: flex;
  flex-direction: column;
}
.single-blog_post .academy-enquiries img {
  /*was provided a black img, using this style to invert colour to white*/
  filter: invert(1);
  max-width: calc(100% - 20px);
  margin: 0 auto 5px;
}
.single-blog_post .crew-member img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
  max-width: 50px;
}
.single-blog_post .blog-count-list {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
}
.single-blog_post .blog-count-list li + li .numbered-block {
  position: relative;
}
.single-blog_post .blog-count-list li + li .numbered-block::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 1px;
}
.single-blog_post .blog-count-list li {
  flex: 1 0 110px;
}
.single-blog_post .blog-count-list .numbered-block {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 110px;
  margin: 0 auto;
  padding: 0 5px;
}
.single-blog_post .blog-count-list .numbered-block span {
  text-align: center;
  font-size: 13px;
}
.single-blog_post .blog-count-list .numbered-block span:first-child {
  font-size: 50px;
  line-height: 1;
}
.single-blog_post .blog-theme-large-list {
  list-style: none;
  padding: 0 0 0 40px;
}
.single-blog_post .blog-theme-large-list li {
  position: relative;
}
.single-blog_post .blog-theme-large-list .list-number {
  font-size: 50px;
  position: absolute;
  right: calc(100% + 30px);
  top: 0;
  line-height: 1;
  width: 10px;
}
.single-blog_post .blog-theme-list {
  list-style: none;
  padding: 0;
}
.single-blog_post .blog-theme-list > li {
  box-shadow: 0px 1px 0 0px #00b3a9;
}
.single-blog_post .blog-check-list {
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
.single-blog_post .blog-check-list > li {
  position: relative;
}
.single-blog_post .blog-check-list > li::before {
  content: "\e92f";
  font-family: seg;
  position: absolute;
  top: 0px;
  right: calc(100% + 5px);
}
.single-blog_post .crew-review-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.single-blog_post .crew-review-list li {
  padding-top: 10px;
  border-bottom: 1px solid #748599;
}
.single-blog_post .crew-review-list li:first-child {
  border-top: 1px solid #748599;
}
.single-blog_post .row-divider {
  position: relative;
}
.single-blog_post .row-divider::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 100%;
  height: 1px;
  background: #748599;
}
.single-blog_post .floating-caption {
  position: absolute;
  top: 20px;
  left: 10px;
  padding: 20px 30px 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 150px;
  clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
}
.single-blog_post .floating-caption + picture {
  margin: 80px 0 10px 20px;
  width: 320px;
}
.single-blog_post .cadet-program {
  display: flex;
  flex-wrap: wrap-reverse;
}
.single-blog_post .cadet-program .img-container {
  position: relative;
  flex: 1 1 340px;
}
.single-blog_post .cadet-program .content-section {
  flex: 1 1 calc(100% - 340px);
}
.single-blog_post .cadet-program p {
  font-size: 10px;
  letter-spacing: 0.025em;
  line-height: 1.2;
  padding: 0 0 10px 20px;
}
.single-blog_post .word-cloud {
  height: 120px;
  width: 100%;
  position: relative;
  font-size: 6px;
}
.single-blog_post .theme-underline-teal {
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.single-blog_post .theme-underline-teal::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: calc(100% - 5px);
  height: 2px;
  background-color: #00b3a9;
}
.single-blog_post .img-fade-top {
  position: relative;
}
.single-blog_post .img-fade-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6), transparent);
}
.single-blog_post .image-grid-3 > picture {
  flex: 1 0 33%;
  max-width: fit-content;
  padding-bottom: 20px;
  padding-right: 20px;
}
.single-blog_post .image-grid-3 .stack {
  flex: 1 0 50%;
}
.single-blog_post .image-grid-3 .stack > picture {
  padding-bottom: 20px;
}
.single-blog_post .click-here-offer > picture {
  flex: 1 1 490px;
}
.single-blog_post .click-here-offer .click-here-caption {
  flex: 1 0 40%;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.single-blog_post .click-here-offer .click-here-caption a {
  position: relative;
}
.single-blog_post .click-here-offer .click-here-caption a:hover {
  color: #ddd;
}
.single-blog_post .recreational-sailor > picture {
  flex: 1 1 450px;
  max-width: fit-content;
}
.single-blog_post .recreational-sailor > .stack {
  flex: 1 0 45%;
}
.single-blog_post .book-now-block a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
}
.single-blog_post .book-now-block a:hover, .single-blog_post .book-now-block a:focus, .single-blog_post .book-now-block a:active {
  color: #ddd;
}
.single-blog_post .mile-builder-contact-us {
  display: flex;
  padding: 0 60px 80px;
}
.single-blog_post .mile-builder-contact-us > .book-now-block {
  flex: 1 0 33%;
}
.single-blog_post .mile-builder-contact-us > .contact-info-list {
  flex: 1 0 66%;
}
.single-blog_post .mile-builder-contact-us .contact-label {
  margin-right: 10px;
  flex-grow: 0;
}
.single-blog_post .mile-builder-contact-us .social-icons {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding: 10px 20px;
  align-items: flex-end;
  height: 100%;
}
.single-blog_post .mile-builder-contact-us .social-icons .social-button {
  height: 30px;
  width: 30px;
  min-width: 30px;
  display: inline-flex;
  margin-left: 10px;
  box-shadow: #000 0 0 0 1px;
  border-radius: 50%;
  color: #000;
  font-size: 18px;
  position: relative;
}
.single-blog_post .mile-builder-contact-us .social-icons .social-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.single-blog_post .resp-wrap {
  display: flex;
  flex-direction: row;
}
.single-blog_post .resp-padding {
  padding: 80px 60px;
}
.single-blog_post .image-content .content {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding-left: 24px;
}
@media screen and (max-width: 752px) {
  .single-blog_post .image-content .content {
    justify-content: center;
    padding-block: 4rem;
  }
}
.single-blog_post .image-content .content h2 {
  max-width: 315px;
  text-align: center;
}
.single-blog_post .banner-image {
  width: 55%;
  min-height: 460px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 752px) {
  .single-blog_post .banner-image {
    width: 100%;
    min-height: 359px;
  }
}
.single-blog_post .banner-image.earn-sea-time {
  background-image: url("https://ephemeris.academy/wp-content/uploads/2023/12/Professional-Training-Banner-1-1620x650-2.png");
}
.single-blog_post .banner-image.miles-needed {
  background-image: url("https://ephemeris.academy/wp-content/uploads/2023/12/Professional-Training-Banner-3-1620x650-2.png");
}
.single-blog_post .banner {
  position: relative;
}
.single-blog_post .banner-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.single-blog_post picture {
  display: block;
}
.single-blog_post img {
  height: auto;
  width: 100%;
  display: block;
}
.single-blog_post figure {
  margin: 0;
  position: relative;
}
.single-blog_post figure figcaption {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
}
.single-blog_post p {
  padding-bottom: 20px;
}
.single-blog_post [class*=heading-] {
  line-height: 1.2;
}
.single-blog_post .flex-align-center {
  display: flex;
  align-items: center;
}
.single-blog_post .leading-line {
  position: relative;
  margin-left: 7px;
}
.single-blog_post .leading-line::before {
  content: "";
  position: absolute;
  top: 5px;
  right: calc(100% + 5px);
  height: 50px;
  width: 2px;
  background-color: #0a2544;
}
.single-blog_post .side-by-side {
  display: flex;
}
.single-blog_post .side-by-side > * {
  flex: 1 0 auto;
  display: inline-flex;
}
.single-blog_post .side-by-side .stack {
  display: flex;
  flex-direction: column;
}
.single-blog_post .academy-enquiries {
  position: absolute;
  right: 10px;
  left: unset;
  display: flex;
  flex-direction: column;
}
.single-blog_post .academy-enquiries img {
  /*was provided a black img, using this style to invert colour to white*/
  filter: invert(1);
  max-width: calc(100% - 20px);
  margin: 0 auto 5px;
}
.single-blog_post .crew-member img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
  max-width: 50px;
}
.single-blog_post .blog-count-list {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
}
.single-blog_post .blog-count-list li + li .numbered-block {
  position: relative;
}
.single-blog_post .blog-count-list li + li .numbered-block::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 1px;
}
.single-blog_post .blog-count-list li {
  flex: 1 0 110px;
}
.single-blog_post .blog-count-list .numbered-block {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 110px;
  margin: 0 auto;
  padding: 0 5px;
}
.single-blog_post .blog-count-list .numbered-block span {
  text-align: center;
  font-size: 13px;
}
.single-blog_post .blog-count-list .numbered-block span:first-child {
  font-size: 50px;
  line-height: 1;
}
.single-blog_post .blog-theme-large-list {
  list-style: none;
  padding: 0 0 0 40px;
}
.single-blog_post .blog-theme-large-list li {
  position: relative;
}
.single-blog_post .blog-theme-large-list .list-number {
  font-size: 50px;
  position: absolute;
  right: calc(100% + 30px);
  top: 0;
  line-height: 1;
  width: 10px;
}
.single-blog_post .blog-theme-list {
  list-style: none;
  padding: 0;
}
.single-blog_post .blog-theme-list > li {
  box-shadow: 0px 1px 0 0px #00b3a9;
}
.single-blog_post .blog-check-list {
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
.single-blog_post .blog-check-list > li {
  position: relative;
}
.single-blog_post .blog-check-list > li::before {
  content: "\e92f";
  font-family: seg;
  position: absolute;
  top: 0px;
  right: calc(100% + 5px);
}
.single-blog_post .crew-review-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.single-blog_post .crew-review-list li {
  padding-top: 10px;
  border-bottom: 1px solid #748599;
}
.single-blog_post .crew-review-list li:first-child {
  border-top: 1px solid #748599;
}
.single-blog_post .row-divider {
  position: relative;
}
.single-blog_post .row-divider::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 100%;
  height: 1px;
  background: #748599;
}
.single-blog_post .floating-caption {
  position: absolute;
  top: 20px;
  left: 10px;
  padding: 20px 30px 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 150px;
  clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
}
.single-blog_post .floating-caption + picture {
  margin: 80px 0 10px 20px;
  width: 320px;
}
.single-blog_post .cadet-program {
  display: flex;
  flex-wrap: wrap-reverse;
}
.single-blog_post .cadet-program .img-container {
  position: relative;
  flex: 1 1 340px;
}
.single-blog_post .cadet-program .content-section {
  flex: 1 1 calc(100% - 340px);
}
.single-blog_post .cadet-program p {
  font-size: 10px;
  letter-spacing: 0.025em;
  line-height: 1.2;
  padding: 0 0 10px 20px;
}
.single-blog_post .word-cloud {
  height: 120px;
  width: 100%;
  position: relative;
  font-size: 6px;
}
.single-blog_post .theme-underline-teal {
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.single-blog_post .theme-underline-teal::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: calc(100% - 5px);
  height: 2px;
  background-color: #00b3a9;
}
.single-blog_post .img-fade-top {
  position: relative;
}
.single-blog_post .img-fade-top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20%;
  background: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6), transparent);
}
.single-blog_post .image-grid-3 > picture {
  flex: 1 0 33%;
  max-width: fit-content;
  padding-bottom: 20px;
  padding-right: 20px;
}
.single-blog_post .image-grid-3 .stack {
  flex: 1 0 50%;
}
.single-blog_post .image-grid-3 .stack > picture {
  padding-bottom: 20px;
}
.single-blog_post .click-here-offer > picture {
  flex: 1 1 490px;
}
.single-blog_post .click-here-offer .click-here-caption {
  flex: 1 0 40%;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.single-blog_post .click-here-offer .click-here-caption a {
  position: relative;
}
.single-blog_post .recreational-sailor > picture {
  flex: 1 1 450px;
  max-width: fit-content;
}
.single-blog_post .recreational-sailor > .stack {
  flex: 1 0 45%;
}
.single-blog_post .book-now-image-container {
  background-image: url("https://ephemeris.academy/wp-content/uploads/2023/12/Professional-Training-Thumbnail-1-980x200-1.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.single-blog_post .book-now-block {
  max-width: 315px;
}
.single-blog_post .book-now-block a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 26px;
  color: #fff;
  font-weight: 700;
}
.single-blog_post .book-now-block a:hover, .single-blog_post .book-now-block a:focus, .single-blog_post .book-now-block a:active {
  color: #ddd;
}
.single-blog_post .mile-builder-contact-us {
  display: flex;
  padding: 0 60px 80px;
}
.single-blog_post .mile-builder-contact-us > .book-now-block {
  flex: 1 0 33%;
}
.single-blog_post .mile-builder-contact-us > .contact-info-list {
  flex: 1 0 66%;
}
.single-blog_post .mile-builder-contact-us .contact-label {
  margin-right: 10px;
  flex-grow: 0;
}
.single-blog_post .mile-builder-contact-us .social-icons {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: end;
  padding: 10px 20px;
  height: 100%;
}
.single-blog_post .mile-builder-contact-us .social-icons .social-button {
  height: 36px;
  width: 36px;
  min-width: 36px;
  display: inline-flex;
  margin-left: 10px;
  box-shadow: inset #000 0 0 0 1px;
  border-radius: 50%;
  color: #000;
  font-size: 18px;
  position: relative;
}
.single-blog_post .mile-builder-contact-us .social-icons .social-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.single-blog_post .resp-wrap {
  display: flex;
  flex-direction: row;
}
.single-blog_post .resp-padding {
  padding: 80px 60px;
}

.device-tablet .resp-wrap {
  flex-direction: column;
}

.device-mobile .custom-blog-wrapper .resp-padding {
  padding: 20px 15px;
}
.device-mobile .custom-blog-wrapper .cadet-program {
  flex-wrap: wrap-reverse;
}
.device-mobile .custom-blog-wrapper .cadet-program .content-section {
  flex: 1 1 100%;
}
.device-mobile .custom-blog-wrapper .cadet-program p {
  font-size: 14px;
  padding: 0 10px 10px;
}
.device-mobile .custom-blog-wrapper .floating-caption + picture {
  width: calc(100% - 30px);
}
.device-mobile .custom-blog-wrapper .mile-builder-contact-us {
  flex-wrap: wrap;
  padding: 20px 15px;
}
.device-mobile .custom-blog-wrapper .mile-builder-contact-us > .book-now-block,
.device-mobile .custom-blog-wrapper .mile-builder-contact-us > .contact-info-list {
  flex-basis: 100%;
}
.device-mobile .resp-wrap {
  flex-direction: column;
}

@media all and (max-width: 960px) {
  .custom-blog-wrapper .blog-count-list {
    flex-direction: column;
  }
  .custom-blog-wrapper .blog-count-list li {
    flex: 1 0 100%;
  }
  .custom-blog-wrapper .blog-count-list li + li .numbered-block::before {
    content: unset;
  }
}
@media all and (max-width: 799px) {
  .custom-blog-wrapper .image-grid-3 > picture {
    flex: 1 0 100%;
    padding: 20px 0;
  }
  .custom-blog-wrapper .image-grid-3 .stack {
    flex-basis: 100%;
  }
  .custom-blog-wrapper .click-here-offer > *,
  .custom-blog-wrapper .click-here-offer > picture,
  .custom-blog-wrapper .click-here-offer > .click-here-caption {
    flex: 1 0 100%;
  }
}
@media all and (max-width: 580px) {
  .custom-blog-wrapper .mobile-br {
    display: none;
  }
  .custom-blog-wrapper .banner-heading {
    width: 100%;
  }
  .custom-blog-wrapper .academy-enquiries a {
    font-size: 11px;
    padding: 0 5px;
  }
}
@media all and (max-width: 580px) {
  .custom-blog-wrapper .mobile-br {
    display: none;
  }
}
@media only screen and (max-width: 799px) {
  .custom-blog-wrapper .side-by-side {
    display: flex;
    flex-wrap: wrap;
  }
}
.virsec-e-learning .resp-padding {
  padding: 80px 0;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.contact-us-wrapper {
  position: relative;
}
.contact-us-wrapper .contact-us-image-holder {
  bottom: 60px;
  left: calc(50% - 245px);
  margin-left: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 60px;
}
.contact-us-wrapper .contact-us-image-holder #contact-us-map {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.contact-us-wrapper .contact-us-image-holder img {
  width: 100%;
  height: auto;
}
.contact-us-wrapper .contact-us-content-holder {
  display: flex;
  height: calc(100% - 120px); /*set the calc reduction to both the top and bottom padding*/
  max-width: calc(100% - 60px);
  min-width: 490px;
  position: relative;
  width: calc(50% + 60px); /*add the right padding to the width allotment*/
  z-index: 1;
}
.contact-us-wrapper .contact-us-content-holder .contact-us-content {
  align-items: flex-start;
  background-color: #F0F0F0;
  display: flex;
  flex-direction: column;
  /* We set the width to full width of parent 
  ---------------minus half the max container------Add right padding---- Minus half the padding to normalise positioning*/
  padding-left: calc(100% - (490px + 60px - 30px));
  width: 100%;
}
.contact-us-wrapper .contact-us-content-holder .contact-us-content .contact-us-label {
  font-weight: bold;
  font-size: 18px;
}
.contact-us-wrapper .contact-us-content-holder .contact-us-content > * {
  padding-left: 20px;
}
.contact-us-wrapper .contact-us-content-holder .contact-us-content > div {
  padding-top: 20px;
}
.contact-us-wrapper .contact-us-content-holder .contact-us-content .contact-us-title {
  margin-top: 0px;
  margin-bottom: 0px;
}
.contact-us-wrapper .contact-us-content-holder .contact-us-content .contact-us-features ul {
  margin: 0 0 0 20px;
  padding: 0;
}
.contact-us-wrapper .contact-us-content-holder .contact-us-content .contact-us-features li {
  position: relative;
  list-style: none;
  display: inline-block;
  padding-bottom: 20px;
}
.contact-us-wrapper .contact-us-content-holder .contact-us-content .contact-us-features li:last-child {
  padding-bottom: 0;
}
.contact-us-wrapper .contact-us-content-holder .contact-us-content .contact-us-features li::before {
  content: "\e929";
  font-family: seg;
  position: absolute;
  top: 1px;
  right: calc(100% + 5px);
  font-size: 16px;
}

#contact-us-map {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.textImage-content {
  align-items: flex-start;
  background-color: #F0F0F0;
  display: flex;
  flex-direction: column;
  /* We set the width to full width of parent 
  ---------------minus half the max container------Add right padding---- Minus half the padding to normalise positioning*/
  padding-left: calc(100% - (490px + 60px - 30px));
  width: 100%;
}
.textImage-content .textImage-label {
  font-weight: bold;
  font-size: 18px;
}
.textImage-content > * {
  padding-left: 20px;
}
.textImage-content > div {
  padding-top: 20px;
}
.textImage-content .contact-us-title {
  margin-top: 0px;
  margin-bottom: 0px;
}
.textImage-content .contact-us-features ul {
  margin: 0 0 0 20px;
  padding: 0;
}
.textImage-content .contact-us-features li {
  position: relative;
  list-style: none;
  display: inline-block;
  padding-bottom: 20px;
}
.textImage-content .contact-us-features li:last-child {
  padding-bottom: 0;
}
.textImage-content .contact-us-features li::before {
  content: "\e929";
  font-family: seg;
  position: absolute;
  top: 1px;
  right: calc(100% + 5px);
  font-size: 16px;
}

.support-form,
.sell-products-form,
.become-partner-form,
.contact-us-form {
  padding-top: 41px;
}
.support-form .form-pre-title,
.sell-products-form .form-pre-title,
.become-partner-form .form-pre-title,
.contact-us-form .form-pre-title {
  text-shadow: 0 0 #666666;
  color: #666666;
  text-align: center;
  font-size: 14px;
}
.support-form .form-title,
.sell-products-form .form-title,
.become-partner-form .form-title,
.contact-us-form .form-title {
  text-align: center;
  padding: 5px 0;
  margin: 0;
  font-size: 32px;
  line-height: 1.2;
  color: #000;
}
.support-form .form-post-title,
.sell-products-form .form-post-title,
.become-partner-form .form-post-title,
.contact-us-form .form-post-title {
  text-align: center;
  font-size: 14px;
  color: #666666;
}
.support-form .form-wrapper,
.sell-products-form .form-wrapper,
.become-partner-form .form-wrapper,
.contact-us-form .form-wrapper {
  padding-top: 60px;
}
.support-form .form-wrapper .form-buttons,
.sell-products-form .form-wrapper .form-buttons,
.become-partner-form .form-wrapper .form-buttons,
.contact-us-form .form-wrapper .form-buttons {
  display: flex;
  justify-content: flex-end;
}
.support-form .form-wrapper .form-buttons .button,
.sell-products-form .form-wrapper .form-buttons .button,
.become-partner-form .form-wrapper .form-buttons .button,
.contact-us-form .form-wrapper .form-buttons .button {
  margin-left: 10px;
}
.support-form .form-wrapper .form-buttons .button.send,
.sell-products-form .form-wrapper .form-buttons .button.send,
.become-partner-form .form-wrapper .form-buttons .button.send,
.contact-us-form .form-wrapper .form-buttons .button.send {
  background: #3E3E3E;
  border: #3E3E3E;
  color: #fff;
}

/*Media query for handling layout shift and responsive shift*/
@media all and (max-width: 1296px) {
  .contact-us-wrapper .contact-us-image-holder img {
    height: 100%;
    width: auto;
  }
}
@media all and (max-width: 600px) {
  .contact-us-wrapper .contact-us-image-holder {
    /*Uses aspectRatioCalc function in abstracts/_functions.scss*/
    bottom: unset;
    display: block;
    height: 56.25vw;
    left: unset;
    margin: 0;
    position: relative;
    right: unset;
    top: unset;
    width: 100%;
  }
  .contact-us-wrapper .contact-us-image-holder picture {
    bottom: unset;
    display: block;
    height: auto;
    left: unset;
    margin: 0;
    position: relative;
    right: unset;
    top: unset;
    width: 100%;
  }
  .contact-us-wrapper .contact-us-image-holder picture img {
    bottom: unset;
    display: block;
    height: auto;
    left: unset;
    margin: 0;
    position: relative;
    right: unset;
    top: unset;
    width: 100%;
  }
  .contact-us-wrapper .contact-us-content-holder {
    min-width: 100%;
    padding: 0;
  }
  .contact-us-wrapper .contact-us-content-holder .contact-us-content {
    padding: 20px;
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

body.affiliate-widget-hidden {
  overflow-x: hidden;
}

.page-home > .container:first-of-type {
  font-size: 18px;
}
.page-home > .container:first-of-type p {
  line-height: 26px;
  margin-bottom: 10px;
}
.page-home .home-partners-wrapper .owl-carousel.owl-theme .owl-dots .owl-dot span {
  border: 1px solid #0077C6;
}
.page-home .home-partners-wrapper .owl-carousel.owl-theme .owl-dots .owl-dot.active span {
  background: #0077C6;
}

body.affiliate-widget-hidden .quick-link-sticky-container {
  padding-inline: 0;
}

.quick-link-sticky-container {
  display: block;
  position: absolute;
  right: 0;
  z-index: 10;
  width: max-content;
  max-width: 265px;
  margin-top: 150px;
  padding: 18px;
  color: #616161;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
  background-color: #EAEAEA;
  border-radius: 7px 0 0 7px;
  transition: transform 0.4s linear;
}
.affiliate-widget-hidden .quick-link-sticky-container {
  display: none;
}
@media screen and (max-width: 1530px) {
  .quick-link-sticky-container {
    max-width: 180px;
    padding: 12px;
    font-size: 14px;
  }
}
@media screen and (max-width: 1300px) {
  .quick-link-sticky-container {
    max-width: 120px;
    padding: 8px;
    font-size: 12px;
  }
}
.quick-link-sticky-container a {
  display: inline-block;
  color: #616161;
}
.quick-link-sticky-container a:hover, .quick-link-sticky-container a:active, .quick-link-sticky-container a:focus {
  color: #616161;
}
.quick-link-sticky-container span {
  display: block;
}
.quick-link-sticky-container .hover-link {
  position: relative;
  width: max-content;
  color: #0077C6;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
}
@media screen and (max-width: 1530px) {
  .quick-link-sticky-container .hover-link {
    font-size: 12px;
  }
}
@media screen and (max-width: 1300px) {
  .quick-link-sticky-container .hover-link {
    font-size: 10px;
  }
}
.quick-link-sticky-container .hover-link:hover {
  color: #FF9E1D;
}
.quick-link-sticky-container .close-widget-btn {
  position: absolute;
  cursor: pointer;
}
.quick-link-sticky-container .close-widget-btn::before {
  content: "X";
  position: absolute;
  top: -30px;
  left: -100%;
  width: max-content;
  padding: 4px 8px;
  transition: all 0.4s linear;
  font-size: 10px;
  background-color: #EAEAEA;
  border-radius: 100vh;
  transform: translateX(calc(-100% - 6px));
  transform-origin: right;
}
@media screen and (max-width: 1200px) {
  .quick-link-sticky-container .close-widget-btn::before {
    top: -18px;
    transform: translateX(-100%);
  }
}
.quick-link-sticky-container.minimised .close-widget-btn::before {
  content: "Affiliates Page";
  border-radius: 100vh 0 0 100vh;
  transition: all 0.4s linear;
}
.quick-link-sticky-container.minimised a {
  width: 0;
  overflow: hidden;
  height: 75px;
}

.quick-link-sticky-position {
  position: absolute;
}

.affiliate-widget-collapsed {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 21px;
  width: 62px;
  height: 62px;
  margin-top: 150px;
  z-index: 10;
  background-color: #0077C6;
  border-radius: 100%;
  cursor: pointer;
}
.affiliate-widget-hidden .affiliate-widget-collapsed {
  display: flex;
}
.affiliate-widget-collapsed img {
  width: 40px;
  height: auto;
  filter: invert(1);
  aspect-ratio: 1/1;
}

.text-framed {
  border: 1px solid #3E3E3E;
  margin-bottom: 50px;
}
.text-framed p:first-child {
  margin-bottom: 10px;
}

.light-grey-background {
  background-color: #F0F0F0;
}

.about-us-title {
  margin-top: 0px;
  margin-bottom: 0px;
  /*TODO :: GH :: added this padding for the home page, need to handle this better when the layout component is complete*/
  padding-top: 20px;
  padding-bottom: 20px;
}

.about-us-features ul {
  margin: 0 0 0 20px;
  padding: 0;
}
.about-us-features li {
  position: relative;
  list-style: none;
  display: inline-block;
  padding-bottom: 20px;
}
.about-us-features li:last-child {
  padding-bottom: 0;
}
.about-us-features li::before {
  content: "\e929";
  font-family: seg;
  position: absolute;
  top: 1px;
  right: calc(100% + 5px);
  font-size: 16px;
}

.home .home-page-heading {
  font-size: 44px;
  line-height: 48px;
  font-weight: 600;
}

.home.device-mobile .home-page-heading {
  font-size: 32px;
  line-height: 38px;
}

/*Media query for handling layout shift and responsive shift*/
@media all and (max-width: 1296px) {
  .about-us-wrapper .about-us-image-holder img {
    height: 100%;
    width: auto;
  }
}
@media all and (max-width: 600px) {
  .about-us-wrapper .about-us-image-holder {
    /*Uses aspectRatioCalc function in abstracts/_functions.scss*/
    bottom: unset;
    display: block;
    height: 56.25vw;
    left: unset;
    margin: 0;
    position: relative;
    right: unset;
    top: unset;
    width: 100%;
  }
  .about-us-wrapper .about-us-image-holder picture {
    bottom: unset;
    display: block;
    height: auto;
    left: unset;
    margin: 0;
    position: relative;
    right: unset;
    top: unset;
    width: 100%;
  }
  .about-us-wrapper .about-us-image-holder picture img {
    bottom: unset;
    display: block;
    height: auto;
    left: unset;
    margin: 0;
    position: relative;
    right: unset;
    top: unset;
    width: 100%;
  }
  .about-us-wrapper .about-us-content-holder {
    min-width: 100%;
    padding: 0;
  }
  .about-us-wrapper .about-us-content-holder .about-us-content {
    padding: 20px;
  }
}
.card-content {
  background: #252525;
  border-radius: 7px;
  color: #e3e3e3;
  display: flex;
  flex-direction: column;
  flex: 1 0 100%;
  height: 100%;
  position: relative;
  text-align: center;
  /*Specificity pot*/
}
.card-content h3 {
  margin: 0;
  font-size: 24px;
}
.card-content p {
  margin: 0;
}
.card-content p:last-of-type {
  padding-bottom: 20px;
}
.card-content.card-content small {
  padding-top: 0;
  font-size: 14px;
}
.card-content.card-content hr {
  width: 100%;
  padding: 0;
}
.card-content.card-content a {
  margin-top: auto;
  padding: 0px 20px;
}
.card-content.card-content a:hover, .card-content.card-content a:focus {
  outline: none;
}
.card-content.card-content a:hover.button, .card-content.card-content a:focus.button {
  background-color: rgba(255, 255, 255, 0.1333333333);
}
.card-content.card-content a.button {
  align-items: center;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
  justify-content: center;
}

.card-content > * + * {
  padding-top: 10px;
}

.home-cadet-decription > * + * {
  padding-top: 10px;
}

.yacht-career-paths img {
  width: 100%;
}

.get-started-wrapper {
  background: #3E3E3E;
  color: #fff;
  margin-bottom: -60px;
  text-align: center;
}
.get-started-wrapper .button {
  margin: 20px 0;
}

.directory-stats-wrapper {
  color: #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.directory-stats-wrapper .about-us-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
}
.directory-stats-wrapper .about-us-img img {
  width: 100%;
  height: auto;
}
.directory-stats-wrapper .directory-stats-tag {
  margin: 0;
}
.directory-stats-wrapper .directory-stats-content {
  position: relative;
}
.directory-stats-wrapper .directory-stats-content a {
  color: #fff;
}
.directory-stats-wrapper .stats {
  position: relative;
}
.directory-stats-wrapper .stats > div + div {
  position: relative;
}
.directory-stats-wrapper .stats > div + div::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: calc(100% - 12px);
  border-left: 1px solid #FFFFFF;
  transform: translateY(-50%);
}

.offering-item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  max-width: calc(33.3333333333% - 16px);
  min-height: 280px;
  padding: 18px;
  color: #FFFFFF;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  z-index: 1;
}
@media screen and (max-width: 820px) {
  .offering-item {
    max-width: calc(50% - 12px);
  }
}
@media screen and (max-width: 600px) {
  .offering-item {
    max-width: unset;
  }
}
.offering-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, var(--gradient-fill) 30%, rgba(38, 50, 78, 0) 100%);
  border-radius: inherit;
  z-index: -1;
}
.offering-item:hover, .offering-item:focus {
  color: #FFFFFF;
}
.offering-item p {
  margin-top: 12px;
  font-weight: 300;
}
.offering-item.course-offerings {
  background-image: url("images/pages/home/course-offerings.png");
  --gradient-fill: rgba(68, 134, 166, 0.9);
}
.offering-item.e-learning {
  background-image: url("images/pages/home/e-learning.png");
  --gradient-fill: rgba(52, 101, 209, 0.9);
}
.offering-item.maritime-books {
  background-image: url("images/pages/home/maritime-books.png");
  --gradient-fill: rgba(232, 118, 60, 0.9);
}
.offering-item.learning-tools {
  background-image: url("images/pages/home/learning-tools.png");
  --gradient-fill: rgba(84, 151, 79, 0.9);
}
.offering-item.career-guides {
  background-image: url("images/pages/home/career-guides.png");
  --gradient-fill: rgba(22, 137, 164, 0.9);
}
.offering-item.doctors-directory {
  background-image: url("images/pages/home/doctors-directory.png");
  --gradient-fill: rgba(72, 146, 139, 0.9);
}
.offering-item.personal-profile {
  background-image: url("images/pages/home/personal-profile.png");
  --gradient-fill: rgba(66, 113, 206, 0.9);
}
.offering-item.cv-builder {
  max-width: calc(66.66% - 8px);
  background-image: url("images/pages/home/cv-builder.png");
}
@media screen and (max-width: 820px) {
  .offering-item.cv-builder {
    max-width: unset;
  }
}
.offering-item.cv-builder .ephemeris-logo {
  width: 48px;
  height: 48px;
  filter: invert(1);
}

.ephemeris-floating-logo {
  filter: invert(1);
  max-width: 48px;
  position: absolute;
  right: 0;
  top: 0;
}

.title-container {
  display: flex;
  position: relative;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 22px;
}
.title-container img {
  width: 40px;
  height: 40px;
}

.ephemeris-floating-logo {
  filter: invert(1);
}

.buttons-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: auto;
}
@media screen and (max-width: 30em) {
  .buttons-container {
    align-items: start;
    flex-direction: column;
  }
}

.app-store-buttons-container {
  display: flex;
  flex-grow: 1;
  margin-top: auto;
}
@media screen and (max-width: 30em) {
  .app-store-buttons-container {
    flex-direction: column;
    margin-block: 12px;
  }
}

.app-store-button {
  max-width: 130px;
  min-width: 100px;
}

.button-link {
  display: flex;
  justify-content: end;
  margin-top: auto;
  font-size: 14px;
  font-weight: bold;
}

img.navigation-arrow {
  width: 100%;
  max-width: 12px;
  filter: invert(1);
  margin-left: 6px;
}
img.navigation-arrow.inverted {
  filter: unset;
}
img.navigation-arrow.primary-blue {
  filter: invert(31%) sepia(100%) saturate(953%) hue-rotate(176deg) brightness(95%) contrast(107%);
}

/*Media query for handling layout shift and responsive shift*/
@media all and (max-width: 767px) {
  .directory-stats-wrapper .about-us-img {
    height: 100%;
  }
  .directory-stats-wrapper .about-us-img img {
    height: 100%;
    width: auto;
  }
  .directory-stats-wrapper .stats > div + div {
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
  }
  .directory-stats-wrapper .stats > div + div::before {
    content: "";
    background-color: #fff;
    top: 0;
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 40px;
  }
  .directory-stats-wrapper .stats > div + div .stat-value {
    border-left: none;
  }
}
.get-started-wrapper {
  position: relative;
  overflow: hidden;
  max-height: 230px;
  margin-top: 48px;
}
.get-started-wrapper .get-started-img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.get-started-wrapper .get-started-img img {
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -45%);
  width: 100%;
}
.get-started-wrapper .get-started-content-split {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.get-started-wrapper .get-started-title {
  flex: 1 1 calc(100% - 280px);
}
.get-started-wrapper .get-started-button {
  flex: 0 0 200px;
  white-space: nowrap;
  padding: 20px 40px;
}
.get-started-wrapper .get-started-button a {
  border-color: #fff;
  padding: 10px 30px;
}

.department-container + .department-container {
  margin-top: 100px;
}
@media screen and (max-width: 45em) {
  .department-container + .department-container {
    margin-top: 48px;
  }
}
.department-container .department-content {
  padding-right: 24px;
}
@media screen and (max-width: 45em) {
  .department-container .department-content {
    padding-right: 0;
  }
}
.department-container.content-reversed {
  flex-direction: row-reverse;
}
.department-container.content-reversed .department-content {
  padding-right: unset;
  padding-left: 24px;
}
@media screen and (max-width: 45em) {
  .department-container.content-reversed .department-content {
    padding-left: 0;
  }
}

.department-content,
.department-img {
  width: 50%;
  align-self: self-start;
}
@media screen and (max-width: 45em) {
  .department-content,
  .department-img {
    width: 100%;
  }
}

@media screen and (max-width: 45em) {
  .department-content .button {
    width: max-content;
    min-width: 160px;
  }
}

.expanding-content *:not(.read-more-button) {
  display: none;
}
.expanding-content.expanded *:not(.read-more-button) {
  display: revert;
}

@media screen and (max-width: 45em) {
  .department-img {
    margin-top: 24px;
  }
}

@media all and (max-width: 480px) {
  .get-started-wrapper .get-started-img img {
    transform: translate(-50%, -50%);
  }
}
@media all and (max-width: 440px) {
  .get-started-wrapper .get-started-img img {
    width: auto;
    height: 100%;
  }
}
.home-partners-wrapper {
  text-align: center;
}

.home-gallery-wrapper {
  text-align: center;
}
.home-gallery-wrapper .home-gallery-text {
  width: 100%;
  max-width: 680px;
  margin: auto;
  margin-bottom: 45px;
}

.device-mobile .header-items .title.outlined-heading {
  font-size: 22px;
}

.header-items {
  margin-inline: auto;
  margin-bottom: 40px;
}
.header-items.full-width {
  max-width: 980px;
}
.header-items .title {
  font-size: 42px;
  line-height: 1;
  margin: 5px;
  font-weight: 600;
}
.header-items .title.outlined-heading {
  margin: 0;
}

.header-items .container_outlined .title {
  transform: translate(-50%, -50%);
  left: 50%;
}

#getStarted .header-items {
  max-width: 830px;
}
#getStarted .header-items p {
  margin-top: 30px;
  color: #666;
}

.cadet-program-wrapper li {
  position: relative;
  list-style: none;
  margin-bottom: 10px;
}
.cadet-program-wrapper li:before {
  content: "\e929";
  font-family: seg;
  position: absolute;
  top: 0px;
  right: calc(100% + 5px);
  font-size: 16px;
}
.cadet-program-wrapper li li {
  margin-bottom: 5px;
}
.cadet-program-wrapper li li:before {
  content: unset;
}
.cadet-program-wrapper li li:first-child {
  margin-top: 10px;
}

.cadet-program-wrapper {
  background: #3E3E3E;
  background: linear-gradient(90deg, #3E3E3E 50%, #F0F0F0 50%, #F0F0F0 70%);
  /*grid overwrites*/
  /*Slick slider style overwrites*/
}
.cadet-program-wrapper .row {
  margin-top: 0;
  margin-bottom: 0;
}
.cadet-program-wrapper .row [class*=col-]:not([class*=padding_]) {
  padding-top: 0;
  padding-bottom: 0;
}
.cadet-program-wrapper .content-wrapper {
  display: flex;
}
.cadet-program-wrapper .info-wrapper,
.cadet-program-wrapper .slider-wrapper {
  display: flex;
  flex-direction: column;
  height: auto;
}
.cadet-program-wrapper .slider-wrapper {
  background-color: #3E3E3E;
}
.cadet-program-wrapper .info-wrapper {
  color: #3E3E3E;
  background-color: #F0F0F0;
}
.cadet-program-wrapper .info-wrapper ul ul li::before {
  content: "\e929";
  font-family: seg;
  position: absolute;
  top: 0px;
  right: calc(100% + 5px);
  font-size: 16px;
}
.cadet-program-wrapper .info-wrapper .p1 {
  padding-bottom: 10px;
}
.cadet-program-wrapper .cadet-card {
  position: relative;
}
.cadet-program-wrapper .cadet-card .button {
  background-color: #3E3E3E;
  color: #fff;
  border: 1px solid #fff;
}
.cadet-program-wrapper .cadet-info-title {
  margin-bottom: 5px;
}
.cadet-program-wrapper .cadet-info-title {
  font-size: 44px;
  line-height: 1;
}
.cadet-program-wrapper .home-cadet-title {
  font-size: 38px;
  line-height: 1;
}
.cadet-program-wrapper .cadet-img-name-container {
  display: flex;
  position: relative;
  align-items: center;
}
.cadet-program-wrapper .cadet-img-name-container .cadet-image {
  max-width: 120px;
  height: auto;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  display: block;
  flex: 1 1 120px;
}
.cadet-program-wrapper .cadet-img-name-container .cadet-image img {
  height: auto;
  width: 100%;
}
.cadet-program-wrapper .cadet-img-name-container .home-cadet-title {
  width: calc(100% - 140px);
  padding: 10px;
  color: #e3e3e3;
  font-weight: normal;
  margin: 0;
  flex: 1 1 100%;
}
.cadet-program-wrapper .home-cadet-decription {
  padding: 20px 0;
  color: #e3e3e3;
}
.cadet-program-wrapper p {
  margin: 0;
}
.cadet-program-wrapper .cadet-info-description {
  padding-bottom: 20px;
}
.cadet-program-wrapper .cadet-program-tag {
  color: #e3e3e3;
}
.cadet-program-wrapper .button {
  margin-top: auto;
  max-width: 150px;
}
.cadet-program-wrapper .cadet-program-content .cadet-card,
.cadet-program-wrapper .cadet-program-content .info-wrapper {
  border: 1px solid transparent;
  display: flex;
  flex: 0 0 50%;
  flex-direction: column;
  max-width: 390px;
  min-height: 400px;
}

.featured-courses-wrapper .section-text-wrapper span {
  font-size: 16px;
  font-weight: 300;
}
.featured-courses-wrapper .section-text-wrapper h3 {
  color: #fff;
}

/* slick slider paging dots*/
.slick-dots button {
  background-color: transparent;
  border-color: #888;
}

.slick-dots li.slick-active button {
  background-color: #fff;
  border: 4px solid #888;
}

.home-featured-wrapper {
  text-align: center;
  position: relative;
}
.home-featured-wrapper .blog-wrapper-img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 80px;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.home-featured-wrapper .blog-wrapper-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.home-featured-wrapper .container {
  position: relative;
}
.home-featured-wrapper .home-featured-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.home-featured-wrapper .home-featured-content .featured-image {
  width: calc(100% - 20px);
  margin: 0 10px;
  display: flex;
  min-width: 120px;
  max-width: calc(163.3333333333px - 40px);
  min-height: 60px;
}
.home-featured-wrapper .home-featured-content .featured-image figure {
  margin: 0px;
}
.home-featured-wrapper .home-featured-content .featured-image .image {
  width: 100%;
  display: flex;
  align-items: center;
}
.home-featured-wrapper .home-featured-content .featured-image img {
  height: auto;
  width: 100%;
}
.home-featured-wrapper .home-blog-item {
  display: flex;
  justify-content: space-around;
  /*article ~ article {
     margin-left: 20px;
  }*/
}
.home-featured-wrapper .home-blog-item article {
  max-width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  text-align: left;
  position: relative;
  border-radius: 7px;
}
@media screen and (max-width: 768px) {
  .home-featured-wrapper .home-blog-item article {
    min-height: unset;
    max-width: 80%;
    aspect-ratio: 3/2;
  }
}
.home-featured-wrapper .home-blog-item article .image-container {
  position: relative;
  aspect-ratio: 3/2;
  overflow: hidden;
  border-radius: 7px;
}
.home-featured-wrapper .home-blog-item article .attachment-full {
  width: auto;
  height: 100%;
  border-radius: 7px;
}
.home-featured-wrapper .home-blog-item article .home-blog-content .home-blog-title,
.home-featured-wrapper .home-blog-item article .home-blog-content .home-blog-date {
  max-width: 430px;
}
@media screen and (max-width: 768px) {
  .home-featured-wrapper .home-blog-item article .home-blog-content .home-blog-title,
  .home-featured-wrapper .home-blog-item article .home-blog-content .home-blog-date {
    font-size: 18px;
  }
}
.home-featured-wrapper .home-blog-item article .blog-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.home-featured-wrapper .home-blog-item article .blog-link:hover .navigation-arrow {
  filter: invert(74%) sepia(46%) saturate(3439%) hue-rotate(168deg) brightness(94%) contrast(89%);
}
.home-featured-wrapper .home-blog-item article .navigation-arrow {
  width: 12px;
  height: 12px;
  filter: invert(28%) sepia(90%) saturate(1466%) hue-rotate(182deg) brightness(97%) contrast(101%);
}

@media all and (max-width: 520px) {
  .home-featured-wrapper .home-blog-item article.home-blog .blog-link img {
    height: 100%;
  }
}
.superyacht-career-guide {
  position: relative;
  min-height: 780px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("images/pages/home/superyach-career-guide-bg.jpg");
}
.superyacht-career-guide::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 0;
}
.superyacht-career-guide .outer-container {
  position: relative;
  z-index: 1;
}
.superyacht-career-guide .outer-container a {
  position: relative;
  height: 48px;
  padding: 15px 20px;
  font-size: 16px;
}
@media screen and (max-width: 45em) {
  .superyacht-career-guide .outer-container a {
    height: auto;
    padding: 12px 20px;
    font-size: 12px;
  }
}
.superyacht-career-guide .outer-container a i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: rotate(-90deg) translateX(50%) translateY(-100%);
}
.superyacht-career-guide .inner-content {
  max-width: 700px;
}
.superyacht-career-guide h2 {
  font-size: 42px;
  line-height: 1.5;
}
@media screen and (max-width: 45em) {
  .superyacht-career-guide h2 {
    font-size: 34px;
    line-height: 1.2;
  }
}
.superyacht-career-guide h3 {
  font-size: 25px;
}
@media screen and (max-width: 45em) {
  .superyacht-career-guide h3 {
    font-size: 20px;
    line-height: 1.1;
  }
}
.superyacht-career-guide ul {
  max-width: 600px;
  font-size: 20px;
  line-height: 1.5;
  list-style: none;
}
@media screen and (max-width: 45em) {
  .superyacht-career-guide ul {
    font-size: 16px;
    line-height: 1;
  }
}
.superyacht-career-guide ul li + li {
  margin-top: 36px;
}
@media screen and (max-width: 45em) {
  .superyacht-career-guide ul li + li {
    margin-top: 28px;
  }
}
.superyacht-career-guide ul i {
  margin-top: 3px;
}
@media screen and (max-width: 45em) {
  .superyacht-career-guide ul i {
    margin-top: 0;
    font-size: 16px;
  }
}
.superyacht-career-guide .buttons-container {
  gap: 1rem;
}
@media screen and (max-width: 45em) {
  .superyacht-career-guide .buttons-container {
    gap: 0.5rem;
  }
}
.superyacht-career-guide a.button:focus, .superyacht-career-guide a.button:active {
  color: #FFFFFF;
}
@media screen and (max-width: 45em) {
  .superyacht-career-guide a.button {
    margin-top: -2px;
  }
}

/*Media query for handling layout shift and responsive shift*/
.device-mobile .cadet-program-wrapper .cadet-info-title,
.device-mobile .cadet-program-wrapper .home-cadet-title {
  font-size: 30px;
}
.device-mobile .home-featured-wrapper .blog-wrapper-img img {
  width: auto;
  height: 100%;
}
.device-mobile .home-featured-wrapper .home-blog-item article img {
  width: 100%;
  height: auto;
}
.device-mobile .home-featured-wrapper .home-featured-content .featured-image figure {
  margin: 0px;
}
.device-mobile .home-featured-wrapper .home-featured-content .featured-image .image {
  width: 100%;
  display: flex;
  align-items: center;
}
.device-mobile .home-featured-wrapper .home-featured-content .featured-image img {
  height: auto;
  width: 100%;
}
.device-mobile .home-featured-wrapper .home-blog-item article + article {
  display: none;
}

.featured-courses-wrapper {
  max-width: 980px;
  margin-left: -30px;
  margin-right: -30px;
}
.featured-courses-wrapper .premium_spacer {
  height: 100%;
}
.featured-courses-wrapper .premium_spacer > a {
  height: 100%;
}
.featured-courses-wrapper .premium_spacer .product-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.featured-courses-wrapper .home-special-item.no-data {
  display: flex;
  justify-content: center;
  align-items: center;
}
.featured-courses-wrapper .home-special-item.no-data .note-text {
  color: #b0b0b0;
  font-family: inherit;
}
.featured-courses-wrapper .note-wrapper {
  color: #b0b0b0;
  text-align: center;
}
.featured-courses-wrapper .note-wrapper .note-title {
  display: block;
}
.featured-courses-wrapper .section-text-wrapper .home-page-heading {
  font-size: 44px;
  line-height: 1;
  margin-top: 20px;
  text-align: center;
  font-weight: 300;
}
.featured-courses-wrapper .card {
  overflow: hidden;
  max-width: 228px;
}
.featured-courses-wrapper .card .item-media {
  min-height: 182px;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.featured-courses-wrapper .card .item-media picture {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}
.featured-courses-wrapper .card .item-media picture img {
  height: auto;
  width: 100%;
}
.featured-courses-wrapper .card .item-title {
  padding: 18px 18px;
  font-size: 16px;
  color: #000000;
}
.featured-courses-wrapper .card .item-location {
  padding: 12px 18px;
  color: #A2A6BB;
}
.featured-courses-wrapper .section-buttons-wrapper {
  padding-top: 36px;
  padding-bottom: 0px;
}
.featured-courses-wrapper .section-buttons-wrapper .button {
  font-weight: 600;
  font-family: "Public Sans", serif;
  text-transform: none;
  font-size: 16px;
  height: 48px;
  padding: 16px 20px 11px;
}
@media screen and (max-width: 420px) {
  .featured-courses-wrapper .section-buttons-wrapper .button {
    padding: 12px 8px 11px;
    font-size: 14px;
  }
}

@media screen and (max-width: 541px) {
  .featured-courses-wrapper .section-text-wrapper .home-page-heading {
    text-align: center;
  }
  .featured-courses-wrapper .slider.section-slider-wrapper.home-featured-course-slider {
    display: flex;
    justify-content: center;
  }
}
.home-featured-course-slider .centered-cols {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.home-featured-course-slider .centered-cols .active .premium_spacer {
  box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);
  background: #FFF;
  padding: 0px;
  height: 260px;
  border-radius: 5px;
  overflow: hidden;
}
.home-featured-course-slider p {
  padding-inline: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.premium_product_title {
  height: auto;
  min-height: 40px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: -5px;
  font-size: 16px;
}

.premium_product_location {
  color: #0595FF;
  text-decoration: none;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% + 3px);
  height: 32px;
}
.premium_product_location::before {
  content: "\e911";
  font-family: "seg" !important;
  padding-right: 2px;
  display: inline;
  font-size: 12px;
}

.premium_product_provider {
  color: #000000;
  font-family: "Public Sans", serif;
  margin-top: auto;
}

.premium_product_image {
  align-self: center;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.product-card {
  background-color: #FFFFFF;
  text-align: center;
  border-radius: 7px;
  overflow: hidden;
}
.product-card p {
  text-align: start;
}

.works-title {
  text-align: center;
  font-weight: 500 !important;
}

.premium_cost {
  color: #0595FF;
  font-weight: 600;
}

.premium_product_image_wrapper {
  width: 100%;
  /*height: 134px;*/
  aspect-ratio: 3/2;
  margin-bottom: 10px;
  overflow: hidden;
}

/*.featured-courses-wrapper {
   .product-card::after {
      padding-left: 7px;
      content: "Promoted";
      display: inline-block;
      padding-right: 7px;
      position: absolute;
      left: 7px;
      top: 7px;
      background-color: #0077C6;
      border-radius: 3px;
      color: #ffffff;
      line-height: 24px;
      font-size: 12px;
   }
}*/
.single-segcg_path .featured-courses-grey-container {
  margin-bottom: -20px;
}

@media screen and (max-width: 1000px) {
  .featured-courses-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
  .featured-courses-wrapper .owl-dots {
    display: none;
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.circle-nav-wrapper {
  position: relative;
  /*!!! NB:this element determines the radius we are going to be using for the dial and the slider !!!*/
}
.circle-nav-wrapper .circle-tabs-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding: 5px 10px;
  min-height: 60px;
  position: relative;
}
.circle-nav-wrapper .circle-tabs-wrapper .circle-tab {
  flex: 0 0 calc(30% - 20px);
  border: 2px solid #3E3E3E;
  min-width: 200px;
  max-width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
  height: 100%;
  color: #3E3E3E;
  min-height: 50px;
  margin-bottom: 20px;
  font-weight: 600;
}
.circle-nav-wrapper .circle-tabs-wrapper .circle-tab.active, .circle-nav-wrapper .circle-tabs-wrapper .circle-tab:hover {
  color: #fff;
  background-color: #3E3E3E;
}
.circle-nav-wrapper .circle-nav-title-wrapper {
  height: 24px;
  position: relative;
  padding: 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.circle-nav-wrapper .circle-nav-title-wrapper .circle-nav-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
}
.circle-nav-wrapper .dial-radius-hook {
  width: 25%;
  height: 5px;
}
.circle-nav-wrapper .orbital-wrapper {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  /*contains the rotating external circle*/
}
.circle-nav-wrapper .orbital-wrapper .dial-outer {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: inset(0 0 50% 0);
}
.circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  /*This is the element that rotates*/
}
.circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover::before, .circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 30%;
  z-index: 2;
}
.circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover::before {
  left: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0) 100%);
}
.circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover::after {
  right: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0) 100%);
}
.circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover .dial-items-wrapper {
  height: 100%;
  margin: 10px auto;
  border: 1px solid #000;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  transform-origin: center;
  position: absolute;
  top: 20px;
  z-index: 1;
  left: 50%;
}
.circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover .dial-items-wrapper .item {
  width: 100px;
  height: 100px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  background: #fff;
  transition: transform 0.5s;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1em;
  font-size: 0.8em;
  border: 2px solid #000;
  padding: 0 5px;
  font-weight: 600;
}
.circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover .dial-items-wrapper .item.active {
  background-color: #3E3E3E;
  color: #fff;
}
.circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover .dial-items-wrapper .item.hide {
  display: none;
}
.circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover .dial-items-wrapper .item:hover {
  background-color: #656565;
  z-index: 3;
  cursor: pointer;
  color: #fff;
}
.circle-nav-wrapper .orbital-wrapper .dial-slider {
  margin-top: -50%;
  padding-top: 12%;
  /*This is the round slider plugin*/
  /*Center info circle*/
}
.circle-nav-wrapper .orbital-wrapper .dial-slider #slider {
  margin: 0 auto;
  position: relative;
  z-index: 2;
  /*slider handle and track styles*/
}
.circle-nav-wrapper .orbital-wrapper .dial-slider #slider .rs-range-color {
  background-color: #006fff;
}
.circle-nav-wrapper .orbital-wrapper .dial-slider #slider .rs-path-color {
  background-color: #f8f8f8;
}
.circle-nav-wrapper .orbital-wrapper .dial-slider #slider .rs-handle {
  background-color: #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.3);
}
.circle-nav-wrapper .orbital-wrapper .dial-slider #slider .rs-handle.rs-focus:not(.rs-move) {
  box-shadow: 1px 0px 7px rgba(0, 0, 0, 0.4);
  cursor: move;
}
.circle-nav-wrapper .orbital-wrapper .dial-slider #slider .rs-handle::after {
  content: "";
  background-color: #006fff;
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
}
.circle-nav-wrapper .orbital-wrapper .dial-slider #slider .rs-border {
  border-color: transparent;
}
.circle-nav-wrapper .orbital-wrapper .dial-slider #slider.rs-animation .rs-transition {
  transition-timing-function: cubic-bezier(1, -0.1, 0.405, 1.1);
}
.circle-nav-wrapper .orbital-wrapper .dial-slider .junior-label,
.circle-nav-wrapper .orbital-wrapper .dial-slider .senior-label {
  transition: opacity 0.3s ease;
  line-height: 1;
  font-size: 12px;
  z-index: 1;
  text-align: center;
  color: #d8d8d8;
  position: absolute;
}
.circle-nav-wrapper .orbital-wrapper .dial-slider .junior-label {
  left: 0;
}
.circle-nav-wrapper .orbital-wrapper .dial-slider .senior-label {
  right: 0;
}
.circle-nav-wrapper .orbital-wrapper .dial-slider .slider-label {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s linear;
  will-change: contents;
  display: none;
}
.circle-nav-wrapper .orbital-wrapper .dial-slider .slider-label span {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  color: rgb(34, 104, 188);
  line-height: 1;
}
.circle-nav-wrapper .orbital-wrapper .dial-slider .slider-label svg {
  transform: translateY(-50%);
}
.circle-nav-wrapper .orbital-wrapper .dial-slider .info-section {
  background: #fff;
  color: #3E3E3E;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-direction: column;
  border: 1px solid #3E3E3E;
  position: relative;
  width: 80%;
  height: 80%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 10%;
}
.circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0px 10px;
  /*dial center initial state start*/
  /*dial center initial state end*/
}
.circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .pre-title {
  color: #888;
  width: 50%;
  position: relative;
  transform: translateY(-400%);
}
.circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .main-title {
  width: 80%;
  position: relative;
}
.circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .post-title {
  color: #888;
  width: 25%;
  position: relative;
  transform: translateY(400%);
}
.circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .info-title {
  font-size: 50px;
  position: relative;
  padding-top: 5px;
  text-align: center;
}
.circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .info-skills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 40px;
  padding-top: 5px;
}
.circle-nav-wrapper .info-details {
  border: 1px solid #3E3E3E;
  border-radius: 7px;
  padding: 20px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: none;
}
.circle-nav-wrapper .info-details::before {
  content: "";
  height: 40px;
  position: absolute;
  border: 1px dashed #3E3E3E;
  top: -44px;
  left: 50%;
  transform: translateX(-50%);
}
.circle-nav-wrapper .info-details .info-details-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.circle-nav-wrapper .info-details .info-details-inner a {
  background: #3E3E3E;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  min-width: 150px;
  height: 40px;
  padding: 9px 20px 10px;
  position: relative;
}
.circle-nav-wrapper .info-details .details-title {
  font-size: 30px;
  margin-bottom: 10px;
  text-align: center;
}
.circle-nav-wrapper .info-details .details-description {
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.circle-nav-wrapper.active .orbital-wrapper .dial-slider .info-section {
  background: #3E3E3E;
  color: #fff;
}
.circle-nav-wrapper.active .orbital-wrapper .dial-slider .slider-label {
  display: block;
}
.circle-nav-wrapper.active .info-details {
  display: block;
}
.circle-nav-wrapper:not(.active) .orbital-wrapper {
  pointer-events: none;
}

@media only screen and (max-width: 600px) {
  /*Big smartphones [426px -> 600px]*/
  .orbital-wrapper .dial-slider .slider-label svg path {
    stroke-width: 0.7px !important;
  }
  .info-section .info-title {
    font-size: 40px;
    font-size: 40px;
  }
  .circle-nav-wrapper .dial-radius-hook {
    width: 40%;
    height: 5px;
  }
  .circle-tabs-wrapper {
    flex-direction: column;
  }
  .circle-tab {
    margin-top: 15px;
    width: calc(100% - 20px);
  }
  .circle-tab:first-of-type {
    margin-top: 0;
  }
}
@media only screen and (max-width: 375px) {
  .orbital-wrapper .dial-slider .slider-label svg path {
    stroke-width: 0.5px !important;
  }
  .circle-nav-wrapper .dial-radius-hook {
    width: 48%;
    height: 5px;
  }
  .circle-tabs-wrapper {
    flex-direction: column;
  }
  .circle-tab {
    margin-top: 15px;
    width: calc(100% - 20px);
  }
  .circle-tab:first-of-type {
    margin-top: 0;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .senior-label,
  .circle-nav-wrapper .orbital-wrapper .dial-slider .junior-label {
    font-size: 10px;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .junior-label {
    transform: translate(8px, -18px);
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .senior-label {
    transform: translate(-8px, -18px);
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .info-title {
    font-size: 22px;
    line-height: 22px;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .info-skills {
    font-size: 11px;
    line-height: 14px;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover::before,
  .circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover::after {
    width: 18%;
  }
  .circle-nav-wrapper .info-details .info-details-inner .details-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 375px) {
  .orbital-wrapper .dial-slider .slider-label svg path {
    stroke-width: 0.5px !important;
  }
  .circle-nav-wrapper .dial-radius-hook {
    width: 48%;
    height: 5px;
  }
  .circle-tabs-wrapper {
    flex-direction: column;
  }
  .circle-tab {
    margin-top: 15px;
    width: calc(100% - 20px);
  }
  .circle-tab:first-of-type {
    margin-top: 0;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .senior-label,
  .circle-nav-wrapper .orbital-wrapper .dial-slider .junior-label {
    font-size: 10px;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .junior-label {
    transform: translate(8px, -18px);
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .senior-label {
    transform: translate(-8px, -18px);
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .info-title {
    font-size: 22px;
    line-height: 22px;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .info-skills {
    font-size: 12px;
    line-height: 18px;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover::before,
  .circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover::after {
    width: 10%;
  }
  .circle-nav-wrapper .info-details .info-details-inner .details-title {
    font-size: 20px;
  }
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 432px) {
  .info-section .info-title {
    font-size: 40px;
  }
  .orbital-wrapper .dial-slider .slider-label svg path {
    stroke-width: 0.6px !important;
  }
  .circle-nav-wrapper .dial-radius-hook {
    width: 40%;
    height: 5px;
  }
  .circle-tabs-wrapper {
    flex-direction: column;
  }
  .circle-tab {
    margin-top: 15px;
    width: calc(100% - 20px);
  }
  .circle-tab:first-of-type {
    margin-top: 0;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .senior-label,
  .circle-nav-wrapper .orbital-wrapper .dial-slider .junior-label {
    font-size: 10px;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .info-title {
    font-size: 22px;
    line-height: 22px;
    max-width: 80%;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .circle-nav-wrapper .circle-tabs-wrapper {
    flex-direction: row;
  }
  .circle-nav-wrapper .circle-tabs-wrapper .circle-tab {
    margin-top: 0;
    width: auto;
    min-width: 30%;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover:before, .circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover:after {
    width: 30%;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .senior-label,
  .circle-nav-wrapper .orbital-wrapper .dial-slider .junior-label {
    transform: none;
    font-size: 11px;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .info-title {
    font-size: 22px;
    line-height: 22px;
    max-width: 80%;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .slider-label span {
    font-size: 12px;
    transform: translateX(8px);
  }
  .circle-nav-wrapper .dial-radius-hook {
    /*!!! NB:this element determines the radius we are going to be using for the dial and the slider !!!*/
    width: 30%;
    height: 5px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .circle-nav-wrapper .circle-tabs-wrapper {
    flex-direction: row;
  }
  .circle-nav-wrapper .circle-tabs-wrapper .circle-tab {
    margin-top: 0;
    width: auto;
    min-width: 20%;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .slider-label svg path {
    stroke-width: 2px !important;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-outer .gradient_cover .dial-items-wrapper .item {
    padding: 0 5px;
    line-height: 14px;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .senior-label,
  .circle-nav-wrapper .orbital-wrapper .dial-slider .junior-label {
    font-size: 12px;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .junior-label {
    transform: none;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .senior-label {
    transform: none;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .info-title {
    font-size: 22px;
    line-height: 22px;
    max-width: 80%;
  }
  .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .info-skills {
    font-size: 14px;
    line-height: 20px;
  }
  .circle-nav-wrapper .info-details .info-details-inner .details-title {
    font-size: 30px;
  }
  .circle-nav-wrapper .dial-radius-hook {
    /*!!! NB:this element determines the radius we are going to be using for the dial and the slider !!!*/
    width: 25%;
    height: 5px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
/*#main-container {
    box-shadow: $table-grey 0 1px 1px 1px, rgba(0, 0, 0, 0.1) 0px 0px 10px;
    border-radius: 7px;
}*/
.table-row {
  display: flex;
  position: relative;
}
.table-row + .table-row::before {
  background-color: rgba(46, 91, 255, 0.0784313725);
  /*content: "";*/
  height: 1px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
}
.table-row + .table-row:nth-of-type(2n)::after {
  content: "";
  position: absolute;
  background-color: #EAEAEA;
  top: 0;
  bottom: 0;
  left: 12px;
  right: 12px;
}

.row-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 100px;
}
.row-item:first-child {
  flex: 2 0 150px;
  justify-content: flex-start;
  font-weight: 600;
}

.table-header {
  background-color: #FFFFFF;
  border-radius: 3px;
}

.table-header {
  color: #9E9E9E;
  /*&.open {
     border-radius: 4px 4px 0 0;
     background-color: clr("primary", 200);
     color: clr("neutral", 100);

     > div {
        color: clr("neutral", 100);
     }
  }*/
}
.table-header > div {
  color: #3E3E3E;
}
.table-header.no-chevron::before {
  content: "";
}

.table {
  margin-bottom: 0;
  border: 1px solid #BDBDBD;
  border-radius: 4px;
}
.table.open {
  border: 1px solid #0077C6;
}
.table.open .table-header {
  border-radius: 4px 4px 0 0;
  background-color: #0077C6;
  color: #FFFFFF;
}
.table.open .table-header::before {
  transform: translateY(-50%) scale(-1, -1);
}
.table.open .table-header > div {
  color: #FFFFFF;
}
.table.open .table-body {
  display: block;
}
.table + .table {
  margin-top: 12px;
}
.table:last-child {
  overflow: hidden;
}

.btn-items {
  margin: 30px auto;
  display: flex;
  justify-content: center;
}
.btn-items .button {
  border-color: #0077C6;
  color: #0077C6;
  margin: 0 15px;
  min-width: 120px;
  background-color: transparent;
}

.table-row.main.measurement-values::after {
  align-items: center;
  border: 1px solid;
  border-radius: 50%;
  content: "\e92e";
  display: flex;
  font-family: "seg";
  font-size: 14px;
  height: 20px;
  justify-content: center;
  line-height: 1;
  padding: 0px 0px 0px 1px;
  position: absolute;
  top: 50%;
  cursor: pointer;
  z-index: 22;
  width: 20px;
  font-weight: normal;
}

.table-row.main.measurement-values::after {
  transform: translateY(-50%) scale(1, 1) rotate(-90deg);
  right: 20px;
}

.table-row.main.measurement-values.last::after {
  transform: translateY(-50%) scale(1, 1) rotate(90deg);
}

.table .table-header > div,
.measurement-values .row-item {
  font-weight: 600;
  padding: 10px 20px;
  position: relative;
}

.row-item {
  padding: 10px 20px;
  position: relative;
  z-index: 1;
}

.table-row .row-item + .row-item::before {
  top: 50%;
  height: 45%;
  transform: translateY(-50%);
}

.table-body .table-row .row-item + .row-item::before {
  top: 0;
  height: 100%;
  transform: translateY(0);
}

.row-item + .row-item::before,
.table .table-header > div + div::before {
  background-color: #c8c8c8;
  content: "";
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 1px;
}

.table-header {
  position: relative;
  /* &.open {
      &::before {
         transform: translateY(-50%) scale(-1, -1);
      }
   }*/
}
.table-header::before {
  align-items: center;
  border: 1px solid;
  border-radius: 50%;
  content: "\e92e";
  display: flex;
  font-family: "seg";
  font-size: 14px;
  height: 20px;
  justify-content: center;
  line-height: 1;
  padding: 0px 0px 0px 1px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) scale(1, 1);
  width: 20px;
}
.table-header:hover {
  cursor: pointer;
}

.table-body {
  background-color: #FFFFFF;
  padding-bottom: 18px;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
  display: none;
}

#length-slider {
  width: 100%;
}

#slider-label {
  position: absolute;
  background-color: #3e3e3e;
  color: white;
  transform: translate(-50%);
}

#table-slider {
  -webkit-appearance: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 10px;
  outline: none;
  background: #fff;
  height: 20px;
  margin: 0 20px;
  width: calc(100% - 40px);
  margin-bottom: 15px;
}
#table-slider .ui-widget-header {
  background: #3e3e3e 50% 50% repeat-x;
  border-radius: inherit;
}
#table-slider .ui-slider-handle.ui-state-default.ui-corner-all {
  background: #3e3e3e;
  cursor: pointer;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 5px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  outline: none;
  top: 50%;
  transform: translateY(-50%);
}
#table-slider .ui-slider-tooltip {
  padding: 5px;
  background: #3e3e3e;
  border-radius: 5px;
  color: #fff;
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  transform: translateX(-50%);
  font-size: 16px !important;
}
#table-slider .ui-slider-tooltip::before {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  bottom: calc(100% - 5px);
  left: 50%;
  transform: translateX(-50%) rotate(45deg) skew(10deg, 10deg);
  background: #3e3e3e;
}

.table-row.main {
  background-color: #EAEAEA;
  margin-bottom: 12px;
  font-weight: bold;
  border-radius: 3px;
}

#mainHeader {
  display: none;
}

#lengthSlider {
  -webkit-appearance: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  border-radius: 10px;
  height: 15px;
  outline: none;
  width: 100%;
  background: #fff;
}
#lengthSlider:hover {
  opacity: 1;
}
#lengthSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #3E3E3E;
  cursor: pointer;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 5px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
}
#lengthSlider::-moz-range-thumb {
  background: #3E3E3E;
  cursor: pointer;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 5px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
}

.measurement-values .length,
.currency-values .currency {
  display: none;
}

.currency-btn > span,
.measurement-btn > span {
  font-weight: bold;
}

[data-measurement=metric] ~ div .measurement-values .length:first-child {
  display: inline;
}
[data-measurement=metric] .measurement-btn > span:nth-child(2) {
  color: #919191;
  font-weight: 400;
}

[data-measurement=imperial] ~ div .measurement-values .length:last-child {
  display: inline-flex;
  flex-wrap: wrap;
}
[data-measurement=imperial] .measurement-btn > span:first-child {
  color: #919191;
  font-weight: 400;
}

[data-currency=euro] ~ #main-container .currency-values .currency:first-child {
  display: inline-flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 420px) {
  [data-currency=euro] ~ #main-container .currency-values .currency:first-child {
    flex-direction: column;
    align-items: start;
    justify-content: start;
    width: 100%;
    padding-left: 12px;
  }
}
[data-currency=euro] .currency-btn > span:nth-child(2) {
  color: #919191;
  font-weight: 400;
}

[data-currency=dollar] ~ #main-container .currency-values .currency:last-child {
  display: inline;
}
[data-currency=dollar] .currency-btn > span:first-child {
  color: #919191;
  font-weight: 400;
}

@media screen and (max-width: 600px) {
  #mainHeader {
    background-color: #0077C6;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    box-shadow: #3e3e3e 0px 4px 1px 1px, rgba(0, 0, 0, 0.1) 0px 0px 10px;
    color: #fff;
    display: block;
    padding-bottom: 40px;
    padding-top: 10px;
    text-align: center;
  }
  #mainHeader .min-max-yacht-lenght div {
    text-align: left;
    font-size: larger;
  }
  #mainHeader .min-max-yacht-lenght div:nth-child(2) {
    text-align: right;
  }
  .table-row {
    display: flex;
  }
  .table-row .row-item {
    display: none;
  }
  #main-container.active-col-1 .table-row .row-item:nth-child(2) {
    display: flex;
    padding-inline: 0;
  }
  #main-container.active-col-2 .table-row .row-item:nth-child(3) {
    display: flex;
  }
  #main-container.active-col-3 .table-row .row-item:nth-child(4) {
    display: flex;
  }
  #main-container.active-col-4 .table-row .row-item:nth-child(5) {
    display: flex;
  }
  #main-container.active-col-5 .table-row .row-item:nth-child(6) {
    display: flex;
  }
  #main-container.active-col-6 .table-row .row-item:nth-child(7) {
    display: flex;
  }
  #main-container.active-col-7 .table-row .row-item:nth-child(8) {
    display: flex;
  }
  #main-container.active-col-8 .table-row .row-item:nth-child(9) {
    display: flex;
  }
  .table-row .row-item:nth-child(1) {
    display: flex;
  }
  .table-row.main {
    display: none;
  }
}
.last-group {
  display: none;
}

.first-group.hide {
  display: none;
}

.last-group.show {
  display: flex;
}

div.table-row .row-item:first-child {
  font-weight: 600;
}

.table-row:nth-child(1) {
  animation-duration: 0.3s;
}

.table-row:nth-child(2) {
  animation-duration: 0.4s;
}

.table-row:nth-child(3) {
  animation-duration: 0.5s;
}

.table-row:nth-child(4) {
  animation-duration: 0.6s;
}

.table-row:nth-child(5) {
  animation-duration: 0.7s;
}

.table-row:nth-child(6) {
  animation-duration: 0.8s;
}

.table-row:nth-child(7) {
  animation-duration: 0.9s;
}

.table-row:nth-child(8) {
  animation-duration: 1s;
}

.table-row:nth-child(9) {
  animation-duration: 1.1s;
}

/**
    Example of use:
    @include _cascadingListWithTransition(".selector", 5, "fade");
*/
/*Supports
    fade
    small-bounce
    bounce
    stretch-down
    stretch-right
    drop-in
*/
.table-row {
  animation: transition-in_drop-in;
  animation-duration: 0.2s;
}

@keyframes transition-in_drop-in {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  90% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

#map-listing-wrapper {
  bottom: 0;
  display: inline-block;
  left: 18px;
  margin-bottom: 15px;
  overflow: visible;
  position: absolute;
  width: auto;
  margin-inline: 15px;
  max-width: calc(100% - 70px);
}
#map-listing-wrapper .map-listing-item {
  background-color: #fff;
  height: 200px;
  margin-right: 10px;
  min-width: 200px;
}
#map-listing-wrapper.owl-carousel .owl-next,
#map-listing-wrapper.owl-carousel .owl-prev {
  background-color: #0077C6;
}
#map-listing-wrapper.owl-carousel .owl-dots .owl-dot span {
  border: 1px solid #666666;
  background: transparent;
}
#map-listing-wrapper.owl-carousel .owl-dots .owl-dot.active span {
  background: #666666;
}
#map-listing-wrapper .owl-stage {
  display: flex;
}

.map-card-item-wrapper {
  align-items: flex-start;
  background-color: #FAFAFA;
  display: inline-flex;
  /*flex-wrap: wrap;
  flex: 1 1 auto;*/
  margin: 0 4px;
  max-width: 182.5px;
  min-width: 182.5px;
  overflow: hidden;
  position: relative;
  text-align: left;
  height: 100%;
  flex-direction: column;
}
.map-card-item-wrapper .map-card-item-image-wrapper {
  /*
  use 980 from max width divided by 4 which is how many we ideally want to show at a time before scroll.
  minus off the container padding and margin offset which is 50. Then divide the aspect ratio from the result.
  */
  background: #fff;
  /*flex: 0 1 100%;*/
  height: 155px;
  overflow: hidden;
  width: 100%;
}
.map-card-item-wrapper .map-card-item-image-wrapper .image-container {
  display: flow-root;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.map-card-item-wrapper .map-card-item-image-wrapper img {
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  max-width: 195px;
  max-height: 155px;
}
.map-card-item-wrapper .map-card-vertical-logo img {
  height: 100%;
  width: auto !important; /* EL :: Something else else stops this, thought it was proprely class specific */
}
.map-card-item-wrapper .map-card-item-distance {
  background: #666666;
  color: #fff;
  font-size: 10px;
  line-height: 1;
  margin: -10px 10px 0 auto;
  padding: 5px;
  position: relative;
}
.map-card-item-wrapper h2.map-card-item-title {
  /*flex-basis: 100%;*/
  font-size: 14px;
  line-height: 1.1;
  margin: 10px 10px auto 10px;
  min-height: 30px;
  padding: 0;
  font-weight: normal;
  text-align: center;
  flex-grow: 1;
  width: calc(100% - 20px);
}
.map-card-item-wrapper small.map-card-item-city {
  font-size: 12px;
  margin: auto 10px 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #B0B0B0;
}
.map-card-item-wrapper small.map-card-item-city i {
  margin-right: 5px;
}
.map-card-item-wrapper img.attachment-full.size-full {
  overflow: hidden;
  width: 100%;
  height: auto;
}
.map-card-item-wrapper .map-card-buttons {
  margin: 10px;
}
.map-card-item-wrapper .map-card-buttons .map-card-button {
  font-size: 11px;
  min-width: 76px;
  padding: 0;
  height: 30px;
  line-height: 14px;
  font-weight: 300;
}
.map-card-item-wrapper .map-card-buttons .map-card-button:first-child {
  background: #0077C6;
  border: none;
  color: #FFFFFF;
  margin-right: 10px;
}

.cluster img {
  margin-left: -27px;
}

#search-input {
  left: 10px;
  position: absolute;
  top: 10px;
  width: 45%;
}

input#search-input {
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  font-size: 14px;
  padding: 7px;
}

.global-search-map-overlay {
  position: absolute;
  top: 10px;
  right: 46px;
  background-color: white;
  padding: 14px;
  border-radius: 6px;
  width: 321px;
  opacity: 0.9;
}
.global-search-map-overlay .map-overlay-text {
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  line-height: 28px;
}
.global-search-map-overlay .map-overlay-button-holder {
  background-color: #0077c6;
  border-radius: 10px;
  padding: 16px;
  margin-top: 14px;
}
.global-search-map-overlay .map-overlay-button-holder .map-overlay-button {
  color: #fff;
  cursor: pointer;
}
.global-search-map-overlay .map-overlay-button-holder .map-overlay-button .button-holder {
  text-align: center;
  font-family: "Public Sans", serif;
  font-size: 20px;
  font-weight: 300;
}

#map-zoom-control {
  position: absolute;
  right: 10px;
  top: 10px;
}
#map-zoom-control .zoom-out,
#map-zoom-control .zoom-in {
  background: rgba(62, 62, 62, 0.6);
  border-radius: 7px;
  color: #fff;
  font-size: 9px;
  padding: 5px 8px;
}
#map-zoom-control .zoom-out:hover,
#map-zoom-control .zoom-in:hover {
  background: rgba(62, 62, 62, 0.7);
}
#map-zoom-control .zoom-in {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#map-zoom-control .zoom-out {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.get-user-location {
  background: #666666;
  border-radius: 50%;
  bottom: 20px;
  color: #fff;
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 10px;
  transition: background-color 0.2s ease;
  width: 20px;
  z-index: 2;
}
.get-user-location:hover {
  background-color: #858585;
}
.get-user-location i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 11px;
}

body:not(.device-mobile) .mobile-show {
  display: none;
}

.device-mobile .global-search-map-overlay {
  padding: 0;
  background-color: transparent;
  width: 90px;
}
.device-mobile .global-search-map-overlay .map-overlay-text {
  display: none;
}
.device-mobile .global-search-map-overlay .map-overlay-button-holder {
  padding: 10px;
  margin-top: 0;
}
.device-mobile .global-search-map-overlay .map-overlay-button-holder .button-holder {
  display: flex;
  flex-direction: column;
}
.device-mobile .global-search-map-overlay .map-overlay-button-holder .button-holder i {
  font-size: 40px;
}
.device-mobile .mobile-hide {
  display: none;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
/*Seg transition/animation library*/
.course_provider_wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: left;
}
.course_provider_wrapper .owl-stage {
  /*  Solves issue of carousel items being cut off on the last item,
          Need to determine how far this scopes to - GH*/
  display: flex;
}
.course_provider_wrapper .close-provider-btn {
  background-color: #666;
  display: block;
  height: 20px;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease;
  width: 20px;
  z-index: 1;
}
.course_provider_wrapper .close-provider-btn:hover {
  opacity: 1;
  cursor: pointer;
}
.course_provider_wrapper .close-provider-btn::before, .course_provider_wrapper .close-provider-btn::after {
  background-color: #fff;
  width: 1px;
  height: 10px;
  content: "";
  left: 50%;
  position: absolute;
  top: 50%;
}
.course_provider_wrapper .close-provider-btn::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.course_provider_wrapper .close-provider-btn::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.course_provider_wrapper .course_provider_content {
  position: relative;
}
.course_provider_wrapper .course_provider_content .course-provider {
  max-width: 70%;
}
.course_provider_wrapper .course_provider_content .course-provider-logo-container {
  position: absolute;
  top: 24px;
  right: 100px;
  width: calc(30% - 100px);
  height: 54px;
  overflow: hidden;
}
.course_provider_wrapper .course_provider_content .course-provider-logo-container img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  object-position: right;
}
.course_provider_wrapper .course_provider_content .accreditations-wrapper {
  margin-bottom: 35px;
}
.course_provider_wrapper .course_provider_content .accreditations-wrapper > .accreditations-logo {
  margin: 2px 20px;
  width: auto;
  height: 80px;
}
.course_provider_wrapper .course_provider_content .social-wrapper {
  position: absolute;
  right: 20px;
  text-align: right;
  top: 30px;
}
.course_provider_wrapper .course_provider_content .social-wrapper ul {
  justify-content: flex-end;
}
.course_provider_wrapper .course_provider_content .social-wrapper ul li {
  flex: 0 1 24px;
  padding-left: 5px;
}
.course_provider_wrapper .course_provider_content .review-row {
  margin-top: -30px;
}
.course_provider_wrapper .course_provider_content .accreditations-wrapper .accreditations-logo img {
  /*width: 120px;
            height: auto;*/
  width: auto;
  height: auto;
  max-width: 215px;
  max-height: 80px;
}
.course_provider_wrapper .course_provider_image_wrapper {
  background: #adadad;
  overflow: hidden;
}
.course_provider_wrapper .course_provider_image_wrapper picture {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
}
.course_provider_wrapper .course_provider_image_wrapper picture img {
  width: 100%;
  height: auto;
}

.device-mobile .course_provider_wrapper .course_provider_content .social-wrapper {
  position: relative;
  right: unset;
  text-align: right;
  top: unset;
  width: 90px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
}
.device-mobile .course-dates-wrapper > .course-title {
  width: 100%;
}

.course-dates-wrapper {
  border-block: 1px solid #666666;
  position: relative;
  /*@include _slick-slider-row-overwrites();*/
}
.course-dates-wrapper .course-title-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.course-dates-wrapper .course-title-container > .course-title {
  align-items: center;
}
.course-dates-wrapper .course-title-container .filter-wrapper {
  margin-left: auto;
  position: relative;
  z-index: 2;
}
.course-dates-wrapper .course-title-container .filter-wrapper > .button--filter span {
  display: flex;
  margin: 0 15px 0 0;
}
.course-dates-wrapper .course-title-container .filter-wrapper > .button--filter::before {
  align-items: center;
  border-radius: 50%;
  color: #000;
  content: "\e92e";
  display: flex;
  font-family: "seg";
  font-size: 14px;
  height: 20px;
  justify-content: center;
  line-height: 1;
  padding: 4px 2px 2px 1px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) scale(-1, 1);
  width: 20px;
  z-index: 77;
}
.course-dates-wrapper .course-title-container .filter-wrapper > .options-wrapper {
  position: absolute;
  top: 35px;
  background: #fff;
  width: 124px;
  right: 14px;
  padding: 10px;
  border-radius: 4px;
  visibility: hidden;
  border: 1px solid;
}
.course-dates-wrapper .course-title-container .filter-wrapper > .options-wrapper > .option-one {
  margin-top: 5px;
  border-top: 1px solid #666666;
}
.course-dates-wrapper .course-title-container .filter-wrapper > .options-wrapper > .option-one,
.course-dates-wrapper .course-title-container .filter-wrapper > .options-wrapper > .option-two {
  text-align: right;
  cursor: pointer;
  padding: 5px 5px;
}
.course-dates-wrapper .course-title-container .filter-wrapper > .options-wrapper > .option-one:hover,
.course-dates-wrapper .course-title-container .filter-wrapper > .options-wrapper > .option-two:hover {
  color: #0077C6;
}
.course-dates-wrapper .course-title-container .filter-wrapper > .options-wrapper > .option-clear {
  color: #0077C6;
  text-align: right;
  border-top: 1px solid #666666;
  padding-top: 5px;
  cursor: pointer;
  margin-top: 5px;
}
.course-dates-wrapper .course-title-container .filter-wrapper > .options-wrapper.visible {
  visibility: visible;
}
@media (max-width: 361px) {
  .course-dates-wrapper .course-title-container .filter-wrapper {
    margin-left: 0;
  }
}
.course-dates-wrapper .course-title {
  align-items: flex-start;
  display: inline-flex;
}
.course-dates-wrapper .current-selected-provider {
  border: 1px solid #0077C6;
  display: flex;
  align-items: center;
  padding: 0px 10px;
  margin: 5px;
  margin-left: 25px;
  text-transform: capitalize;
  border-radius: 7px;
  color: #0077C6;
  position: relative;
}
.course-dates-wrapper .current-selected-provider:before {
  content: "";
  width: 5px;
  height: 1px;
  background: #000;
  position: absolute;
  left: -15px;
}
.course-dates-wrapper .course-buy-wrapper {
  padding: 10px;
  border: 1px solid;
  border-radius: 7px;
  margin-top: 10px;
}
.course-dates-wrapper .course-buy-wrapper h2.course-buy-title {
  margin-bottom: 20px;
}
.course-dates-wrapper .course-buy-wrapper .course-buy-content {
  border: 1px solid grey;
  border-left: none;
  border-right: none;
  padding: 20px 0;
}
.course-dates-wrapper .course-buy-wrapper.live {
  border-color: #FD671A;
}
.course-dates-wrapper .course-buy-wrapper.live .--buy-course {
  border-color: #FD671A;
  color: #FD671A;
}
.course-dates-wrapper .course-buy-wrapper.person {
  border-color: #0077C6;
}
.course-dates-wrapper .course-buy-wrapper.person .--buy-course {
  border-color: #0077C6;
  color: #0077C6;
}
.course-dates-wrapper .course-buy-wrapper img {
  width: 100%;
  height: auto;
}
.course-dates-wrapper .course_dates_container {
  display: block;
  position: relative;
  width: 100%;
  /*@include _slick-slider-button-overrides();*/
}
.course-dates-wrapper .course_dates_container .more_dates {
  background-color: #fff;
  height: 100%;
  position: absolute;
  right: 0px;
}
.course-dates-wrapper .course_dates_container .more_dates::before {
  background-color: #000;
  content: "";
  height: 115px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 1px;
}
.course-dates-wrapper .course_dates_container .center_content .course-dates-details {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.course-dates-wrapper .course_dates_container .course-dates-details {
  display: flex;
  flex-direction: column;
  min-height: 102px;
  position: relative;
}
.course-dates-wrapper .course_dates_container .course-dates-details .course-items {
  border-block: 1px solid;
}
.course-dates-wrapper .course_dates_container .course-dates-details > div {
  display: flex;
}
.course-dates-wrapper .course_dates_container .course-dates-details > div span {
  flex: 1 1 100%;
  text-align: left;
}
.course-dates-wrapper .course_dates_container .course-dates-details > div span.colon {
  flex: unset;
}
.course-dates-wrapper .course_dates_container .course-dates-details > div span:first-child {
  flex: 0 0 75px;
  text-align: left;
}
.course-dates-wrapper .course_dates_container .course-dates-details .learning-method {
  background: #fff;
  color: #000;
  padding: 0 5px;
  border-radius: 15px;
}
.course-dates-wrapper .course_dates_container .course-dates-details .learning-method .learning-method-title {
  margin-bottom: 0px;
}
.course-dates-wrapper .course_dates_container .course-dates-details .course_start {
  margin-top: auto;
}
.course-dates-wrapper .course_dates_container .course-dates-details.slick-slide.dragging.course-dates-details {
  pointer-events: none;
}
.course-dates-wrapper .course_dates_container .course-dates-details.live.selected {
  background-color: #fd671a;
  color: #fff;
  border-color: #fd671a;
}
.course-dates-wrapper .course_dates_container .course-dates-details.live.selected .learning-method {
  background: #fd671a;
  color: #fff;
}
.course-dates-wrapper .course_dates_container .course-dates-details.live.selected .show .learning-method {
  color: #fff;
}
.course-dates-wrapper .course_dates_container .course-dates-details.live.show {
  display: flex;
}
.course-dates-wrapper .course_dates_container .course-dates-details.live.show .learning-method {
  color: #fd671a;
}
.course-dates-wrapper .course_dates_container .course-dates-details.live.show.selected .learning-method {
  color: #fff;
}
.course-dates-wrapper .course_dates_container .course-dates-details.live.hide {
  display: none;
}
.course-dates-wrapper .course_dates_container .course-dates-details.person.selected .learning-method {
  background: #0077C6;
  color: #fff;
}
.course-dates-wrapper .course_dates_container .course-dates-details.person.selected .show .learning-method {
  color: #fff;
}
.course-dates-wrapper .course_dates_container .course-dates-details.person.show {
  display: flex;
}
.course-dates-wrapper .course_dates_container .course-dates-details.person.show .learning-method {
  color: #0077C6;
}
.course-dates-wrapper .course_dates_container .course-dates-details.person.show.selected .learning-method {
  color: #fff;
}
.course-dates-wrapper .course_dates_container .course-dates-details.person.hide {
  display: none;
}
.course-dates-wrapper .course_dates_container .course-dates-details p.package_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: 0px;
}
.course-dates-wrapper .course_dates_container .course-header-container i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 3px;
  font-size: 18px;
  background-color: #0077C6;
  color: #FFFFFF;
  border-radius: 3px;
}
.course-dates-wrapper .course_dates_container .course_date_button {
  color: #0077C6;
  height: 33px;
  line-height: 13px;
  border: none;
  padding-inline: 0;
  position: relative;
}
.course-dates-wrapper .course_dates_container .course_date_button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left;
  border-bottom: 1px solid;
  transition: transform 0.3s linear;
}
.course-dates-wrapper .course_dates_container .course_date_button:active::after, .course-dates-wrapper .course_dates_container .course_date_button:focus::after, .course-dates-wrapper .course_dates_container .course_date_button:hover::after {
  transform: scaleX(1);
}
.course-dates-wrapper .course_dates_container .current-provider.course-dates-details {
  border-color: #0077C6;
  color: #0077C6;
}
.course-dates-wrapper .course_dates_container .current-provider.course-dates-details.selected {
  color: #fff;
}
.course-dates-wrapper .button--filter,
.course-dates-wrapper .button--school {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  margin-left: 12px;
  min-width: 100px;
  max-width: 150px;
  padding: 0 6px;
  position: relative;
}
.course-dates-wrapper .button--filter i,
.course-dates-wrapper .button--school i {
  font-size: 20px;
  padding-right: 5px;
}
.course-dates-wrapper .button--filter [anim=rippleContainer],
.course-dates-wrapper .button--school [anim=rippleContainer] {
  display: none;
}
@media (max-width: 376px) {
  .course-dates-wrapper {
    /*#allShools,
        #hideShools {
            margin-left: 48%;
        }*/
  }
  .course-dates-wrapper .button--filter,
  .course-dates-wrapper .button--school {
    margin-left: 0px;
    margin-bottom: 5px;
  }
  .course-dates-wrapper .button--filter button,
  .course-dates-wrapper .button--school button {
    width: 100%;
  }
  .course-dates-wrapper #filterLearningMethod {
    margin-left: 0%;
  }
}

.precourse-learning {
  position: relative;
  margin: 12px;
  overflow: hidden;
  display: flex;
}
@media (max-width: 500px) {
  .precourse-learning {
    flex-direction: column;
  }
}
.precourse-learning .button-container {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.precourse-learning .cost-row-end {
  text-align: right;
  font-weight: bold;
  margin-right: 40px;
  margin-top: 20px;
}
.precourse-learning .pclm-left {
  position: relative;
}
.precourse-learning .pclm-content {
  position: relative;
  padding-left: 30px;
}
@media (max-width: 500px) {
  .precourse-learning .pclm-content {
    padding-left: 0;
  }
}
.precourse-learning .pclm-content .course-title {
  font-family: "Public Sans", serif;
  font-weight: normal;
  font-size: 16px;
}
.precourse-learning .pclm-content .rating-container {
  margin-block: 10px;
}
.precourse-learning .pclm-content .button-container {
  justify-content: flex-start;
}
.precourse-learning .pclm-content .buy-pre-course-material {
  border-radius: 6px;
}
.precourse-learning .pclm-content .pclm-price {
  font-family: "Public Sans", serif;
  font-size: 18px;
  color: #000000;
  margin-block: 18px;
}
.precourse-learning .pclm-thumb {
  width: 212px;
  height: 294px;
  border: 1px solid #C7C7C7;
  padding: 12px;
  border-radius: 6px;
  position: relative;
}
.precourse-learning .pclm-thumb .pclm-thumb-inner {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.precourse-learning .pclm-thumb img {
  position: absolute;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.precourse-tools {
  position: relative;
}

.course-content-container {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.course-description-container {
  width: calc(57% - 1.5rem);
}
@media screen and (max-width: 45em) {
  .course-description-container {
    width: 100%;
  }
}

.course-contact-detail-wrapper {
  width: 43%;
}
@media screen and (max-width: 45em) {
  .course-contact-detail-wrapper {
    width: 100%;
  }
}
.course-contact-detail-wrapper .course-contact {
  display: none;
}

.contact-item + .contact-item {
  margin-top: 6px;
}

.contact-details-meta {
  flex: 0 0 140px;
}
.contact-details-meta span {
  position: relative;
  flex-grow: 1;
}
.contact-details-meta span::before {
  content: ":";
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(calc(-50% - 2px));
}

.course-contact-detail-wrapper {
  margin-bottom: 20px;
}
.course-contact-detail-wrapper div {
  padding-bottom: 0;
  padding-inline: 0;
}
.course-contact-detail-wrapper a {
  transition: color 0.2s ease;
  word-break: break-word;
}
.course-contact-detail-wrapper a.brand-blue:hover, .course-contact-detail-wrapper a.brand-blue:focus {
  color: #0077C6;
}
.course-contact-detail-wrapper .course_contact_tel {
  cursor: pointer;
}

.course_contact_name i {
  font-size: 34px;
  border: 1px solid #EAEAEA;
  border-radius: 50%;
  padding: 6px;
}

.locked-contact-container i {
  font-size: 40px;
}

.course_enquiry_form .form-fields {
  display: flex;
  flex-wrap: wrap;
}
.course_enquiry_form .form-fields #input-delegate:focus {
  outline: none;
}

.course-enq-form-wrapper {
  border: 1px solid #0077C6;
  margin-top: 10px;
  padding: 20px;
  position: relative;
}
.course-enq-form-wrapper .cost {
  margin-top: 25px;
}
.course-enq-form-wrapper.live {
  border-color: #fd671a;
}
.course-enq-form-wrapper.live .button--submit_enquiry {
  border-color: #fd671a;
  color: #fd671a;
}
.course-enq-form-wrapper.live .cost {
  color: #FD671A;
}

.course-section-container {
  position: relative;
  padding-top: 48px;
}
.course-section-container + .course-section-container {
  margin-top: 48px;
}
.course-section-container + .course-section-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 24px;
  width: calc(100% - 48px);
  border-top: 1px solid;
}

.related-materials {
  display: flex;
  width: calc(100% - 40px);
}
.related-materials .slick-list {
  margin: 0 -20px;
}
.related-materials button + .slick-list {
  margin: 0;
}
.related-materials.owl-carousel .owl-stage {
  display: flex;
}
.related-materials .book-wrapper {
  position: relative;
  height: 100%;
  display: flex;
  padding-right: 10px;
  max-width: 100%;
}
.related-materials .book-wrapper .book-wrapper-inner {
  display: flex;
  flex-direction: column;
  padding-right: 36px;
}
.related-materials .book-wrapper .book-image {
  width: 100%;
  border: 1px solid #C7C7C7;
  padding: 12px;
  border-radius: 6px;
}
.related-materials .book-wrapper .book-image a {
  height: 270px;
  position: relative;
  display: block;
}
.related-materials .book-wrapper .book-image img {
  position: absolute;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.related-materials .book-wrapper .book-cost {
  display: block;
  margin-inline: auto;
  margin-bottom: 10px;
  margin-top: 8px;
  width: 100%;
  font-family: "Public Sans", serif;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
.related-materials .book-wrapper .details-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  /*flex-wrap: wrap;*/
  position: relative;
}
.related-materials .book-wrapper .details-wrapper .user-rating {
  display: block;
}
.related-materials .book-wrapper .details-wrapper h3.book-title {
  margin-bottom: 0;
  color: #000000;
  font-size: 16px;
}
.related-materials .book-wrapper .details-wrapper .book-description,
.related-materials .book-wrapper .details-wrapper .book-subtitle {
  margin-bottom: 10px;
  flex-basis: 100%;
}
.related-materials .book-wrapper .details-wrapper .extra-info {
  display: flex;
  position: absolute;
  right: 20px;
  text-align: right;
  top: 20px;
}
.related-materials .book-wrapper .details-wrapper .extra-info div {
  margin-left: 10px;
}
.related-materials .book-wrapper .details-wrapper .book-buy-btn {
  display: flex;
  margin-top: auto;
}

@media only screen and (max-width: 420px) {
  .related-materials .book-wrapper .row {
    display: block;
  }
  .related-materials .book-wrapper .row .col-xs-6 {
    max-width: 100%;
  }
  .related-materials .book-wrapper .row .col-xs-6 .book-cost {
    width: 100%;
  }
  .related-materials .book-wrapper .row .col-xs-6 .book-buy-btn {
    margin-right: auto;
  }
}
.view-course.brand-blue {
  border-radius: 6px;
  background-color: #0077C6;
  color: #ffffff;
}

.device-mobile .related-materials .book-wrapper .details-wrapper .book-description {
  display: none;
}

.tool-wrapper > img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: auto;
  border-radius: 7px 7px 0 0;
}
.tool-wrapper > label {
  line-height: 1;
  font-weight: normal;
  margin-bottom: auto;
  font-family: "Public Sans", serif;
  font-size: 16px;
  color: #000000;
  padding-top: 18px;
  padding-bottom: 10px;
  display: block;
  width: 212px;
}
.tool-wrapper .rating-container {
  margin-top: 8px;
}
.tool-wrapper .tool-info-wrapper .tool-price {
  display: block;
  margin-inline: auto;
  padding-bottom: 22px;
  padding-top: 6px;
  margin-top: auto;
  width: 100%;
  font-family: "Public Sans", serif;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}

.course-wrapper {
  display: block;
}
.course-wrapper .course {
  display: flex;
  flex-direction: column;
  flex: 1 1 250px;
  height: 100%;
  position: relative;
}
.course-wrapper .course.slick-slide {
  margin: 10px 20px;
}
.course-wrapper .course .card-tag {
  background-color: #0077C6;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  left: 50%;
  padding: 0 5px;
  position: absolute;
  text-transform: capitalize;
  top: 0;
  margin-left: -40px;
  margin-top: -10px;
}
.course-wrapper .course .card-tag::before {
  content: "\e90b";
  font-family: seg;
  padding-right: 4px;
}
.course-wrapper .course .course-title {
  align-items: center;
  display: flex;
  justify-content: center;
  color: #000000;
  font-family: "Public Sans", serif;
  font-size: 16px;
  margin-top: 10px;
}
.course-wrapper .course .user-rating {
  margin-block: auto 5px;
}
.course-wrapper .course .view-course.button {
  border-radius: 6px;
  background-color: #0077C6;
  color: #ffffff;
}
.course-wrapper .course .course-cost {
  /*margin-top: auto;*/
  font-family: "Public Sans", serif;
}
.course-wrapper .course .course-buy-btn {
  align-items: center;
  display: flex;
}
.course-wrapper .course .course-image {
  padding: 12px;
  border: 1px solid #C7C7C7;
  display: flex;
  margin: 0;
  max-height: 160px;
}
.course-wrapper .course .course-image a {
  overflow: hidden;
  border-radius: 4px;
  display: block;
  width: 100%;
}
.course-wrapper .course .course-image img {
  width: auto;
  height: 100%;
  margin-inline: auto;
  border-radius: inherit;
}
.course-wrapper .slick-arrow {
  background: #fff;
  border: none;
  color: transparent;
  line-height: 0;
  width: 20px;
  word-break: break-word;
}
.course-wrapper .slick-arrow.slick-next, .course-wrapper .slick-arrow.slick-prev {
  position: relative;
  transition: background-color 0.2s ease;
}
.course-wrapper .slick-arrow.slick-next::before, .course-wrapper .slick-arrow.slick-prev::before {
  background-color: #919191;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 1px;
}
.course-wrapper .slick-arrow.slick-next::after, .course-wrapper .slick-arrow.slick-prev::after {
  color: #919191;
  font-size: 20px;
  height: 10px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
}
.course-wrapper .slick-arrow.slick-next:hover, .course-wrapper .slick-arrow.slick-prev:hover {
  background-color: #e9e9e9;
  cursor: pointer;
}
.course-wrapper .slick-arrow.slick-next:active, .course-wrapper .slick-arrow.slick-prev:active {
  background-color: #f4f4f4;
}
.course-wrapper .slick-arrow.slick-next {
  position: absolute;
  right: -20px;
  top: 0;
  height: 100%;
  margin-right: 0;
}
.course-wrapper .slick-arrow.slick-next::before {
  right: 100%;
}
.course-wrapper .slick-arrow.slick-next::after {
  content: "›";
}
.course-wrapper .slick-arrow.slick-prev {
  position: absolute;
  left: -20px;
  top: 0;
  height: 100%;
  margin-left: 0;
  background: #fff;
  z-index: 1;
}
.course-wrapper .slick-arrow.slick-prev::before {
  left: 100%;
}
.course-wrapper .slick-arrow.slick-prev::after {
  content: "‹";
}
.course-wrapper .slick-arrow.slick-disabled {
  opacity: 0;
  padding: 0;
  margin: 0;
  width: 0;
}

.course > * + * {
  margin-top: 10px;
}

.course-enq-form-wrapper > *:nth-child(1) {
  animation-duration: 0.3s;
}

.course-enq-form-wrapper > *:nth-child(2) {
  animation-duration: 0.4s;
}

.course-enq-form-wrapper > *:nth-child(3) {
  animation-duration: 0.5s;
}

.course-enq-form-wrapper > *:nth-child(4) {
  animation-duration: 0.6s;
}

.course-enq-form-wrapper > *:nth-child(5) {
  animation-duration: 0.7s;
}

.course-enq-form-wrapper > *:nth-child(6) {
  animation-duration: 0.8s;
}

.course-enq-form-wrapper > *:nth-child(7) {
  animation-duration: 0.9s;
}

.course-enq-form-wrapper > *:nth-child(8) {
  animation-duration: 1s;
}

.course-enq-form-wrapper > *:nth-child(9) {
  animation-duration: 1.1s;
}

.course-enq-form-wrapper > *:nth-child(10) {
  animation-duration: 1.2s;
}

.course-enq-form-wrapper > *:nth-child(11) {
  animation-duration: 1.3s;
}

.course-enq-form-wrapper > *:nth-child(12) {
  animation-duration: 1.4s;
}

.course-enq-form-wrapper > *:nth-child(13) {
  animation-duration: 1.5s;
}

.course-enq-form-wrapper > *:nth-child(14) {
  animation-duration: 1.6s;
}

/**
    Example of use:
    @include _cascadingListWithTransition(".selector", 5, "fade");
*/
/*Supports
    fade
    small-bounce
    bounce
    stretch-down
    stretch-right
    drop-in
*/
.course-enq-form-wrapper > * {
  animation: transition-in_drop-in;
  animation-duration: 0.2s;
}

@keyframes transition-in_drop-in {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  90% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.review-row {
  margin-top: -38px;
  padding-bottom: 12px;
}
.review-row i {
  font-size: 20px;
}

.review-row .user-rating i,
.review-product .user-rating i,
.details-wrapper .user-rating i,
.tool-wrapper .user-rating i,
.precourse-learning .user-rating i,
.course-extra-wrapper .user-rating i,
.seg-product-addtocart .user-rating i {
  color: #ffa31c;
}
.review-row .user-rating span,
.review-product .user-rating span,
.details-wrapper .user-rating span,
.tool-wrapper .user-rating span,
.precourse-learning .user-rating span,
.course-extra-wrapper .user-rating span,
.seg-product-addtocart .user-rating span {
  color: #737373;
}

.seg-product-addtocart .product-buynow-wrapper {
  padding: 20px 0 20px 0;
  justify-content: space-between;
  margin-left: 0;
  margin-top: 10px;
}
.seg-product-addtocart .product-buynow-wrapper .button-link {
  width: 100%;
  height: 100%;
  color: #fff;
}
.seg-product-addtocart .product-buynow-wrapper .button {
  max-width: 160px;
}
.seg-product-addtocart .product-buynow-wrapper.completed {
  justify-content: left;
}
.seg-product-addtocart .product-buynow-wrapper.completed .button {
  margin-right: 10px;
}
.seg-product-addtocart .truncateLabel {
  color: #0077c6;
  cursor: pointer;
}
.seg-product-addtocart .spatc-categories {
  color: #737373;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
}
.seg-product-addtocart .spatc-title {
  margin-top: 3px;
  margin-bottom: 10px;
}
.seg-product-addtocart .spatc-price {
  margin-top: 10px;
  margin-bottom: 10px;
}

.product-image-wrapper-inner {
  padding: 20px;
  border: 2px solid #f7f7f7;
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.product-image-wrapper-inner img {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
}

.product-returns-policy-wrapper {
  font-size: 9px;
  margin-top: 20px;
}

.popup-v2 .seg-product-addtocart .product-header-wrapper h2 {
  margin-top: 0;
}
.popup-v2 .seg-product-addtocart .product-buynow-wrapper {
  padding: 40px 0 20px 0;
}

.tool-wrapper .tool-anchor-image-wrapper {
  position: relative;
  padding: 12px;
  width: 212px;
  height: 294px;
  border: 1px solid #C7C7C7;
  border-radius: 6px;
}
.tool-wrapper .tool-anchor-image {
  overflow: hidden;
  border-radius: inherit;
  position: relative;
  display: block;
  height: 100%;
}
.tool-wrapper img {
  position: absolute;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.self-right {
  float: right;
  padding-right: 25px;
}

.course-dates-details.package.selected .learning-method {
  background-color: #0077c6;
}
.course-dates-details.package.selected .learning-method p.learning-method-title {
  color: #fff;
}

.course-enq-details {
  margin-bottom: 20px;
  overflow: hidden;
}
.course-enq-details img {
  width: 100%;
  height: auto;
}

#segbox-inner .content-wrapper #map-listing-wrapper {
  width: 210px;
  margin-left: 0;
}

.wp-map-pin-drop {
  margin-inline: 12px;
}

#segbox-inner .single-product-popup .seg-product-addtocart .user-rating {
  margin-left: 0;
}
#segbox-inner .single-product-popup .seg-product-addtocart .row {
  margin: 10px 10px 10px 0;
}

.device-mobile .seg-product-addtocart .user-rating {
  margin-left: 0;
}
.device-mobile .seg-product-addtocart .product-buynow-wrapper {
  margin-top: -10px;
  justify-content: center;
}
.device-mobile .seg-product-addtocart .product-buynow-wrapper.completed {
  justify-content: space-around;
}
.device-mobile .seg-product-addtocart .product-buynow-wrapper .button {
  margin-right: 0;
  margin-top: 10px;
  max-width: 160px;
}

.device-mobile #segbox-inner .share-popup-inner,
.device-tablet #segbox-inner .share-popup-inner {
  width: calc(100vw - 60px);
  max-width: 100%;
}

.unbroken-line {
  white-space: nowrap;
}

.device-mobile .course-title-container > div {
  text-align: center;
}
.device-mobile .course-title-container .filter-wrapper .options-wrapper {
  left: calc(50% - 58px);
}

.card-min .card-image {
  display: table;
  height: 150px;
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.card-min .card-image .card-image-inner {
  display: table-cell;
  vertical-align: middle;
  max-height: 150px;
}
.card-min .card-image .card-image-inner .image-container {
  margin: 0 auto;
  width: 204px;
}
.card-min .card-image .card-image-inner .image-container img {
  max-width: 100%;
  max-height: 150px;
  width: auto;
  margin-inline: auto;
}

.related-online .course-title {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 16px;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

#path-wrapper {
  /* the path lines */
  /* top and bottom row grid overwrites */
  /* expanded path column sizing */
  /* node container styling - need to look at improving this. */
}
#path-wrapper #top,
#path-wrapper #bottom,
#path-wrapper #right,
#path-wrapper #left {
  position: relative;
  /*transitions on the width (set will change to let the browser know to reserve resources for cpu driven transition)*/
  transition: max-width 0.2s ease, flex-basis 0.2s ease, min-width 0.2s ease;
  will-change: max-width, flex-basis, min-width;
}
#path-wrapper #node-container-right,
#path-wrapper #node-container-left {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-top: 30px;
  max-height: calc(100% - 30px);
}
#path-wrapper #top::before,
#path-wrapper #bottom::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  background-color: #3E3E3E;
}
#path-wrapper #top::before {
  top: 30px;
  height: 100%;
  /*First*/
  /* @include animation('fade 5s infinite');*/
  -webkit-animation: 6s setHeight-1 linear;
  animation: 6s setHeight-1 linear;
}
#path-wrapper #bottom::before {
  bottom: 0;
  height: 100%;
  /*third*/
  /* @include animation('fade 5s infinite');*/
  -webkit-animation: 6s setHeight-4 linear;
  animation: 6s setHeight-4 linear;
}
#path-wrapper #node-container-left::before,
#path-wrapper #node-container-right::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 50%;
  background-color: #3E3E3E;
  top: 40px;
  /*First*/
  /* @include animation('fade 5s infinite');*/
  -webkit-animation: 6s setWidth-2 linear;
  animation: 6s setWidth-2 linear;
}
#path-wrapper #node-container-left::after,
#path-wrapper #node-container-right::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 50%;
  background-color: #3E3E3E;
  bottom: 9px;
  /*Second*/
  /* @include animation('fade 5s infinite');*/
  -webkit-animation: 6s setWidth-4 linear;
  animation: 6s setWidth-4 linear;
}
#path-wrapper #node-container-left::before {
  right: 0;
}
#path-wrapper #node-container-left::after {
  left: 50%;
}
#path-wrapper #node-container-right::before {
  left: 0;
}
#path-wrapper #node-container-right::after {
  right: 50%;
}
#path-wrapper #right::before,
#path-wrapper #left::before,
#path-wrapper #left::after,
#path-wrapper #right::after {
  content: "";
  position: absolute;
  height: calc(100% - 60px);
  width: 1px;
  background-color: #3E3E3E;
  /*Second*/
  /* @include animation('fade 5s infinite');*/
  -webkit-animation: 6s setHeight-3 linear;
  animation: 6s setHeight-3 linear;
}
#path-wrapper #right::before,
#path-wrapper #left::before {
  top: 40px;
  bottom: 10px;
}
#path-wrapper #left::after,
#path-wrapper #right::after {
  bottom: 10px;
  top: 50px;
}
#path-wrapper #left::before,
#path-wrapper #left::after {
  left: 50%;
}
#path-wrapper #right::before,
#path-wrapper #right::after {
  right: 50%;
}
#path-wrapper #bottom.col-xs-12,
#path-wrapper #top.col-xs-12 {
  padding: 0 10px;
}
#path-wrapper .expand-path #left {
  flex-basis: calc(100% - 80px);
  max-width: calc(100% - 80px);
}
#path-wrapper .expand-path #right {
  flex-basis: 80px;
  max-width: 80px;
  max-height: 100%;
}
#path-wrapper .expand-path #right #node-container-right .main-node {
  transition: background-color 0.2s ease, height 0.3s ease 0.1s;
}
#path-wrapper .expand-path #right #node-container-right .main-node::before {
  content: "\e906";
  display: inline-block;
  font-family: seg;
  font-size: 20px;
  height: 20px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(90deg) scale(1.5);
  transition: transform 0.2s ease;
  width: 20px;
}
#path-wrapper .expand-path #right #node-container-right .main-node:hover {
  cursor: pointer;
  background-color: #f1f1f1;
}
#path-wrapper .expand-path #right #node-container-right .main-node:hover::before {
  transform: translate(-50%, -50%) rotate(90deg) scale(2);
}
#path-wrapper .expand-path #right #node-container-right .main-node:not(.cadet-program) {
  background-color: #F0F0F0;
}
#path-wrapper .expand-path #right #node-container-right .main-node.cadet-program {
  flex: 1 1 auto;
}
#path-wrapper .expand-path #right #node-container-right .main-node > * {
  opacity: 0;
  line-height: 0;
}
#path-wrapper .expand-path #right #node-container-right .main-node > * * {
  display: none;
}
#path-wrapper .expand-path #right #node-container-right .path-fab {
  align-items: center;
  background: #3E3E3E;
  border-radius: 50%;
  color: #fff;
  display: flex;
  height: 30px;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 10px;
  transform: translateX(-50%);
  transition: background-color 0.2s ease;
  width: 30px;
  z-index: 2;
}
#path-wrapper .expand-path #right #node-container-right .path-fab:hover {
  cursor: pointer;
  background-color: #515151;
}
#path-wrapper .expand-path #right #node-container-right .path-fab:active {
  background-color: #656565;
}
#path-wrapper .expand-path #right #node-container-right .path-fab::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg) scale(1.5);
  -webkit-transition: -webkit-transform 0.2s ease;
  align-items: center;
  content: "\e906";
  display: flex;
  font-family: seg;
  height: 30px;
  justify-content: center;
  left: 50%;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%) rotate(90deg) scale(1.5);
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  width: 30px;
}
#path-wrapper .modile-device #path-wrapper .expand-path #right {
  flex-basis: 10px;
  max-width: 10px;
  max-height: 100%;
}
#path-wrapper .modile-device #path-wrapper .expand-path #left {
  flex-basis: calc(100% - 22px);
  max-width: calc(100% - 22px);
}
#path-wrapper .coc-note {
  background: #fff;
  padding: 20px 20px 0;
  position: relative;
  border-radius: inherit;
}
#path-wrapper .courses_box .coc-note {
  text-align: center;
}
#path-wrapper #node-container-bottom {
  background-color: #fff;
}
#path-wrapper:not(.engineering_path) #bottom_three {
  display: none;
}
#path-wrapper:not(.deck_path) #split_node_a {
  display: none;
}
#path-wrapper:not(.deck_path) #split_node_b {
  display: none;
}
#path-wrapper #node-container-left .main-node:last-child {
  margin-bottom: 30px;
}
#path-wrapper.deck_path #node-container-right .main-node:last-child,
#path-wrapper.deck_path #node-container-left .main-node:last-child, #path-wrapper.interior_path #node-container-right .main-node:last-child,
#path-wrapper.interior_path #node-container-left .main-node:last-child {
  margin-top: auto;
  margin-bottom: 30px;
}
#path-wrapper.deck_path #node-container-right .main-node:nth-last-child(2),
#path-wrapper.deck_path #node-container-left .main-node:nth-last-child(2), #path-wrapper.interior_path #node-container-right .main-node:nth-last-child(2),
#path-wrapper.interior_path #node-container-left .main-node:nth-last-child(2) {
  margin-bottom: 30px;
}
#path-wrapper.deck_path #node-container-bottom > .main-node:first-child, #path-wrapper.interior_path #node-container-bottom > .main-node:first-child {
  margin-top: 40px;
}
#path-wrapper #bottom_three {
  position: relative;
  z-index: 1;
  padding: 20px 10px 10px;
}
#path-wrapper #bottom_three ~ .col-xs-12 {
  padding-top: 0;
  padding-bottom: 0;
}
#path-wrapper #bottom_three[data-section-open="1"] .main-node::after {
  height: 0;
}
#path-wrapper #bottom_three[data-section-open="1"] .title1::after {
  height: 30px;
}
#path-wrapper #bottom_three[data-section-open="1"] ~ div .content1 {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}
#path-wrapper #bottom_three[data-section-open="2"] .main-node::after {
  height: 0;
}
#path-wrapper #bottom_three[data-section-open="2"] .title2::after {
  height: 30px;
}
#path-wrapper #bottom_three[data-section-open="2"] ~ div .content2 {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}
#path-wrapper #bottom_three[data-section-open="3"] .main-node::after {
  height: 0;
}
#path-wrapper #bottom_three[data-section-open="3"] .title3::after {
  height: 30px;
}
#path-wrapper #bottom_three[data-section-open="3"] ~ div .content3 {
  display: block;
  margin-top: 20px;
  margin-bottom: 10px;
}
#path-wrapper .disabled .main-node-title {
  pointer-events: none;
}
#path-wrapper .main-node[data-node-type=title] {
  margin-top: 20px;
}
#path-wrapper .main-node[data-node-type=title]::before, #path-wrapper .main-node[data-node-type=title]::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  background-color: #3E3E3E;
  height: 30px;
}
#path-wrapper .main-node[data-node-type=title]::before {
  bottom: 100%;
}
#path-wrapper .main-node[data-node-type=title].open::after {
  top: 100%;
}
#path-wrapper .main-node[data-node-type=content_only] {
  display: none;
}
#path-wrapper .main-node[data-node-type=content_only]::before, #path-wrapper .main-node[data-node-type=content_only]::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  background-color: #3E3E3E;
}
#path-wrapper .main-node[data-node-type=content_only]::before {
  bottom: 100%;
}
#path-wrapper .main-node[data-node-type=content_only]::after {
  top: 100%;
}
#path-wrapper #node-container-bottom_three {
  background-color: #fff;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-column-gap: 20px;
}
#path-wrapper #node-container-bottom_three .main-node {
  margin-top: 0;
  border: none;
}
#path-wrapper #node-container-bottom_three .main-node.open {
  border: 1px solid #F0F0F0;
}
#path-wrapper #node-container-bottom_three .main-node .main-node-title {
  z-index: 1;
  position: relative;
  height: 100%;
}
#path-wrapper #node-container-bottom_three .main-node .node__content {
  background-color: #fff;
  position: relative;
  border-radius: inherit;
}
#path-wrapper #node-container-bottom_three .main-node.node_selected {
  max-height: unset;
}
#path-wrapper .panel {
  align-items: center;
  border: 1px solid #919191;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 10px;
  text-align: center;
}
#path-wrapper .panel .holder {
  width: 100%;
  border-radius: inherit;
  margin-top: 25px;
}
#path-wrapper .panel .holder .title {
  background: #919191;
  padding: 20px 0;
  font-size: 18px;
  color: #252525;
  margin: -1px -1px 0;
  border-radius: inherit;
}
#path-wrapper .panel .holder .content .element {
  align-items: center;
  border: 1px solid #919191;
  color: #666666;
  display: flex;
  font-size: 16px;
  line-height: 1.1;
  justify-content: center;
  margin: 10px;
  min-height: 45px;
  padding: 5px;
  position: relative;
  text-align: center;
}
#path-wrapper .panel .holder .content .element.highlight {
  border-color: #0077C6;
  color: #0077C6;
  text-transform: capitalize;
}
#path-wrapper .highlight .panel .holder .title {
  background-color: #0077C6;
  color: #fff;
}
#path-wrapper .z-index-fix {
  /*Created this class to correct an anomolous line that covered the expand button (Engineering path)*/
  z-index: 2;
}
#path-wrapper .z-index-fix .main-node[data-node-type=title] {
  margin-top: 30px;
}
#path-wrapper .z-index-fix .main-node[data-node-type=title]::before {
  height: 30px;
}
#path-wrapper .z-index-fix .main-node[data-node-type=title]::after {
  height: 20px;
}
#path-wrapper .no-after #bottom::before {
  top: 30px;
  height: calc(100% - 30px);
}
#path-wrapper .no-after .main-node[data-node-type=title] {
  margin-top: 20px;
}
#path-wrapper .no-after .main-node[data-node-type=title]::before {
  display: none;
}
#path-wrapper .selected:not(.disabled).completed > .node__content > .node-content-options > .path-button {
  border-top-color: #29A85F;
  color: #29A85F;
}
#path-wrapper .selected:not(.disabled).completed > .node__content > .node-content-options > .path-button.active, #path-wrapper .selected:not(.disabled).completed > .node__content > .node-content-options > .path-button:hover, #path-wrapper .selected:not(.disabled).completed > .node__content > .node-content-options > .path-button::before {
  background-color: #29A85F;
  color: #fff;
}
#path-wrapper .selected:not(.disabled).completed > .node-content-options > .path-button {
  border-top-color: #29A85F;
  color: #29A85F;
}
#path-wrapper .selected:not(.disabled).completed > .node-content-options > .path-button.active, #path-wrapper .selected:not(.disabled).completed > .node-content-options > .path-button:hover, #path-wrapper .selected:not(.disabled).completed > .node-content-options > .path-button::before {
  background-color: #29A85F;
  color: #fff;
}
#path-wrapper .main-node {
  background-color: #fff;
  border: 1px solid #3E3E3E;
  margin-top: 30px;
  position: relative;
  z-index: 1;
  /*node expand/collapse styles*/
}
#path-wrapper .main-node.required-job-role {
  border: none;
}
#path-wrapper .main-node.required-job-role.open {
  border: 1px solid #0077C6;
}
#path-wrapper .main-node.required-job-role.open .main-node-title:first-child {
  border: none;
}
#path-wrapper .main-node.required-job-role.open.completed {
  border: 1px solid #29A85F;
}
#path-wrapper .main-node.required-job-role.open.completed .main-node-title:first-child {
  border: none;
}
#path-wrapper .main-node + .main-node[data-other=true] {
  display: none;
}
#path-wrapper .main-node.open + .main-node[data-other=true] {
  display: block;
}
#path-wrapper .main-node.open .expand-node-wrapper, #path-wrapper .main-node.selected .expand-node-wrapper {
  display: none;
}
#path-wrapper .main-node:hover .expand-node-wrapper {
  background-color: #0077C6;
  color: #fff;
  box-shadow: inset #0077C6 0 0 0 1px;
}
#path-wrapper .main-node .cadet-toggle {
  padding: 10px;
  cursor: pointer;
}
#path-wrapper .main-node .expand-node-wrapper {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: inset #3E3E3E 0 0 0 1px;
  color: #3E3E3E;
  height: 20px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  width: 20px;
  font-size: 10px;
  z-index: 1;
}
#path-wrapper .main-node .expand-node-wrapper .expand-node-button {
  height: inherit;
  width: inherit;
  display: block;
}
#path-wrapper .main-node .expand-node-wrapper .expand-node-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
}
#path-wrapper .main-node .close-node-details {
  background-color: #fff;
  border-radius: 50%;
  color: #0077C6;
  display: none;
  height: 20px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 100%;
  transform: translate(-50%, -50%);
  transition: color 0.2s ease;
  width: 20px;
}
#path-wrapper .main-node .close-node-details:hover {
  color: #1a85cc;
  cursor: pointer;
}
#path-wrapper .main-node .close-node-details i {
  font-size: 25px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
#path-wrapper .main-node > .node__content,
#path-wrapper .main-node > .node-map,
#path-wrapper .main-node > .provider-details,
#path-wrapper .main-node > .material-details {
  display: none;
  flex-direction: column;
  transition: all 0.5s;
}
#path-wrapper .main-node.open .node__content {
  display: flex;
}
#path-wrapper .main-node.open .node__content .main-node .node__content {
  display: none;
}
#path-wrapper .main-node.open .node__content .main-node.open .node__content {
  display: flex;
}
#path-wrapper .main-node.open.map-open > .close-node-details, #path-wrapper .main-node.open.provider-open > .close-node-details, #path-wrapper .main-node.open.learning-materials-open > .close-node-details {
  display: block;
}
#path-wrapper .main-node.open.map-open > .node-map {
  border-radius: 0 0 7px 7px;
  display: flex;
  height: 0px;
  max-height: 70vh;
  min-height: 620px;
}
#path-wrapper .main-node.open.provider-open > .node-map {
  border-radius: 0 0 0px 0px;
}
#path-wrapper .main-node.open.provider-open > .provider-details {
  display: flex;
  border-radius: 0 0 7px 7px;
}
#path-wrapper .main-node.open.learning-materials-open > .material-details {
  display: flex;
}
#path-wrapper .main-node .sub-node {
  border: 1px solid #F0F0F0;
}
#path-wrapper .main-node .sub-node.highlight {
  border: 1px solid #0077C6;
  background: transparent;
}
#path-wrapper .main-node .sub-node.highlight .sub-node-title {
  color: #0077C6;
  background: transparent;
}
#path-wrapper .main-node .sub-node .node__content,
#path-wrapper .main-node .sub-node .node-map,
#path-wrapper .main-node .sub-node .provider-details,
#path-wrapper .main-node .sub-node .material-details {
  display: none;
  flex-direction: column;
  transition: all 0.5s;
}
#path-wrapper .main-node .sub-node.open .node__content {
  display: flex;
}
#path-wrapper .main-node .sub-node.open.map-open > .close-node-details, #path-wrapper .main-node .sub-node.open.provider-open > .close-node-details, #path-wrapper .main-node .sub-node.open.learning-materials-open > .close-node-details {
  display: block;
}
#path-wrapper .main-node .sub-node.open.map-open > .node-map {
  display: flex;
  height: 0px;
  min-height: 600px;
  max-height: 70vh;
  border-radius: 0 0 7px 7px;
}
#path-wrapper .main-node .sub-node.open.provider-open > .node-map {
  border-radius: 0 0 0px 0px;
}
#path-wrapper .main-node .sub-node.open.provider-open > .provider-details {
  display: flex;
  border-radius: 0 0 7px 7px;
}
#path-wrapper .main-node .sub-node.open.learning-materials-open > .material-details {
  display: flex;
}
#path-wrapper .main-node .sub-node.selected:not(.disabled) {
  border-color: #0077C6;
}
#path-wrapper .main-node .sub-node.selected:not(.disabled) .sub-node-title {
  background: #0077C6;
  color: #fff;
}
#path-wrapper .main-node .sub-node.completed {
  border-color: #29A85F;
  background-color: transparent;
}
#path-wrapper .main-node .sub-node.completed .close-node-details {
  color: #29A85F;
}
#path-wrapper .main-node .sub-node.completed .sub-node-title {
  background: transparent;
}
#path-wrapper .main-node .sub-node.selected:not(.disabled).completed {
  border-color: #29A85F;
}
#path-wrapper .main-node .sub-node.selected:not(.disabled).completed .close-node-details {
  color: #29A85F;
}
#path-wrapper .main-node .sub-node.selected:not(.disabled).completed .sub-node-title {
  background: #29A85F;
  color: #fff;
}
#path-wrapper .main-node .sub-node.required-job-role .sub-node-title:first-child {
  border: 1px solid #0077C6;
  background-color: #BCDAEE;
}
#path-wrapper .main-node .sub-node .map-card-item-wrapper {
  max-width: 185px;
  min-width: 185px;
}
#path-wrapper .main-node .main-node-title {
  align-items: center;
  border-radius: inherit;
  display: flex;
  justify-content: center;
  margin: -1px -1px 0;
  min-height: 60px;
  padding: 5px;
  text-align: center;
  line-height: 22px;
}
#path-wrapper .main-node .main-node-title:hover {
  cursor: pointer;
}
#path-wrapper .main-node .main-node-title.hidden {
  display: none;
  opacity: 0;
}
#path-wrapper .main-node.special-offer .main-node-title {
  background-color: #FEDB34;
  position: relative;
}
#path-wrapper .main-node.special-offer .main-node-title .special-offer-label-left-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  border-radius: inherit;
  width: 130px;
  height: 100%;
}
#path-wrapper .main-node.special-offer .main-node-title .special-offer-label-left-wrapper .special-offer-label-left {
  position: absolute;
  background-color: #E93528;
  color: #FFFFFF;
  left: -65px;
  top: 2px;
  font-family: "Public Sans", serif;
  width: 200px;
  height: 52px;
  transform: rotate(-40deg);
}
#path-wrapper .main-node.special-offer .main-node-title .special-offer-label-left-wrapper .special-offer-label-left label {
  display: block;
  font-size: 12px;
  line-height: 10px;
}
#path-wrapper .main-node.special-offer .main-node-title .special-offer-label-left-wrapper .special-offer-label-left strong {
  display: block;
  font-size: 16px;
  font-weight: normal;
  padding-top: 8px;
}
#path-wrapper .main-node.special-offer .main-node-title .special-offer-label-right {
  font-family: "Public Sans", serif;
  top: 0;
  right: 5px;
  position: absolute;
  background-color: #E93528;
  color: #FFFFFF;
  height: 100%;
  width: 70px;
}
#path-wrapper .main-node.special-offer .main-node-title .special-offer-label-right label {
  display: block;
  font-size: 10px;
  line-height: 5px;
  text-align: left;
  padding-left: 16px;
  font-weight: 100;
}
#path-wrapper .main-node.special-offer .main-node-title .special-offer-label-right strong {
  display: block;
  font-size: 16px;
  font-weight: normal;
  padding-top: 3px;
}
#path-wrapper .main-node.special-offer .main-node-title .special-offer-label-right span {
  display: block;
  font-family: "Public Sans", serif;
  color: #000000;
  font-weight: 600;
  font-size: 22px;
  padding-left: 13px;
}
#path-wrapper .main-node.special-offer .main-node-title .special-offer-label-right span::after {
  content: "%";
  font-size: 11px;
  vertical-align: text-top;
}
#path-wrapper .main-node.selected:not(.disabled) {
  border-color: #0077C6;
}
#path-wrapper .main-node.selected:not(.disabled) .main-node-title {
  background: #0077C6;
  color: #fff;
}
#path-wrapper .main-node.completed {
  border-color: #29A85F;
}
#path-wrapper .main-node.completed .close-node-details {
  color: #29A85F;
}
#path-wrapper .main-node.required-job-role .main-node-title:first-child {
  border: 1px solid #0077C6;
  background-color: #BCDAEE;
}
#path-wrapper .main-node.selected:not(.disabled).completed {
  border-color: #29A85F;
}
#path-wrapper .main-node.selected:not(.disabled).completed .close-node-details {
  color: #29A85F;
}
#path-wrapper .main-node.selected:not(.disabled).completed .main-node-title {
  background: #29A85F;
  color: #fff;
}
#path-wrapper .main-node.hidden {
  display: none;
}
#path-wrapper .main-node.cadet-program {
  border: 1px solid #3E3E3E;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
#path-wrapper .main-node.cadet-program .main-node-title {
  color: #000;
}
#path-wrapper .main-node.cadet-program .provider-details {
  display: none;
}
#path-wrapper .main-node.cadet-program .sign-up {
  width: 230px;
  height: 50px;
  margin: 0 auto;
  background: #3E3E3E;
  border: 0;
  color: #fff;
  margin: auto auto 20px;
  max-width: 100%;
}
#path-wrapper .main-node.cadet-program.hidden .node__content,
#path-wrapper .main-node.cadet-program.hidden .main-node-title {
  display: none;
}
#path-wrapper .main-node.cadet-program.hidden .node-text {
  display: none;
}
#path-wrapper .main-node.cadet-program.hidden #content_507 {
  display: none;
}
#path-wrapper .main-node.cadet-program.highlight .node-text {
  color: #0077C6;
}
#path-wrapper .main-node.cadet-program.highlight .sign-up {
  background-color: #0077C6;
}
#path-wrapper .main-node.cadet-program.selected:not(.disabled) .main-node-title {
  background-color: transparent;
  color: #000;
}
#path-wrapper .main-node.cadet-program .floating-caption {
  position: absolute;
  top: 20px;
  left: 10px;
  padding: 20px 30px 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 150px;
  clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
}
#path-wrapper .main-node.cadet-program .floating-caption + picture {
  margin: 80px 0 10px 20px;
  width: 320px;
}
#path-wrapper .main-node.cadet-program.cadet-program {
  display: flex;
  flex-wrap: wrap-reverse;
}
#path-wrapper .main-node.cadet-program.cadet-program .img-container {
  position: relative;
}
#path-wrapper .main-node.cadet-program .word-cloud {
  height: 120px;
  width: 100%;
  position: relative;
  font-size: 6px;
}
#path-wrapper .main-node.collection_course .single-course-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#path-wrapper .main-node[data-node-type=supplementary-other-courses], #path-wrapper .main-node[data-node-type=other-courses] {
  background-image: repeating-linear-gradient(to right, #000 0%, #000 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to right, #000 0%, #000 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to bottom, #000 0%, #000 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to bottom, #000 0%, #000 50%, transparent 50%, transparent 100%);
  background-position: left top, left bottom, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 15px 1px, 15px 1px, 1px 15px, 1px 15px;
  border: none;
}
#path-wrapper .main-node[data-node-type=supplementary-other-courses] .map-card-item-wrapper, #path-wrapper .main-node[data-node-type=other-courses] .map-card-item-wrapper {
  max-width: 185px;
  min-width: 185px;
}
#path-wrapper .main-node[data-node-type=title],
#path-wrapper .main-node[data-node-type=milestone],
#path-wrapper .main-node[data-node-type=action],
#path-wrapper .main-node[data-node-type=information],
#path-wrapper .department_box .sub_node[data-node-type=action] {
  border: 1px solid #F0F0F0;
}
#path-wrapper .main-node[data-node-type=title] .main-node-title,
#path-wrapper .main-node[data-node-type=milestone] .main-node-title,
#path-wrapper .main-node[data-node-type=action] .main-node-title,
#path-wrapper .main-node[data-node-type=information] .main-node-title,
#path-wrapper .department_box .sub_node[data-node-type=action] .main-node-title {
  background-color: #F0F0F0;
  border-radius: 7px;
  line-height: 22px;
}
#path-wrapper .main-node[data-node-type=title] .i-got-this,
#path-wrapper .main-node[data-node-type=milestone] .i-got-this,
#path-wrapper .main-node[data-node-type=action] .i-got-this,
#path-wrapper .main-node[data-node-type=information] .i-got-this,
#path-wrapper .department_box .sub_node[data-node-type=action] .i-got-this {
  display: none;
}
#path-wrapper .main-node[data-node-type=title] .provider-details,
#path-wrapper .main-node[data-node-type=milestone] .provider-details,
#path-wrapper .main-node[data-node-type=action] .provider-details,
#path-wrapper .main-node[data-node-type=information] .provider-details,
#path-wrapper .department_box .sub_node[data-node-type=action] .provider-details {
  display: none;
}
#path-wrapper .main-node:not(.disabled).selected[data-node-type=title],
#path-wrapper .main-node:not(.disabled).selected[data-node-type=milestone],
#path-wrapper .main-node:not(.disabled).selected[data-node-type=action],
#path-wrapper .main-node:not(.disabled).selected[data-node-type=information] {
  border-color: #0077C6;
}
#path-wrapper .main-node:not(.disabled).selected[data-node-type=title] .main-node-title,
#path-wrapper .main-node:not(.disabled).selected[data-node-type=milestone] .main-node-title,
#path-wrapper .main-node:not(.disabled).selected[data-node-type=action] .main-node-title,
#path-wrapper .main-node:not(.disabled).selected[data-node-type=information] .main-node-title {
  background: #0077C6;
  color: #fff;
}
#path-wrapper .main-node[data-node-type=cadet_program] .main-node-title {
  background-color: unset;
  border-radius: 7px;
}
#path-wrapper .academy-options {
  display: flex;
  flex-direction: column;
}
#path-wrapper .academy-options .download-information {
  max-width: 250px;
  margin: auto;
  margin-bottom: 25px;
}
#path-wrapper .academy-options .buy-program {
  width: 100%;
  text-align: center;
}
#path-wrapper .academy-options .buy-program img {
  width: 40%;
}
#path-wrapper .main-node.highlight {
  border-color: #0077C6;
}
#path-wrapper .main-node.highlight .main-node-title {
  background-color: transparent;
  color: #0077C6;
}
#path-wrapper .main-node.highlight.selected {
  border-color: #0077C6;
}
#path-wrapper .main-node.highlight.selected .main-node-title {
  background: #0077C6;
  color: #fff;
}
#path-wrapper .main-node.highlight[data-node-type=other-courses], #path-wrapper .main-node.highlight[data-node-type=supplementary-other-courses] {
  background-image: repeating-linear-gradient(to right, #0077C6 0%, #0077C6 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to right, #0077C6 0%, #0077C6 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to bottom, #0077C6 0%, #0077C6 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to bottom, #0077C6 0%, #0077C6 50%, transparent 50%, transparent 100%);
  background-position: left top, left bottom, left top, right top;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 15px 1px, 15px 1px, 1px 15px, 1px 15px;
  border: none;
}
#path-wrapper .main-node.highlight[data-node-type=other-courses] .sub-node .sub-node-title, #path-wrapper .main-node.highlight[data-node-type=supplementary-other-courses] .sub-node .sub-node-title {
  background-color: transparent;
  border: 1px solid #000;
}
#path-wrapper .main-node.highlight[data-node-type=other-courses] .sub-node.highlight .sub-node-title, #path-wrapper .main-node.highlight[data-node-type=supplementary-other-courses] .sub-node.highlight .sub-node-title {
  background-color: transparent;
  border: 1px solid #0077C6;
  color: #0077C6;
}
#path-wrapper .node-text.hidden {
  opacity: 0;
}
#path-wrapper .sub-node {
  background-color: #fff;
  margin: 20px;
  position: relative;
}
#path-wrapper .sub-node + .sub-node {
  margin-top: 0;
}
#path-wrapper .sub-node .sub-node-title {
  align-items: center;
  background: #F0F0F0;
  border-radius: inherit;
  display: flex;
  justify-content: center;
  margin: -1px -1px 0;
  min-height: 60px;
  padding: 5px;
  text-align: center;
  line-height: 22px;
}
#path-wrapper .sub-node .sub-node-title:hover {
  cursor: pointer;
}
#path-wrapper .sub-node .sub-node-title.selected:not(.disabled) {
  background: #0077C6;
  color: #fff;
  color: #3E3E3E;
}
#path-wrapper .material-details .pre-course-learning-material {
  border: 1px solid #000;
  margin: 20px;
  padding: 20px;
  position: relative;
  text-align: left;
}
#path-wrapper .node-content-options {
  display: flex;
  flex-wrap: wrap;
}
#path-wrapper .node-content-options [anim=ripple] [anim=rippleContainer] {
  /*Customize effect by defining the following
  variables on the parent element*/
  --ripple-background: #000;
  --ripple-opacity: 0.3;
  --ripple-duration: 600ms;
  --ripple-easing: ease;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
}
#path-wrapper .node-content-options [anim=ripple] [anim=rippleContainer]:before {
  content: "";
  position: absolute;
  display: block;
  background: var(--ripple-background, white);
  border-radius: 50%;
  pointer-events: none;
  top: calc(var(--y) * 1px);
  left: calc(var(--x) * 1px);
  width: calc(var(--d) * 1px);
  height: calc(var(--d) * 1px);
  opacity: calc(var(--o, 1) * var(--ripple-opacity, 0.3));
  transition: calc(var(--t, 0) * var(--ripple-duration, 600ms)) var(--ripple-easing, linear);
  transform: translate(-50%, -50%) scale(var(--s, 1));
  transform-origin: center;
}
#path-wrapper .node-content-options .path-button {
  align-items: center;
  border-top: 1px solid #0077C6;
  display: inline-flex;
  flex: 1 1 160px;
  height: 60px;
  justify-content: center;
  padding: 0 5px;
  position: relative;
  text-align: center;
  transition: background-color 0.2s ease;
}
#path-wrapper .node-content-options .path-button:not(:nth-of-type(2))::before {
  background-color: #0077C6;
  content: "";
  height: 100%;
  left: 100%;
  position: absolute;
  top: 0;
  width: 1px;
}
#path-wrapper .node-content-options .path-button:hover {
  background: #1a85cc;
  color: #fff;
  cursor: pointer;
}
#path-wrapper .node-content-options .path-button.active {
  background: #0077C6;
  color: #fff;
  cursor: pointer;
}
#path-wrapper .node-content-options .path-button:first-child {
  border-bottom-left-radius: 5px;
}
#path-wrapper .node-content-options .path-button:last-child {
  border-right: 0px;
  border-bottom-right-radius: 5px;
}
#path-wrapper .node-content-options .path-button:last-child::before {
  content: unset;
}
#path-wrapper .map-open .node-content-options .path-button,
#path-wrapper .provider-open .node-content-options .path-button,
#path-wrapper .learning-materials-open .node-content-options .path-button {
  border-bottom: 1px solid #0077C6;
}
#path-wrapper .map-open .node-content-options .path-button:first-child,
#path-wrapper .provider-open .node-content-options .path-button:first-child,
#path-wrapper .learning-materials-open .node-content-options .path-button:first-child {
  border-bottom-left-radius: 0px;
}
#path-wrapper .map-open .node-content-options .path-button:last-child,
#path-wrapper .provider-open .node-content-options .path-button:last-child,
#path-wrapper .learning-materials-open .node-content-options .path-button:last-child {
  border-bottom-right-radius: 0px;
}
#path-wrapper .map-open.completed .node-content-options .path-button,
#path-wrapper .provider-open.completed .node-content-options .path-button,
#path-wrapper .learning-materials-open.completed .node-content-options .path-button {
  border-bottom-color: #29A85F;
}
#path-wrapper .department_box {
  background: #fff;
  border: 1px solid #666666;
  margin: 40px 0 0;
  padding: 20px;
  position: relative;
  z-index: 1;
}
#path-wrapper .department_box .department_title {
  background-color: #fff;
  font-size: 14px;
  left: 50%;
  margin: 0;
  padding: 0 20px;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
}
#path-wrapper .department_box .node__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
#path-wrapper .department_box .node__content .sub_node,
#path-wrapper .department_box .node__content .node_box {
  height: 60px;
  border: 1px solid #3E3E3E;
}
#path-wrapper .department_box .node__content .sub_node:hover,
#path-wrapper .department_box .node__content .node_box:hover {
  cursor: pointer;
}
#path-wrapper .department_box .node__content .sub_node .node_title,
#path-wrapper .department_box .node__content .node_box .node_title {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: -1px -1px 0;
  min-height: 60px;
  padding: 5px;
  text-align: center;
}
#path-wrapper .department_box .node__content .sub_node.open,
#path-wrapper .department_box .node__content .node_box.open {
  height: auto;
}
#path-wrapper .department_box .node__content .sub_node.open .node_content,
#path-wrapper .department_box .node__content .node_box.open .node_content {
  display: block;
}
#path-wrapper .department_box .node__content .sub_node .node_content,
#path-wrapper .department_box .node__content .node_box .node_content {
  display: none;
}
#path-wrapper .department_box .node__content .sub_node:nth-child(odd):last-child {
  /*lets orphan span 2 columns*/
  grid-column-end: 3;
  grid-column-start: 1;
}
#path-wrapper .department_box .node__content .sub_node:nth-child(odd):last-child::before {
  max-width: calc(100% + 42px);
}
#path-wrapper .department_box .node__content .sub_node.active .node_title {
  background-color: #0077C6;
  color: #fff;
}
#path-wrapper .department_box .node__content .node_box.highlight {
  border-color: #0077C6;
}
#path-wrapper .department_box .node__content .node_box.highlight .node_title {
  background-color: #0077C6;
  color: #fff;
}
#path-wrapper .courses_box {
  background: #fff;
  border: 1px solid #666666;
  margin: 40px 0 0;
  position: relative;
  z-index: 1;
}
#path-wrapper .courses_box > .close-node-details {
  display: none;
}
#path-wrapper .courses_box .department_title {
  background-color: #fff;
  font-size: 14px;
  left: 50%;
  margin: 0;
  padding: 0 20px;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
}
#path-wrapper .courses_box .node__content .course-box-formatting {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
#path-wrapper .courses_box .node__content .course-box-formatting .main-node {
  display: none;
  flex-wrap: wrap;
  flex: 1 1 calc(50% - 40px);
  justify-content: center;
  margin: 10px;
}
#path-wrapper .courses_box .node__content .course-box-formatting .main-node.course-highlight {
  display: block;
}
#path-wrapper .courses_box .node__content .course-box-formatting .main-node.course-highlight.open {
  flex: 1 1 calc(100% - 40px);
  max-width: calc(100% - 20px);
}
#path-wrapper .courses_box .node__content .main-node {
  /*border: 1px solid $extra-dark-grey;*/
  height: 60px;
}
#path-wrapper .courses_box .node__content .main-node .main-node-title {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: -1px -1px 0;
  min-height: 60px;
  padding: 5px;
  text-align: center;
  width: calc(100% + 2px);
  line-height: 21px;
}
#path-wrapper .courses_box .node__content .main-node .main-node-title:hover {
  cursor: pointer;
}
#path-wrapper .courses_box .node__content .main-node.open {
  height: auto;
}
#path-wrapper .courses_box .node__content .main-node.open .node_content {
  display: block;
}
#path-wrapper .courses_box .node__content .main-node .node_content {
  display: none;
}
#path-wrapper .courses_box .node__content .main-node.highlight {
  border-color: #0077C6;
}
#path-wrapper .courses_box .node__content .main-node.highlight .main-node-title {
  background: #0077C6;
  color: #fff;
}
#path-wrapper .department_box .close-node-details {
  display: none;
}
#path-wrapper .department_box .sub_node[data-node-type=action] {
  border: 1px solid #f7f7f7;
  position: relative;
}
#path-wrapper .department_box .sub_node[data-node-type=action]::before {
  background-color: #3E3E3E;
  content: "";
  height: 1px;
  left: 0;
  max-width: calc(200% + 65px);
  position: absolute;
  top: 50%;
  transform: translateX(-21px);
  width: 100vw;
}
#path-wrapper .department_box .sub_node[data-node-type=action]:nth-child(2n+2)::before {
  max-width: calc(100% - 40px);
  background-color: #fff;
}
#path-wrapper .department_box .sub_node[data-node-type=action] .node_title {
  background: #F0F0F0;
  color: #000;
  position: relative;
  z-index: 1;
}
#path-wrapper .department_box .sub_node[data-node-type=action].open .expand-node-wrapper {
  display: none;
}
#path-wrapper .department_box .sub_node[data-node-type=action]:hover .expand-node-wrapper {
  background-color: #0077C6;
  color: #fff;
  box-shadow: inset #0077C6 0 0 0 1px;
}
#path-wrapper .department_box .sub_node[data-node-type=action] .expand-node-wrapper {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: inset #3E3E3E 0 0 0 1px;
  color: #3E3E3E;
  height: 20px;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  width: 20px;
  font-size: 10px;
  z-index: 1;
}
#path-wrapper .department_box .sub_node[data-node-type=action] .expand-node-wrapper .expand-node-button {
  height: inherit;
  width: inherit;
  display: block;
}
#path-wrapper .department_box .sub_node[data-node-type=action] .expand-node-wrapper .expand-node-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
}
#path-wrapper .department_box .sub_node[data-node-type=action].required-job-role .node_title:first-child {
  border: 1px solid #0077C6;
  background-color: #BCDAEE;
}
#path-wrapper .courses_box .main-node {
  display: none;
}
#path-wrapper .courses_box .main-node.highlight {
  display: block;
}

#path-wrapper .department_box .sub_node[data-node-type=action].department-hilighted .node_title {
  background-color: #fde000;
}

#path-wrapper .department_box .sub_node[data-node-type=action].department-hilighted.active .node_title {
  background-color: #0077c6;
}

#path-wrapper .department_box .sub_node[data-node-type=action].department-hilighted.required-job-role .node_title {
  border: 1px solid #0077c6;
  background-color: #bcdaee;
}

.department-hilighted-left {
  position: absolute;
  z-index: 2;
  margin-left: -1px;
  margin-top: -1px;
}
@media (max-width: 665px) {
  .department-hilighted-left img {
    width: 0px;
    height: 0px;
  }
}

.department-hilighted-right {
  position: absolute;
  z-index: 2;
  margin-top: -1px;
  align-self: end;
  width: 100%;
  text-align: right;
  margin-right: 3px;
  top: 0;
}
.department-hilighted-right img {
  right: 0;
  overflow: hidden;
}
@media (max-width: 665px) {
  .department-hilighted-right img {
    width: 0px;
    height: 0px;
  }
}

.package_title {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.device-mobile #path-wrapper .expand-path #right {
  flex-basis: 1px;
  max-width: 1px;
  max-height: 100%;
  padding: 0;
  margin: 0;
}
.device-mobile #path-wrapper .expand-path #right #node-container-right .main-node {
  display: none;
}
.device-mobile #path-wrapper .expand-path #right #node-container-right .main-node::before {
  opacity: 0;
}
.device-mobile #path-wrapper .expand-path #left {
  flex-basis: calc(100% - 11px);
  max-width: calc(100% - 11px);
}
.device-mobile #path-wrapper .courses_box .department_title {
  background-color: #fff;
  font-size: 14px;
  left: 50%;
  margin: 0;
  padding: 0 20px;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
}
.device-mobile #path-wrapper .courses_box .node__content .course-box-formatting {
  padding: 10px;
}
.device-mobile #path-wrapper .courses_box .node__content .course-box-formatting .main-node {
  flex: 1 1 calc(100% - 40px);
}

/* Cadet Programs: Ephemeris Cadet Programs */
.cadet-margin {
  margin: 2px;
}

.cadet-hilighted {
  background: #2476a5;
  color: #ffffff;
}
.cadet-hilighted p {
  padding: 0 10px;
}
.cadet-hilighted a {
  align-self: center;
}

.cadet-centered {
  max-width: 438px;
  height: auto;
  padding-bottom: 5px;
}

.academy-options a {
  align-self: center;
}

.review-raised {
  margin-top: -35px !important;
}

.accreditation-spacer {
  display: inline-flex;
  width: 215px;
  height: 80px;
}
.accreditation-spacer picture {
  display: block;
  margin: auto;
}

@media (max-width: 439px) {
  .accreditation-spacer {
    width: 100%;
  }
}
/*Animations and transitions*/
/*Supports
    fade
    small-bounce
    bounce
    stretch-down
    stretch-right
    drop-in
*/
#path-wrapper .close-node-details {
  animation: transition-in_small-bounce;
  animation-duration: 0.6s;
}

@keyframes transition-in_bounce {
  0% {
    transform: translate(-50%,-50%)  scale(0);
  }
  90% {
    transform: translate(-50%,-50%)  scale(1.1);
  }
  100% {
    transform: translate(-50%,-50%)  scale(1);
  }
}
@keyframes transition-in_small-bounce {
  0% {
    transform: translate(-50%,-50%)  scale(0.6);
  }
  90% {
    transform: translate(-50%,-50%)  scale(1.02);
  }
  100% {
    transform: translate(-50%,-50%)  scale(1);
  }
}
.sub-node:nth-child(1) {
  animation-duration: 0.5s;
}

.sub-node:nth-child(2) {
  animation-duration: 0.6s;
}

.sub-node:nth-child(3) {
  animation-duration: 0.7s;
}

.sub-node:nth-child(4) {
  animation-duration: 0.8s;
}

.sub-node:nth-child(5) {
  animation-duration: 0.9s;
}

.sub-node:nth-child(6) {
  animation-duration: 1s;
}

.sub-node:nth-child(7) {
  animation-duration: 1.1s;
}

.sub-node:nth-child(8) {
  animation-duration: 1.2s;
}

.sub-node:nth-child(9) {
  animation-duration: 1.3s;
}

.sub-node:nth-child(10) {
  animation-duration: 1.4s;
}

.sub-node:nth-child(11) {
  animation-duration: 1.5s;
}

/**
    Example of use:
    @include _cascadingListWithTransition(".selector", 5, "fade");
*/
/*Supports
    fade
    small-bounce
    bounce
    stretch-down
    stretch-right
    drop-in
*/
.sub-node {
  animation: transition-in_drop-in;
  animation-duration: 0.4s;
}

@keyframes transition-in_drop-in {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  90% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.node-text > *:nth-child(1) {
  animation-duration: 0.3s;
}

.node-text > *:nth-child(2) {
  animation-duration: 0.4s;
}

.node-text > *:nth-child(3) {
  animation-duration: 0.5s;
}

.node-text > *:nth-child(4) {
  animation-duration: 0.6s;
}

.node-text > *:nth-child(5) {
  animation-duration: 0.7s;
}

.node-text > *:nth-child(6) {
  animation-duration: 0.8s;
}

.node-text > *:nth-child(7) {
  animation-duration: 0.9s;
}

.node-text > *:nth-child(8) {
  animation-duration: 1s;
}

.node-text > *:nth-child(9) {
  animation-duration: 1.1s;
}

.node-text > *:nth-child(10) {
  animation-duration: 1.2s;
}

.node-text > *:nth-child(11) {
  animation-duration: 1.3s;
}

.node-text > *:nth-child(12) {
  animation-duration: 1.4s;
}

.node-text > *:nth-child(13) {
  animation-duration: 1.5s;
}

.node-text > *:nth-child(14) {
  animation-duration: 1.6s;
}

/**
    Example of use:
    @include _cascadingListWithTransition(".selector", 5, "fade");
*/
/*Supports
    fade
    small-bounce
    bounce
    stretch-down
    stretch-right
    drop-in
*/
.node-text > * {
  animation: transition-in_drop-in;
  animation-duration: 0.2s;
}

@keyframes transition-in_drop-in {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  90% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.node_content > *:nth-child(1) {
  animation-duration: 0.3s;
}

.node_content > *:nth-child(2) {
  animation-duration: 0.4s;
}

.node_content > *:nth-child(3) {
  animation-duration: 0.5s;
}

.node_content > *:nth-child(4) {
  animation-duration: 0.6s;
}

.node_content > *:nth-child(5) {
  animation-duration: 0.7s;
}

.node_content > *:nth-child(6) {
  animation-duration: 0.8s;
}

.node_content > *:nth-child(7) {
  animation-duration: 0.9s;
}

.node_content > *:nth-child(8) {
  animation-duration: 1s;
}

.node_content > *:nth-child(9) {
  animation-duration: 1.1s;
}

.node_content > *:nth-child(10) {
  animation-duration: 1.2s;
}

.node_content > *:nth-child(11) {
  animation-duration: 1.3s;
}

.node_content > *:nth-child(12) {
  animation-duration: 1.4s;
}

.node_content > *:nth-child(13) {
  animation-duration: 1.5s;
}

.node_content > *:nth-child(14) {
  animation-duration: 1.6s;
}

/**
    Example of use:
    @include _cascadingListWithTransition(".selector", 5, "fade");
*/
/*Supports
    fade
    small-bounce
    bounce
    stretch-down
    stretch-right
    drop-in
*/
.node_content > * {
  animation: transition-in_drop-in;
  animation-duration: 0.2s;
}

@keyframes transition-in_drop-in {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  90% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.main-node > *:nth-child(1) {
  animation-duration: 0.5s;
}

.main-node > *:nth-child(2) {
  animation-duration: 0.6s;
}

.main-node > *:nth-child(3) {
  animation-duration: 0.7s;
}

.main-node > *:nth-child(4) {
  animation-duration: 0.8s;
}

.main-node > *:nth-child(5) {
  animation-duration: 0.9s;
}

.main-node > *:nth-child(6) {
  animation-duration: 1s;
}

.main-node > *:nth-child(7) {
  animation-duration: 1.1s;
}

.main-node > *:nth-child(8) {
  animation-duration: 1.2s;
}

.main-node > *:nth-child(9) {
  animation-duration: 1.3s;
}

/**
    Example of use:
    @include _cascadingListWithTransition(".selector", 5, "fade");
*/
/*Supports
    fade
    small-bounce
    bounce
    stretch-down
    stretch-right
    drop-in
*/
.main-node > * {
  animation: transition-in_drop-in;
  animation-duration: 0.4s;
}

@keyframes transition-in_drop-in {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  90% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.pre-course-learning-material > *:nth-child(1) {
  animation-duration: 0.5s;
}

.pre-course-learning-material > *:nth-child(2) {
  animation-duration: 0.6s;
}

.pre-course-learning-material > *:nth-child(3) {
  animation-duration: 0.7s;
}

.pre-course-learning-material > *:nth-child(4) {
  animation-duration: 0.8s;
}

.pre-course-learning-material > *:nth-child(5) {
  animation-duration: 0.9s;
}

.pre-course-learning-material > *:nth-child(6) {
  animation-duration: 1s;
}

.pre-course-learning-material > *:nth-child(7) {
  animation-duration: 1.1s;
}

.pre-course-learning-material > *:nth-child(8) {
  animation-duration: 1.2s;
}

.pre-course-learning-material > *:nth-child(9) {
  animation-duration: 1.3s;
}

/**
    Example of use:
    @include _cascadingListWithTransition(".selector", 5, "fade");
*/
/*Supports
    fade
    small-bounce
    bounce
    stretch-down
    stretch-right
    drop-in
*/
.pre-course-learning-material > * {
  animation: transition-in_drop-in;
  animation-duration: 0.4s;
}

@keyframes transition-in_drop-in {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  90% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.course_provider_wrapper > *:nth-child(1) {
  animation-duration: 0.5s;
}

.course_provider_wrapper > *:nth-child(2) {
  animation-duration: 0.6s;
}

.course_provider_wrapper > *:nth-child(3) {
  animation-duration: 0.7s;
}

.course_provider_wrapper > *:nth-child(4) {
  animation-duration: 0.8s;
}

.course_provider_wrapper > *:nth-child(5) {
  animation-duration: 0.9s;
}

.course_provider_wrapper > *:nth-child(6) {
  animation-duration: 1s;
}

.course_provider_wrapper > *:nth-child(7) {
  animation-duration: 1.1s;
}

.course_provider_wrapper > *:nth-child(8) {
  animation-duration: 1.2s;
}

.course_provider_wrapper > *:nth-child(9) {
  animation-duration: 1.3s;
}

/**
    Example of use:
    @include _cascadingListWithTransition(".selector", 5, "fade");
*/
/*Supports
    fade
    small-bounce
    bounce
    stretch-down
    stretch-right
    drop-in
*/
.course_provider_wrapper > * {
  animation: transition-in_drop-in;
  animation-duration: 0.4s;
}

@keyframes transition-in_drop-in {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  90% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes setHeight-1 {
  0% {
    height: 0;
  }
  25% {
    height: 100%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 100%;
  }
}
@keyframes setHeight-2 {
  0% {
    height: 0;
  }
  25% {
    height: 0;
  }
  50% {
    height: calc(100% - 50px);
  }
  75% {
    height: calc(100% - 50px);
  }
  100% {
    height: calc(100% - 50px);
  }
}
@keyframes setHeight-3 {
  0% {
    height: 0;
  }
  25% {
    height: 0;
  }
  50% {
    height: 0;
  }
  75% {
    height: calc(100% - 60px);
  }
  100% {
    height: calc(100% - 60px);
  }
}
@keyframes setWidth-1 {
  0% {
    width: 0;
  }
  25% {
    width: 50%;
  }
  50% {
    width: 50%;
  }
  75% {
    width: 50%;
  }
  100% {
    width: 50%;
  }
}
@keyframes setWidth-2 {
  0% {
    width: 0;
  }
  25% {
    width: 0;
  }
  50% {
    width: 50%;
  }
  75% {
    width: 50%;
  }
  100% {
    width: 50%;
  }
}
#node-container-split_node_a,
#node-container-split_node_b {
  display: flex;
  gap: 20px;
}
#node-container-split_node_a .main-node,
#node-container-split_node_b .main-node {
  max-width: calc(100% - 10px);
  flex: 1 1 calc(50% - 20px);
  margin-left: 1px;
  margin-right: 1px;
  margin-top: -10px;
  border: 0px;
}
#node-container-split_node_a .split-child,
#node-container-split_node_b .split-child {
  display: none;
}

#node-container-split_node_b .main-node {
  margin-top: 30px;
}

.deck_path .row div.col-xs-12#bottom {
  margin-top: -10px;
}

.split-column + div {
  display: none;
}

.dual-certification {
  width: calc(50% - 11px);
  /*we use 11px here since the Or text set between these elements renders at a width of 22px*/
  text-align: center;
}

div#split_node_a {
  margin-top: -11px;
}

.split-column.split-column-ha {
  padding-bottom: 0;
}

#path-wrapper .split-column-ha .main-node.split-head {
  margin-top: 20px;
}

#path-wrapper .main-node.split-content {
  margin-top: 30px;
  width: 920px;
}

#split_b .course_provider_content,
#split_a .course_provider_content {
  max-width: 930px;
}

@media screen and (max-width: 985px) {
  #path-wrapper .main-node.split-content {
    width: calc(100% - 10px);
  }
}
@media screen and (max-width: 930px) {
  #split_b .course_provider_wrapper,
  #split_a .course_provider_wrapper {
    width: calc(100% - 10px);
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 600px) {
  #split_b .course_provider_wrapper,
  #split_a .course_provider_wrapper {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 400px) {
  #split_b .course_provider_wrapper,
  #split_a .course_provider_wrapper {
    margin-left: 5px;
    margin-right: 5px;
  }
}
#split_a,
#split_b {
  margin-top: -20px;
  margin-bottom: -20px;
  width: 100%;
  position: relative;
}

#split-column::before {
  bottom: 0;
  height: 30px;
}

#split-column .no-after {
  top: 30px;
  height: 0px;
}

.split-column::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  background-color: #3e3e3e;
  top: calc(100% - 10px);
  height: 60px;
}

.col-xs-12.split-column {
  position: relative;
  padding-top: 0;
}

.split-column.selected::before {
  opacity: 0;
}

.split-rem-line #node-container-split_node_a .main-node,
.split-rem-line #node-container-split_node_b .main-node {
  border: 0px;
}
.split-rem-line #node-container-split_node_a span.expand-node-wrapper,
.split-rem-line #node-container-split_node_b span.expand-node-wrapper {
  margin-top: 58px;
}

#node-container-split_a .selected,
#node-container-split_b .selected {
  margin-bottom: 20px;
}

#course_dates_enq_holder .course-enq-form-wrapper.live {
  border: 1px solid #fd671a;
}

#course_dates_enq_holder .course-enq-form-wrapper.person {
  border: 1px solid #0077c6;
}

#segbox h2.course-provider:not(.no-social) {
  display: inline-block;
}
#segbox h2.course-provider:not(.no-social)::before {
  content: "";
  width: 200px;
  height: 55px;
  display: block;
  float: right;
}

/*.shared-node a {
    display: block;
    width: 80px;
    height: 35px;
    background-color: $brand-color;
    text-align: center;
    padding-top: 8px;
    color: #FFF !important;
    &:hover {
        color: $themeBlue;
    }
}*/
.share-node {
  position: absolute;
  right: 20px;
  top: 42px;
  cursor: pointer;
}
.share-node .share-button {
  color: #000;
}
.share-node .share-button:hover {
  color: #0077C6;
}

.device-mobile .share-node {
  position: unset;
}

.centered-loading {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

body.galley #path-wrapper #top:before {
  height: calc(100% - 30px);
}

.pccp-content img {
  max-width: 100%;
}
.pccp-content .pccp-content-banner-image {
  max-width: calc(100% + 20px);
  margin-top: -10px;
  margin-left: -10px;
}
@media screen and (max-width: 560px) {
  .pccp-content .pccp-content-banner-image {
    max-width: calc(100% + 12px);
    margin-left: -6px;
  }
}
.pccp-content .focus-title {
  font-size: 34px;
}
@media screen and (max-width: 520px) {
  .pccp-content .focus-title {
    font-size: 24px;
  }
}
.pccp-content .focus-title span {
  color: #F1A241;
}
.pccp-content .read-more-button {
  position: relative;
  width: max-content;
  color: #0077C5;
  cursor: pointer;
}
.pccp-content .read-more-button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.pccp-content .read-more-button:hover::after {
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.pccp-content .course-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  position: relative;
  padding-bottom: 42px;
}
@media screen and (max-width: 860px) {
  .pccp-content .course-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 565px) {
  .pccp-content .course-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.pccp-content .course-grid::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #aeaeae;
}
.pccp-content .course-section-header {
  color: #355583;
  font-size: 30px;
  font-weight: 600;
  margin-block: 42px 24px;
}
@media screen and (max-width: 520px) {
  .pccp-content .course-section-header {
    font-size: 18px;
    margin-block: 30px 16px;
  }
}
.pccp-content .course-section-header span {
  background-color: #F1A241;
  padding: 6px;
  text-transform: uppercase;
}
.pccp-content .pccp-course-card {
  display: flex;
  flex-direction: column;
  position: relative;
  border: solid 1px #DFDFDF;
  background: white;
  color: #323232;
  text-decoration: none;
  border-radius: 4px;
  overflow: hidden;
}
.pccp-content .pccp-course-card img {
  width: unset !important;
  height: unset !important;
}
.pccp-content .woocommerce-Price-amount.amount {
  position: absolute;
  top: 18px;
  right: 0;
  color: #fff;
  padding-block: 6px;
  background-color: #F1A241;
  padding-inline: 6px;
  font-size: 12px;
  border-radius: 4px 0 0 4px;
  font-weight: bold;
}
.pccp-content .course-inner-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pccp-content .course-buttons {
  display: flex;
  justify-content: space-evenly;
  gap: 12px;
  margin-top: auto;
}
@media screen and (max-width: 420px) {
  .pccp-content .course-buttons {
    flex-wrap: wrap;
  }
}
.pccp-content .course-buttons > a {
  width: calc(50% - 6px);
  padding: 6px 12px;
  outline: 1px solid;
  border-radius: 6px;
  text-align: center;
  text-transform: uppercase;
  color: #3750E6;
  font-weight: 600;
  font-size: 12px;
}
@media screen and (max-width: 420px) {
  .pccp-content .course-buttons > a {
    width: 100%;
  }
}
.pccp-content .course-buttons > a.buy-now {
  color: #fff;
  outline: none;
  background-color: #F1A241;
}
.pccp-content .unlock-title {
  font-size: 32px;
  font-weight: 600;
}
@media screen and (max-width: 520px) {
  .pccp-content .unlock-title {
    font-size: 20px;
  }
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.policy-content {
  font-size: 16px;
}
.policy-content h1 {
  margin-bottom: 48px;
}
.policy-content h3 {
  margin-block: 20px;
}
.policy-content p {
  margin-block: 16px;
}
.policy-content ul {
  padding-left: 40px;
}
.policy-content li {
  margin-block: 6px;
}
.policy-content a {
  font-size: inherit;
}
.policy-content .cookie-table {
  overflow-x: auto;
}
.policy-content table {
  border-spacing: 1px;
  background-color: #c1c1c1;
}
.policy-content th, .policy-content td {
  background-color: #fbfbfb;
  padding: 12px;
  border: none;
}
.policy-content .hover-link {
  position: relative;
  padding-bottom: 4px;
}
.policy-content .hover-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80%;
  border-bottom: 2px solid;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}
.policy-content .hover-link:hover::after {
  transform: scaleX(1);
}
@media screen and (max-width: 45em) {
  .policy-content h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 45em) {
  .policy-content h4 {
    font-size: 25px;
  }
}
@media screen and (max-width: 45em) {
  .policy-content p {
    font-size: 16px;
  }
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.logged-in.my-account .user-nav-container, .logged-in.exchanges-returns .user-nav-container {
  background-color: #0077C6;
  color: #fff;
}
.logged-in.my-account .user-nav-container h5, .logged-in.exchanges-returns .user-nav-container h5 {
  margin-block: 30px;
  font-size: 28px;
  font-weight: 400;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .user-nav-container h5, .logged-in.exchanges-returns .user-nav-container h5 {
    font-size: 24px;
  }
}
@media screen and (max-width: 620px) {
  .logged-in.my-account .user-nav-container h5, .logged-in.exchanges-returns .user-nav-container h5 {
    font-size: 18px;
  }
}
@media screen and (max-width: 460px) {
  .logged-in.my-account .user-nav-container h5, .logged-in.exchanges-returns .user-nav-container h5 {
    margin-bottom: 8px;
  }
}
.logged-in.my-account .user-nav, .logged-in.exchanges-returns .user-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 460px) {
  .logged-in.my-account .user-nav, .logged-in.exchanges-returns .user-nav {
    flex-direction: column;
  }
}
.logged-in.my-account .user-nav .menu-account-menu-container, .logged-in.exchanges-returns .user-nav .menu-account-menu-container {
  position: relative;
  top: unset;
  width: max-content;
  background-color: transparent;
}
@media screen and (max-width: 460px) {
  .logged-in.my-account .user-nav .menu-account-menu-container, .logged-in.exchanges-returns .user-nav .menu-account-menu-container {
    margin-bottom: 24px;
  }
}
.logged-in.my-account .user-nav .menu-account-menu-container li, .logged-in.exchanges-returns .user-nav .menu-account-menu-container li {
  background-color: transparent;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .user-nav .menu-account-menu-container li, .logged-in.exchanges-returns .user-nav .menu-account-menu-container li {
    height: 35px;
  }
}
@media screen and (max-width: 620px) {
  .logged-in.my-account .user-nav .menu-account-menu-container li, .logged-in.exchanges-returns .user-nav .menu-account-menu-container li {
    height: 30px;
  }
}
@media screen and (max-width: 460px) {
  .logged-in.my-account .user-nav .menu-account-menu-container li:first-of-type, .logged-in.exchanges-returns .user-nav .menu-account-menu-container li:first-of-type {
    margin-left: 0;
  }
}
@media screen and (max-width: 460px) {
  .logged-in.my-account .user-nav .menu-account-menu-container li:first-of-type a, .logged-in.exchanges-returns .user-nav .menu-account-menu-container li:first-of-type a {
    padding: 0;
  }
}
@media screen and (max-width: 460px) {
  .logged-in.my-account .user-nav .menu-account-menu-container li:last-of-type, .logged-in.exchanges-returns .user-nav .menu-account-menu-container li:last-of-type {
    margin-right: 0;
  }
}
.logged-in.my-account .user-nav .menu-account-menu-container li:last-of-type a::before, .logged-in.exchanges-returns .user-nav .menu-account-menu-container li:last-of-type a::before {
  transform: translateY(-40%);
  content: "";
  height: 50%;
  border-left: 2px solid;
}
.logged-in.my-account .user-nav .menu-account-menu-container a, .logged-in.exchanges-returns .user-nav .menu-account-menu-container a {
  color: #fff;
  font-size: 18px;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .user-nav .menu-account-menu-container a, .logged-in.exchanges-returns .user-nav .menu-account-menu-container a {
    font-size: 16px;
  }
}
@media screen and (max-width: 620px) {
  .logged-in.my-account .user-nav .menu-account-menu-container a, .logged-in.exchanges-returns .user-nav .menu-account-menu-container a {
    font-size: 14px;
  }
}
.logged-in.my-account .my-account-back-to-purchases, .logged-in.exchanges-returns .my-account-back-to-purchases {
  position: relative;
  padding-left: 24px;
  font-size: 18px;
  font-weight: 700;
  color: #3e3e3e;
}
.logged-in.my-account .my-account-back-to-purchases::before, .logged-in.exchanges-returns .my-account-back-to-purchases::before {
  content: "\e92e";
  font-family: "seg";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-40%) rotate(90deg);
}
@media screen and (max-width: 820px) {
  .logged-in.my-account h1, .logged-in.exchanges-returns h1 {
    font-size: 38px;
  }
}
@media screen and (max-width: 620px) {
  .logged-in.my-account h1, .logged-in.exchanges-returns h1 {
    font-size: 30px;
  }
}
.logged-in.my-account .menu-account-tab-menu-container,
.logged-in.my-account .menu-orders-menu-container, .logged-in.exchanges-returns .menu-account-tab-menu-container,
.logged-in.exchanges-returns .menu-orders-menu-container {
  position: unset;
}
.logged-in.my-account .menu-account-tab-menu-container ul,
.logged-in.my-account .menu-orders-menu-container ul, .logged-in.exchanges-returns .menu-account-tab-menu-container ul,
.logged-in.exchanges-returns .menu-orders-menu-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  height: 100%;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 620px) {
  .logged-in.my-account .menu-account-tab-menu-container ul,
  .logged-in.my-account .menu-orders-menu-container ul, .logged-in.exchanges-returns .menu-account-tab-menu-container ul,
  .logged-in.exchanges-returns .menu-orders-menu-container ul {
    flex-direction: column;
  }
}
.logged-in.my-account .menu-account-tab-menu-container li,
.logged-in.my-account .menu-orders-menu-container li, .logged-in.exchanges-returns .menu-account-tab-menu-container li,
.logged-in.exchanges-returns .menu-orders-menu-container li {
  height: 70px;
  width: calc(33.3333333333% - 1px);
  margin: 0;
  text-align: center;
  border: 1px solid;
  border-bottom: none;
  border-radius: 7px 7px 0 0;
  background-color: #fff;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .menu-account-tab-menu-container li,
  .logged-in.my-account .menu-orders-menu-container li, .logged-in.exchanges-returns .menu-account-tab-menu-container li,
  .logged-in.exchanges-returns .menu-orders-menu-container li {
    height: 50px;
  }
}
@media screen and (max-width: 620px) {
  .logged-in.my-account .menu-account-tab-menu-container li,
  .logged-in.my-account .menu-orders-menu-container li, .logged-in.exchanges-returns .menu-account-tab-menu-container li,
  .logged-in.exchanges-returns .menu-orders-menu-container li {
    width: 100%;
  }
}
@media screen and (max-width: 620px) {
  .logged-in.my-account .menu-account-tab-menu-container li:nth-of-type(2), .logged-in.my-account .menu-account-tab-menu-container li:nth-of-type(3),
  .logged-in.my-account .menu-orders-menu-container li:nth-of-type(2),
  .logged-in.my-account .menu-orders-menu-container li:nth-of-type(3), .logged-in.exchanges-returns .menu-account-tab-menu-container li:nth-of-type(2), .logged-in.exchanges-returns .menu-account-tab-menu-container li:nth-of-type(3),
  .logged-in.exchanges-returns .menu-orders-menu-container li:nth-of-type(2),
  .logged-in.exchanges-returns .menu-orders-menu-container li:nth-of-type(3) {
    border-radius: 0;
  }
}
.logged-in.my-account .menu-account-tab-menu-container li a,
.logged-in.my-account .menu-orders-menu-container li a, .logged-in.exchanges-returns .menu-account-tab-menu-container li a,
.logged-in.exchanges-returns .menu-orders-menu-container li a {
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 1.2;
  position: relative;
  white-space: nowrap;
  justify-content: center;
  padding: 0;
  color: rgb(0, 0, 0);
  font-size: 18px;
  font-family: "Public Sans", serif;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .menu-account-tab-menu-container li a,
  .logged-in.my-account .menu-orders-menu-container li a, .logged-in.exchanges-returns .menu-account-tab-menu-container li a,
  .logged-in.exchanges-returns .menu-orders-menu-container li a {
    font-size: 16px;
  }
}
.logged-in.my-account .menu-account-tab-menu-container li.current-menu-item,
.logged-in.my-account .menu-orders-menu-container li.current-menu-item, .logged-in.exchanges-returns .menu-account-tab-menu-container li.current-menu-item,
.logged-in.exchanges-returns .menu-orders-menu-container li.current-menu-item {
  background-color: #0077C6;
}
.logged-in.my-account .menu-account-tab-menu-container li.current-menu-item a,
.logged-in.my-account .menu-orders-menu-container li.current-menu-item a, .logged-in.exchanges-returns .menu-account-tab-menu-container li.current-menu-item a,
.logged-in.exchanges-returns .menu-orders-menu-container li.current-menu-item a {
  color: #fff;
  font-weight: bold;
}
.logged-in.my-account .bordered-form, .logged-in.exchanges-returns .bordered-form {
  border: 1px solid;
  border-radius: 0 0 7px 7px;
  padding: 12px;
}
.logged-in.my-account .bordered-form h3, .logged-in.exchanges-returns .bordered-form h3 {
  color: #0077C6;
  font-size: 23px;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .bordered-form h3, .logged-in.exchanges-returns .bordered-form h3 {
    font-size: 18px;
  }
}
.logged-in.my-account .bordered-form .input-group, .logged-in.exchanges-returns .bordered-form .input-group {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .logged-in.my-account .bordered-form .input-group, .logged-in.exchanges-returns .bordered-form .input-group {
    display: block;
  }
}
@media screen and (max-width: 700px) {
  .logged-in.my-account .bordered-form .input-group, .logged-in.exchanges-returns .bordered-form .input-group {
    margin-bottom: 12px;
  }
}
.logged-in.my-account .bordered-form .input-group > div, .logged-in.exchanges-returns .bordered-form .input-group > div {
  flex-grow: 1;
  max-width: calc(50% - 6px);
}
@media screen and (max-width: 800px) {
  .logged-in.my-account .bordered-form .input-group > div, .logged-in.exchanges-returns .bordered-form .input-group > div {
    max-width: unset;
  }
}
.logged-in.my-account .bordered-form .gap-3, .logged-in.exchanges-returns .bordered-form .gap-3 {
  gap: 12px;
}
@media screen and (max-width: 700px) {
  .logged-in.my-account .bordered-form.edit-account h3, .logged-in.exchanges-returns .bordered-form.edit-account h3 {
    margin-bottom: 8px;
  }
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container h3, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container h3 {
  margin-bottom: 6px;
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container .address-description, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container .address-description {
  margin-bottom: 18px;
  color: #515151;
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container input.input-text, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container input.input-text {
  padding: 6px;
  height: 40px;
  color: #3E3E3E;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 5px;
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #3e3e3e;
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row {
  position: relative;
  padding: 0;
  margin: 0 0 24px 0;
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#billing_country_field, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#billing_state_field, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#shipping_country_field, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#shipping_state_field, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#billing_country_field, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#billing_state_field, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#shipping_country_field, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#shipping_state_field {
  border: 1px solid #aaa;
  border-radius: 5px;
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#billing_country_field .select2-container, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#billing_state_field .select2-container, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#shipping_country_field .select2-container, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#shipping_state_field .select2-container, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#billing_country_field .select2-container, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#billing_state_field .select2-container, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#shipping_country_field .select2-container, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#shipping_state_field .select2-container {
  height: 40px;
  padding-left: 6px;
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#billing_country_field .select2-container .select2-selection, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#billing_state_field .select2-container .select2-selection, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#shipping_country_field .select2-container .select2-selection, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#shipping_state_field .select2-container .select2-selection, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#billing_country_field .select2-container .select2-selection, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#billing_state_field .select2-container .select2-selection, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#shipping_country_field .select2-container .select2-selection, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#shipping_state_field .select2-container .select2-selection {
  height: 40px;
  padding: 0;
  border: none;
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#billing_country_field .select2-container .select2-selection .select2-selection__rendered, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#billing_state_field .select2-container .select2-selection .select2-selection__rendered, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#shipping_country_field .select2-container .select2-selection .select2-selection__rendered, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#shipping_state_field .select2-container .select2-selection .select2-selection__rendered, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#billing_country_field .select2-container .select2-selection .select2-selection__rendered, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#billing_state_field .select2-container .select2-selection .select2-selection__rendered, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#shipping_country_field .select2-container .select2-selection .select2-selection__rendered, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#shipping_state_field .select2-container .select2-selection .select2-selection__rendered {
  line-height: 40px;
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#billing_country_field .select2-container .select2-selection .select2-selection__arrow, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#billing_state_field .select2-container .select2-selection .select2-selection__arrow, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#shipping_country_field .select2-container .select2-selection .select2-selection__arrow, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#shipping_state_field .select2-container .select2-selection .select2-selection__arrow, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#billing_country_field .select2-container .select2-selection .select2-selection__arrow, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#billing_state_field .select2-container .select2-selection .select2-selection__arrow, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#shipping_country_field .select2-container .select2-selection .select2-selection__arrow, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#shipping_state_field .select2-container .select2-selection .select2-selection__arrow {
  height: 40px;
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#billing_country_field input, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#billing_state_field input, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#shipping_country_field input, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row#shipping_state_field input, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#billing_country_field input, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#billing_state_field input, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#shipping_country_field input, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row#shipping_state_field input {
  border: none;
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row label, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row label {
  font-size: 10px;
  position: absolute;
  left: 6px;
  top: -2px;
  z-index: 1;
  transform: translateY(0px);
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row .required, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row .required {
  color: inherit;
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row.seg-mdl-active.form-row-first, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row.seg-mdl-active.form-row-last, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row.seg-mdl-active.form-row-first, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row.seg-mdl-active.form-row-last {
  width: calc(50% - 6px);
  margin-inline: 0;
}
@media screen and (max-width: 700px) {
  .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row.seg-mdl-active.form-row-first, .logged-in.my-account.page[class*=device-] .woocommerce .address-container form .form-row.seg-mdl-active.form-row-last, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row.seg-mdl-active.form-row-first, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container form .form-row.seg-mdl-active.form-row-last {
    width: 100%;
  }
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container #billing_address_1_field,
.logged-in.my-account.page[class*=device-] .woocommerce .address-container #billing_address_2_field,
.logged-in.my-account.page[class*=device-] .woocommerce .address-container #billing_phone_field,
.logged-in.my-account.page[class*=device-] .woocommerce .address-container #billing_email_field,
.logged-in.my-account.page[class*=device-] .woocommerce .address-container #shipping_address_1_field,
.logged-in.my-account.page[class*=device-] .woocommerce .address-container #shipping_address_2_field, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #billing_address_1_field,
.logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #billing_address_2_field,
.logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #billing_phone_field,
.logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #billing_email_field,
.logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #shipping_address_1_field,
.logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #shipping_address_2_field {
  display: inline-block;
  width: calc(50% - 6px);
}
@media screen and (max-width: 700px) {
  .logged-in.my-account.page[class*=device-] .woocommerce .address-container #billing_address_1_field,
  .logged-in.my-account.page[class*=device-] .woocommerce .address-container #billing_address_2_field,
  .logged-in.my-account.page[class*=device-] .woocommerce .address-container #billing_phone_field,
  .logged-in.my-account.page[class*=device-] .woocommerce .address-container #billing_email_field,
  .logged-in.my-account.page[class*=device-] .woocommerce .address-container #shipping_address_1_field,
  .logged-in.my-account.page[class*=device-] .woocommerce .address-container #shipping_address_2_field, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #billing_address_1_field,
  .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #billing_address_2_field,
  .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #billing_phone_field,
  .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #billing_email_field,
  .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #shipping_address_1_field,
  .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #shipping_address_2_field {
    width: 100%;
  }
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container #billing_email_field, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #billing_email_field {
  margin-bottom: 24px;
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container #billing_address_2_field,
.logged-in.my-account.page[class*=device-] .woocommerce .address-container #billing_email_field,
.logged-in.my-account.page[class*=device-] .woocommerce .address-container #shipping_address_2_field, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #billing_address_2_field,
.logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #billing_email_field,
.logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #shipping_address_2_field {
  margin-left: 12px;
}
@media screen and (max-width: 700px) {
  .logged-in.my-account.page[class*=device-] .woocommerce .address-container #billing_address_2_field,
  .logged-in.my-account.page[class*=device-] .woocommerce .address-container #billing_email_field,
  .logged-in.my-account.page[class*=device-] .woocommerce .address-container #shipping_address_2_field, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #billing_address_2_field,
  .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #billing_email_field,
  .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #shipping_address_2_field {
    margin-left: 0;
  }
}
.logged-in.my-account.page[class*=device-] .woocommerce .address-container a.button, .logged-in.my-account.page[class*=device-] .woocommerce .address-container button.button, .logged-in.my-account.page[class*=device-] .woocommerce .address-container input.button, .logged-in.my-account.page[class*=device-] .woocommerce .address-container #respond input#submit, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container a.button, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container button.button, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container input.button, .logged-in.exchanges-returns.page[class*=device-] .woocommerce .address-container #respond input#submit {
  color: #fff;
  background-color: #0077C6;
}
.logged-in.my-account .payment-method-title, .logged-in.exchanges-returns .payment-method-title {
  border-inline: 1px solid;
  margin: 0;
  padding-top: 12px;
  border-top: 1px solid;
  padding-left: 12px;
  color: #0077C6;
  border-color: rgb(62, 62, 62);
  font-size: 23px;
}
.logged-in.my-account .woocommerce table.shop_table, .logged-in.exchanges-returns .woocommerce table.shop_table {
  border-top: none;
}
.logged-in.my-account .woocommerce table.shop_table th, .logged-in.exchanges-returns .woocommerce table.shop_table th {
  font-size: 12px;
  color: #A0A0A0;
  text-transform: uppercase;
}
.logged-in.my-account .woocommerce table.shop_table th:first-of-type, .logged-in.exchanges-returns .woocommerce table.shop_table th:first-of-type {
  width: 40%;
}
.logged-in.my-account .woocommerce table.shop_table th:first-of-type, .logged-in.my-account .woocommerce table.shop_table th:last-of-type, .logged-in.exchanges-returns .woocommerce table.shop_table th:first-of-type, .logged-in.exchanges-returns .woocommerce table.shop_table th:last-of-type {
  text-align: center;
}
.logged-in.my-account .woocommerce table.shop_table .payment-method:first-of-type td, .logged-in.exchanges-returns .woocommerce table.shop_table .payment-method:first-of-type td {
  border-top: 1px solid #0077C6;
}
@media screen and (max-width: 768px) {
  .logged-in.my-account .woocommerce table.shop_table .payment-method:first-of-type td, .logged-in.exchanges-returns .woocommerce table.shop_table .payment-method:first-of-type td {
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .logged-in.my-account .woocommerce table.shop_table .payment-method td, .logged-in.exchanges-returns .woocommerce table.shop_table .payment-method td {
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .logged-in.my-account .woocommerce table.shop_table .payment-method td::before, .logged-in.exchanges-returns .woocommerce table.shop_table .payment-method td::before {
    content: attr(data-title);
  }
}
.logged-in.my-account .woocommerce table.shop_table .add-payment-method td, .logged-in.exchanges-returns .woocommerce table.shop_table .add-payment-method td {
  background-color: transparent;
  border-top: none;
}
@media screen and (max-width: 768px) {
  .logged-in.my-account .woocommerce table.shop_table .add-payment-method td, .logged-in.exchanges-returns .woocommerce table.shop_table .add-payment-method td {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  .logged-in.my-account .woocommerce table.shop_table .add-payment-method td:not(:first-of-type), .logged-in.exchanges-returns .woocommerce table.shop_table .add-payment-method td:not(:first-of-type) {
    display: none;
  }
}
.logged-in.my-account .woocommerce table.shop_table td:last-of-type, .logged-in.exchanges-returns .woocommerce table.shop_table td:last-of-type {
  text-align: start;
  direction: rtl;
}
@media screen and (max-width: 768px) {
  .logged-in.my-account .woocommerce table.shop_table td::before, .logged-in.exchanges-returns .woocommerce table.shop_table td::before {
    content: attr(data-title);
  }
}
.logged-in.my-account .woocommerce table.shop_table .button, .logged-in.exchanges-returns .woocommerce table.shop_table .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
}
@media screen and (max-width: 480px) {
  .logged-in.my-account .woocommerce table.shop_table .button, .logged-in.exchanges-returns .woocommerce table.shop_table .button {
    height: 26px;
    min-width: 100px;
    font-size: 12px;
  }
}
.logged-in.my-account .woocommerce table.shop_table .button.default, .logged-in.exchanges-returns .woocommerce table.shop_table .button.default {
  margin-right: 12px;
  color: #0077C6;
  background-color: #fff;
  outline: 1px solid;
}
.logged-in.my-account .woocommerce table.shop_table .button.default:hover, .logged-in.exchanges-returns .woocommerce table.shop_table .button.default:hover {
  background-color: rgba(0, 119, 198, 0.1);
}
.logged-in.my-account .woocommerce table.shop_table .button.add-payment, .logged-in.exchanges-returns .woocommerce table.shop_table .button.add-payment {
  flex-direction: row-reverse;
  background-color: transparent;
  padding-left: 0;
  gap: 8px;
}
.logged-in.my-account .woocommerce table.shop_table .button.add-payment span, .logged-in.exchanges-returns .woocommerce table.shop_table .button.add-payment span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #3e3e3e;
  color: #fff;
  font-size: 28px;
  font-weight: 300;
}
.logged-in.my-account .woocommerce table.shop_table .button.add-payment span::before, .logged-in.exchanges-returns .woocommerce table.shop_table .button.add-payment span::before {
  content: "+";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .purchases-section h3, .logged-in.exchanges-returns .purchases-section h3 {
    margin-bottom: 0;
  }
}
.logged-in.my-account .purchased-items, .logged-in.exchanges-returns .purchased-items {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .purchased-items, .logged-in.exchanges-returns .purchased-items {
    justify-content: space-evenly;
    row-gap: 36px;
    column-gap: 12px;
  }
}
.logged-in.my-account .purchases-section-header,
.logged-in.my-account .purchased-item, .logged-in.exchanges-returns .purchases-section-header,
.logged-in.exchanges-returns .purchased-item {
  display: flex;
}
.logged-in.my-account .purchases-section-header > div:nth-of-type(1), .logged-in.my-account .purchases-section-header > div:nth-of-type(4),
.logged-in.my-account .purchased-item > div:nth-of-type(1),
.logged-in.my-account .purchased-item > div:nth-of-type(4), .logged-in.exchanges-returns .purchases-section-header > div:nth-of-type(1), .logged-in.exchanges-returns .purchases-section-header > div:nth-of-type(4),
.logged-in.exchanges-returns .purchased-item > div:nth-of-type(1),
.logged-in.exchanges-returns .purchased-item > div:nth-of-type(4) {
  width: 38%;
}
.logged-in.my-account .purchases-section-header > div:nth-of-type(2), .logged-in.my-account .purchases-section-header > div:nth-of-type(3),
.logged-in.my-account .purchased-item > div:nth-of-type(2),
.logged-in.my-account .purchased-item > div:nth-of-type(3), .logged-in.exchanges-returns .purchases-section-header > div:nth-of-type(2), .logged-in.exchanges-returns .purchases-section-header > div:nth-of-type(3),
.logged-in.exchanges-returns .purchased-item > div:nth-of-type(2),
.logged-in.exchanges-returns .purchased-item > div:nth-of-type(3) {
  width: 12%;
}
.logged-in.my-account .purchases-section-header, .logged-in.exchanges-returns .purchases-section-header {
  position: relative;
  margin-bottom: 24px;
  padding-bottom: 12px;
  color: #a0a0a0;
  font-size: 12px;
}
.logged-in.my-account .purchases-section-header::after, .logged-in.exchanges-returns .purchases-section-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #0077C6;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .purchases-section-header > div, .logged-in.exchanges-returns .purchases-section-header > div {
    display: none;
  }
}
.logged-in.my-account .purchased-item, .logged-in.exchanges-returns .purchased-item {
  flex-grow: 1;
  align-items: center;
  padding-block: 18px;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .purchased-item, .logged-in.exchanges-returns .purchased-item {
    flex-direction: column;
    max-width: 220px;
    padding-block: 0;
    text-align: center;
  }
}
.logged-in.my-account .purchased-item:nth-of-type(2n), .logged-in.exchanges-returns .purchased-item:nth-of-type(2n) {
  background-color: #f7f7f7;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .purchased-item:nth-of-type(2n), .logged-in.exchanges-returns .purchased-item:nth-of-type(2n) {
    background-color: #fff;
  }
}
.logged-in.my-account .purchased-item > div:first-of-type, .logged-in.exchanges-returns .purchased-item > div:first-of-type {
  display: flex;
  align-items: center;
  text-align: left;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .purchased-item > div:first-of-type, .logged-in.exchanges-returns .purchased-item > div:first-of-type {
    flex-direction: column;
    text-align: center;
  }
}
.logged-in.my-account .purchased-item > div:first-of-type img, .logged-in.exchanges-returns .purchased-item > div:first-of-type img {
  width: 20%;
  margin-left: 12px;
  border-radius: 3px;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .purchased-item > div:first-of-type img, .logged-in.exchanges-returns .purchased-item > div:first-of-type img {
    margin: 0;
  }
}
.logged-in.my-account .purchased-item > div:first-of-type div, .logged-in.exchanges-returns .purchased-item > div:first-of-type div {
  width: 80%;
  padding-inline: 12px;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .purchased-item > div:first-of-type div, .logged-in.exchanges-returns .purchased-item > div:first-of-type div {
    margin-top: 12px;
  }
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .purchased-item > div:first-of-type img, .logged-in.my-account .purchased-item > div:first-of-type div, .logged-in.exchanges-returns .purchased-item > div:first-of-type img, .logged-in.exchanges-returns .purchased-item > div:first-of-type div {
    width: 100%;
    padding: 0;
  }
}
.logged-in.my-account .purchased-item > div:last-of-type, .logged-in.exchanges-returns .purchased-item > div:last-of-type {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .purchased-item > div:last-of-type, .logged-in.exchanges-returns .purchased-item > div:last-of-type {
    flex-direction: column;
    gap: 12px;
    margin-top: auto;
    text-align: center;
  }
}
.logged-in.my-account .purchased-item > div:last-of-type a, .logged-in.exchanges-returns .purchased-item > div:last-of-type a {
  line-height: 30px;
}
.logged-in.my-account .purchased-item > div:last-of-type a:not(.button), .logged-in.exchanges-returns .purchased-item > div:last-of-type a:not(.button) {
  text-decoration: underline;
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .purchased-item > div:last-of-type a.button, .logged-in.exchanges-returns .purchased-item > div:last-of-type a.button {
    margin: 0;
  }
}
@media screen and (max-width: 820px) {
  .logged-in.my-account .purchased-item > div:nth-of-type(1), .logged-in.my-account .purchased-item > div:nth-of-type(2), .logged-in.my-account .purchased-item > div:nth-of-type(3), .logged-in.my-account .purchased-item > div:nth-of-type(4), .logged-in.exchanges-returns .purchased-item > div:nth-of-type(1), .logged-in.exchanges-returns .purchased-item > div:nth-of-type(2), .logged-in.exchanges-returns .purchased-item > div:nth-of-type(3), .logged-in.exchanges-returns .purchased-item > div:nth-of-type(4) {
    width: 100%;
  }
}
.logged-in.my-account .purchased-item .button, .logged-in.exchanges-returns .purchased-item .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
}
.logged-in.my-account .purchased-item .button.outline, .logged-in.exchanges-returns .purchased-item .button.outline {
  margin-right: 12px;
  color: #0077C6;
  background-color: #fff;
  outline: 1px solid;
  font-weight: 400;
}
.logged-in.my-account .purchased-item .button.outline:hover, .logged-in.exchanges-returns .purchased-item .button.outline:hover {
  background-color: rgba(0, 119, 198, 0.1);
}
.logged-in.my-account .ui-dialog .ui-dialog-titlebar, .logged-in.exchanges-returns .ui-dialog .ui-dialog-titlebar {
  padding-bottom: 0;
  background-color: transparent;
  border: none;
}
.logged-in.my-account .ui-dialog .ui-dialog-titlebar .ui-dialog-title, .logged-in.exchanges-returns .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  display: block;
  width: 100%;
  position: relative;
  padding-bottom: 12px;
  color: #0077C6;
}
.logged-in.my-account .ui-dialog .ui-dialog-titlebar .ui-dialog-title::after, .logged-in.exchanges-returns .ui-dialog .ui-dialog-titlebar .ui-dialog-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid;
}
.logged-in.my-account .ui-dialog .ui-dialog-titlebar button, .logged-in.exchanges-returns .ui-dialog .ui-dialog-titlebar button {
  position: absolute;
  top: 18px;
  right: 18px;
  padding: 0;
  border: 1px solid;
  background-color: #fff;
  color: #0077C6;
}
.logged-in.my-account .ui-dialog .ui-dialog-titlebar button .ui-icon-closethick, .logged-in.exchanges-returns .ui-dialog .ui-dialog-titlebar button .ui-icon-closethick {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 18px;
  text-indent: initial;
}
.logged-in.my-account .ui-dialog .ui-dialog-titlebar button .ui-icon-closethick::before, .logged-in.exchanges-returns .ui-dialog .ui-dialog-titlebar button .ui-icon-closethick::before {
  content: "x";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 12px;
  height: 16px;
}
.logged-in.my-account .ui-dialog .view-login-details, .logged-in.exchanges-returns .ui-dialog .view-login-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
.logged-in.my-account .ui-dialog .view-login-details p, .logged-in.exchanges-returns .ui-dialog .view-login-details p {
  font-size: 12px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 5px;
}

.my-account-column {
  border: 1px solid #ccc;
  min-height: 212px;
  padding: 10px;
}

.books-list {
  overflow-x: auto;
  overflow-y: clip;
  height: auto;
}

.list-wrapper {
  max-width: 100%;
  padding-bottom: 2px;
}
.list-wrapper > * {
  flex-grow: 1;
  flex-basis: 100%;
}
.list-wrapper .row:first-child > div {
  min-height: 48px;
}
.list-wrapper .row:first-child .books-list-header-item {
  min-height: 38px;
}
.list-wrapper .row > div:last-child .books-list-header-item::before {
  width: 100%;
}
.list-wrapper .books-list-header-item {
  color: #bfc5d2;
  font-size: 12px;
  line-height: 1.2;
  position: relative;
  display: flex;
  align-items: center;
  font-weight: 700;
  text-transform: uppercase;
}
.list-wrapper .books-list-header-item::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: calc(100% + 20px);
  height: 1px;
  background-color: rgba(46, 91, 255, 0.0784313725);
}
.list-wrapper .row {
  font-size: 14px;
  align-items: flex-start;
}
.list-wrapper .form-buttons {
  display: inline-flex;
}
.list-wrapper .form-buttons .button {
  flex: 1 0 auto;
  min-width: fit-content;
}
.list-wrapper .form-buttons .button + .button {
  margin-left: 10px;
}

.login-surrounding {
  border-radius: 5px !important;
  border: 1px solid #d3ced2;
}

.register-header {
  padding-bottom: 14px;
}

.button_contained.stripe-connect-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: inline-flex;
}
.button_contained.stripe-connect-button .text_content {
  padding-left: 20px;
  position: relative;
}
.button_contained.stripe-connect-button .text_content:before {
  background: white;
  bottom: -5px;
  content: "";
  display: inline-flex;
  left: 0;
  position: absolute;
  top: -5px;
  width: 1px;
}
.button_contained.stripe-connect-button img {
  display: inline-flex;
  height: 20px;
  margin-right: 20px;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.dashboard .container {
  position: relative;
}
.dashboard h2.provider-title {
  padding: 0;
  margin: 0;
}
.dashboard .button--course-dates {
  float: right;
  width: 240px;
}

#btn-add-course-dates,
.button--course-dates {
  background: #0077C6;
  border-color: #0077C6;
  color: #fff;
}

.dashboard-buttons-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-right: 15px;
}

.dashboard-button {
  padding: 5px 10px;
  color: #919191;
  margin: 0 5px 5px 5px;
  height: 30px;
  min-width: 40px;
}
.dashboard-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
}

.dashboard-delete {
  font-style: italic;
  color: #9c9c9c;
  text-align: center;
}

.orders-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  margin-top: 4px;
  margin-bottom: 8px;
}
.orders-header .seg-mdl-dropdown {
  margin-bottom: unset;
}
.orders-header .orders-heading {
  font-weight: 400;
  font-size: 28px;
  align-self: center;
}
.orders-header .orders-dropdown {
  width: 200px;
}

.provider-stats-wrapper,
.orders-wrapper,
.list-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  clear: both;
  margin: 22px 0px;
}
.provider-stats-wrapper .csv-wrapper,
.orders-wrapper .csv-wrapper,
.list-wrapper .csv-wrapper {
  border: 2px solid #3e3e3e;
  margin: 6px;
  padding: 6px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}
.provider-stats-wrapper .c-views,
.provider-stats-wrapper .p-views,
.provider-stats-wrapper .p-time,
.orders-wrapper .c-views,
.orders-wrapper .p-views,
.orders-wrapper .p-time,
.list-wrapper .c-views,
.list-wrapper .p-views,
.list-wrapper .p-time {
  border: 1px solid #F0F0F0;
  border-radius: 7px;
  display: block;
  position: relative;
  margin: 5px;
  height: 120px;
  width: calc(50% - 10px);
  overflow: hidden;
  white-space: nowrap;
}
.provider-stats-wrapper .c-views.double-width,
.provider-stats-wrapper .p-views.double-width,
.provider-stats-wrapper .p-time.double-width,
.orders-wrapper .c-views.double-width,
.orders-wrapper .p-views.double-width,
.orders-wrapper .p-time.double-width,
.list-wrapper .c-views.double-width,
.list-wrapper .p-views.double-width,
.list-wrapper .p-time.double-width {
  width: calc(100% - 10px);
}
.provider-stats-wrapper .c-views.premium-block,
.provider-stats-wrapper .p-views.premium-block,
.provider-stats-wrapper .p-time.premium-block,
.orders-wrapper .c-views.premium-block,
.orders-wrapper .p-views.premium-block,
.orders-wrapper .p-time.premium-block,
.list-wrapper .c-views.premium-block,
.list-wrapper .p-views.premium-block,
.list-wrapper .p-time.premium-block {
  display: flex;
  flex-direction: row;
}
.provider-stats-wrapper .c-views .p-count,
.provider-stats-wrapper .c-views .c-count,
.provider-stats-wrapper .p-views .p-count,
.provider-stats-wrapper .p-views .c-count,
.provider-stats-wrapper .p-time .p-count,
.provider-stats-wrapper .p-time .c-count,
.orders-wrapper .c-views .p-count,
.orders-wrapper .c-views .c-count,
.orders-wrapper .p-views .p-count,
.orders-wrapper .p-views .c-count,
.orders-wrapper .p-time .p-count,
.orders-wrapper .p-time .c-count,
.list-wrapper .c-views .p-count,
.list-wrapper .c-views .c-count,
.list-wrapper .p-views .p-count,
.list-wrapper .p-views .c-count,
.list-wrapper .p-time .p-count,
.list-wrapper .p-time .c-count {
  position: absolute;
  top: 56px;
  left: 24px;
  transition: opacity 0.3s ease;
  font-weight: 300;
}
.provider-stats-wrapper .c-views .c-count-left,
.provider-stats-wrapper .p-views .c-count-left,
.provider-stats-wrapper .p-time .c-count-left,
.orders-wrapper .c-views .c-count-left,
.orders-wrapper .p-views .c-count-left,
.orders-wrapper .p-time .c-count-left,
.list-wrapper .c-views .c-count-left,
.list-wrapper .p-views .c-count-left,
.list-wrapper .p-time .c-count-left {
  position: absolute;
  top: 56px;
  left: 24px;
  transition: opacity 0.3s ease;
  color: #3E3E3E;
  font-weight: 300;
}
.provider-stats-wrapper .c-views .c-count-right,
.provider-stats-wrapper .p-views .c-count-right,
.provider-stats-wrapper .p-time .c-count-right,
.orders-wrapper .c-views .c-count-right,
.orders-wrapper .p-views .c-count-right,
.orders-wrapper .p-time .c-count-right,
.list-wrapper .c-views .c-count-right,
.list-wrapper .p-views .c-count-right,
.list-wrapper .p-time .c-count-right {
  position: absolute;
  top: 56px;
  right: 24px;
  transition: opacity 0.3s ease;
  color: #3E3E3E;
  font-weight: 300;
}
.provider-stats-wrapper .c-views .c-movement-holder,
.provider-stats-wrapper .p-views .c-movement-holder,
.provider-stats-wrapper .p-time .c-movement-holder,
.orders-wrapper .c-views .c-movement-holder,
.orders-wrapper .p-views .c-movement-holder,
.orders-wrapper .p-time .c-movement-holder,
.list-wrapper .c-views .c-movement-holder,
.list-wrapper .p-views .c-movement-holder,
.list-wrapper .p-time .c-movement-holder {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 26px;
  text-align: right;
}
.provider-stats-wrapper .c-views .c-movement-holder div,
.provider-stats-wrapper .p-views .c-movement-holder div,
.provider-stats-wrapper .p-time .c-movement-holder div,
.orders-wrapper .c-views .c-movement-holder div,
.orders-wrapper .p-views .c-movement-holder div,
.orders-wrapper .p-time .c-movement-holder div,
.list-wrapper .c-views .c-movement-holder div,
.list-wrapper .p-views .c-movement-holder div,
.list-wrapper .p-time .c-movement-holder div {
  line-height: 30px;
}
.provider-stats-wrapper .c-views .c-movement-holder div.c-last-month,
.provider-stats-wrapper .p-views .c-movement-holder div.c-last-month,
.provider-stats-wrapper .p-time .c-movement-holder div.c-last-month,
.orders-wrapper .c-views .c-movement-holder div.c-last-month,
.orders-wrapper .p-views .c-movement-holder div.c-last-month,
.orders-wrapper .p-time .c-movement-holder div.c-last-month,
.list-wrapper .c-views .c-movement-holder div.c-last-month,
.list-wrapper .p-views .c-movement-holder div.c-last-month,
.list-wrapper .p-time .c-movement-holder div.c-last-month {
  text-transform: uppercase;
  transform: translateY(-4px);
}
.provider-stats-wrapper .c-views .c-movement-holder div.c-percentage-increase,
.provider-stats-wrapper .p-views .c-movement-holder div.c-percentage-increase,
.provider-stats-wrapper .p-time .c-movement-holder div.c-percentage-increase,
.orders-wrapper .c-views .c-movement-holder div.c-percentage-increase,
.orders-wrapper .p-views .c-movement-holder div.c-percentage-increase,
.orders-wrapper .p-time .c-movement-holder div.c-percentage-increase,
.list-wrapper .c-views .c-movement-holder div.c-percentage-increase,
.list-wrapper .p-views .c-movement-holder div.c-percentage-increase,
.list-wrapper .p-time .c-movement-holder div.c-percentage-increase {
  color: #2fb746;
}
.provider-stats-wrapper .c-views .c-movement-holder div.c-percentage-increase::before,
.provider-stats-wrapper .p-views .c-movement-holder div.c-percentage-increase::before,
.provider-stats-wrapper .p-time .c-movement-holder div.c-percentage-increase::before,
.orders-wrapper .c-views .c-movement-holder div.c-percentage-increase::before,
.orders-wrapper .p-views .c-movement-holder div.c-percentage-increase::before,
.orders-wrapper .p-time .c-movement-holder div.c-percentage-increase::before,
.list-wrapper .c-views .c-movement-holder div.c-percentage-increase::before,
.list-wrapper .p-views .c-movement-holder div.c-percentage-increase::before,
.list-wrapper .p-time .c-movement-holder div.c-percentage-increase::before {
  font-family: "seg";
  content: "\e90f";
  transform: rotate(45deg) translate(-3px, 4px);
  display: inline-block;
}
.provider-stats-wrapper .c-views .c-movement-holder div.c-green,
.provider-stats-wrapper .p-views .c-movement-holder div.c-green,
.provider-stats-wrapper .p-time .c-movement-holder div.c-green,
.orders-wrapper .c-views .c-movement-holder div.c-green,
.orders-wrapper .p-views .c-movement-holder div.c-green,
.orders-wrapper .p-time .c-movement-holder div.c-green,
.list-wrapper .c-views .c-movement-holder div.c-green,
.list-wrapper .p-views .c-movement-holder div.c-green,
.list-wrapper .p-time .c-movement-holder div.c-green {
  color: #2fb746;
}
.provider-stats-wrapper .c-views .c-movement-holder div.c-percentage-decrease,
.provider-stats-wrapper .p-views .c-movement-holder div.c-percentage-decrease,
.provider-stats-wrapper .p-time .c-movement-holder div.c-percentage-decrease,
.orders-wrapper .c-views .c-movement-holder div.c-percentage-decrease,
.orders-wrapper .p-views .c-movement-holder div.c-percentage-decrease,
.orders-wrapper .p-time .c-movement-holder div.c-percentage-decrease,
.list-wrapper .c-views .c-movement-holder div.c-percentage-decrease,
.list-wrapper .p-views .c-movement-holder div.c-percentage-decrease,
.list-wrapper .p-time .c-movement-holder div.c-percentage-decrease {
  color: #e84a50;
}
.provider-stats-wrapper .c-views .c-movement-holder div.c-percentage-decrease::before,
.provider-stats-wrapper .p-views .c-movement-holder div.c-percentage-decrease::before,
.provider-stats-wrapper .p-time .c-movement-holder div.c-percentage-decrease::before,
.orders-wrapper .c-views .c-movement-holder div.c-percentage-decrease::before,
.orders-wrapper .p-views .c-movement-holder div.c-percentage-decrease::before,
.orders-wrapper .p-time .c-movement-holder div.c-percentage-decrease::before,
.list-wrapper .c-views .c-movement-holder div.c-percentage-decrease::before,
.list-wrapper .p-views .c-movement-holder div.c-percentage-decrease::before,
.list-wrapper .p-time .c-movement-holder div.c-percentage-decrease::before {
  font-family: "seg";
  content: "\e90f";
  transform: rotate(135deg) translate(5px, 2px);
  display: inline-block;
}
.provider-stats-wrapper .c-views .c-movement-holder div.c-red,
.provider-stats-wrapper .p-views .c-movement-holder div.c-red,
.provider-stats-wrapper .p-time .c-movement-holder div.c-red,
.orders-wrapper .c-views .c-movement-holder div.c-red,
.orders-wrapper .p-views .c-movement-holder div.c-red,
.orders-wrapper .p-time .c-movement-holder div.c-red,
.list-wrapper .c-views .c-movement-holder div.c-red,
.list-wrapper .p-views .c-movement-holder div.c-red,
.list-wrapper .p-time .c-movement-holder div.c-red {
  color: #e84a50;
}
.provider-stats-wrapper .c-views .desktop-text,
.provider-stats-wrapper .p-views .desktop-text,
.provider-stats-wrapper .p-time .desktop-text,
.orders-wrapper .c-views .desktop-text,
.orders-wrapper .p-views .desktop-text,
.orders-wrapper .p-time .desktop-text,
.list-wrapper .c-views .desktop-text,
.list-wrapper .p-views .desktop-text,
.list-wrapper .p-time .desktop-text {
  font-size: unset;
  font-weight: 300;
}
.provider-stats-wrapper .c-views .premium-icon,
.provider-stats-wrapper .p-views .premium-icon,
.provider-stats-wrapper .p-time .premium-icon,
.orders-wrapper .c-views .premium-icon,
.orders-wrapper .p-views .premium-icon,
.orders-wrapper .p-time .premium-icon,
.list-wrapper .c-views .premium-icon,
.list-wrapper .p-views .premium-icon,
.list-wrapper .p-time .premium-icon {
  width: 134px;
}
.provider-stats-wrapper .c-views .premium-icon::after,
.provider-stats-wrapper .p-views .premium-icon::after,
.provider-stats-wrapper .p-time .premium-icon::after,
.orders-wrapper .c-views .premium-icon::after,
.orders-wrapper .p-views .premium-icon::after,
.orders-wrapper .p-time .premium-icon::after,
.list-wrapper .c-views .premium-icon::after,
.list-wrapper .p-views .premium-icon::after,
.list-wrapper .p-time .premium-icon::after {
  display: block;
  font-family: "seg";
  content: "\e945";
  font-size: 56px;
  line-height: 56px;
  -webkit-transform: translate(20px, -13px);
  transform: translate(7px, 26px);
  filter: invert(28%) sepia(93%) saturate(3242%) hue-rotate(187deg) brightness(93%) contrast(101%);
}
.provider-stats-wrapper .c-views .premium-icon::before,
.provider-stats-wrapper .p-views .premium-icon::before,
.provider-stats-wrapper .p-time .premium-icon::before,
.orders-wrapper .c-views .premium-icon::before,
.orders-wrapper .p-views .premium-icon::before,
.orders-wrapper .p-time .premium-icon::before,
.list-wrapper .c-views .premium-icon::before,
.list-wrapper .p-views .premium-icon::before,
.list-wrapper .p-time .premium-icon::before {
  display: block;
  font-family: "seg";
  font-size: 90px;
  line-height: 90px;
  transform: translate(18px, 12px);
  filter: invert(87%) sepia(16%) saturate(307%) hue-rotate(166deg) brightness(101%) contrast(91%);
  position: absolute;
  color: #000;
}
.provider-stats-wrapper .c-views .premium-icon.page-time:before,
.provider-stats-wrapper .p-views .premium-icon.page-time:before,
.provider-stats-wrapper .p-time .premium-icon.page-time:before,
.orders-wrapper .c-views .premium-icon.page-time:before,
.orders-wrapper .p-views .premium-icon.page-time:before,
.orders-wrapper .p-time .premium-icon.page-time:before,
.list-wrapper .c-views .premium-icon.page-time:before,
.list-wrapper .p-views .premium-icon.page-time:before,
.list-wrapper .p-time .premium-icon.page-time:before {
  content: "\e941";
}
.provider-stats-wrapper .c-views .premium-icon.countries:before,
.provider-stats-wrapper .p-views .premium-icon.countries:before,
.provider-stats-wrapper .p-time .premium-icon.countries:before,
.orders-wrapper .c-views .premium-icon.countries:before,
.orders-wrapper .p-views .premium-icon.countries:before,
.orders-wrapper .p-time .premium-icon.countries:before,
.list-wrapper .c-views .premium-icon.countries:before,
.list-wrapper .p-views .premium-icon.countries:before,
.list-wrapper .p-time .premium-icon.countries:before {
  content: "\e93e";
}
.provider-stats-wrapper .c-views .premium-icon.contacts:before,
.provider-stats-wrapper .p-views .premium-icon.contacts:before,
.provider-stats-wrapper .p-time .premium-icon.contacts:before,
.orders-wrapper .c-views .premium-icon.contacts:before,
.orders-wrapper .p-views .premium-icon.contacts:before,
.orders-wrapper .p-time .premium-icon.contacts:before,
.list-wrapper .c-views .premium-icon.contacts:before,
.list-wrapper .p-views .premium-icon.contacts:before,
.list-wrapper .p-time .premium-icon.contacts:before {
  content: "\e93c";
}
.provider-stats-wrapper .c-views .premium-icon.course-views:before,
.provider-stats-wrapper .p-views .premium-icon.course-views:before,
.provider-stats-wrapper .p-time .premium-icon.course-views:before,
.orders-wrapper .c-views .premium-icon.course-views:before,
.orders-wrapper .p-views .premium-icon.course-views:before,
.orders-wrapper .p-time .premium-icon.course-views:before,
.list-wrapper .c-views .premium-icon.course-views:before,
.list-wrapper .p-views .premium-icon.course-views:before,
.list-wrapper .p-time .premium-icon.course-views:before {
  content: "\e93f";
}
.provider-stats-wrapper .c-views .premium-icon.listing-views:before,
.provider-stats-wrapper .p-views .premium-icon.listing-views:before,
.provider-stats-wrapper .p-time .premium-icon.listing-views:before,
.orders-wrapper .c-views .premium-icon.listing-views:before,
.orders-wrapper .p-views .premium-icon.listing-views:before,
.orders-wrapper .p-time .premium-icon.listing-views:before,
.list-wrapper .c-views .premium-icon.listing-views:before,
.list-wrapper .p-views .premium-icon.listing-views:before,
.list-wrapper .p-time .premium-icon.listing-views:before {
  content: "\e940";
}
.provider-stats-wrapper .c-views .premium-icon.total-revenue:before,
.provider-stats-wrapper .p-views .premium-icon.total-revenue:before,
.provider-stats-wrapper .p-time .premium-icon.total-revenue:before,
.orders-wrapper .c-views .premium-icon.total-revenue:before,
.orders-wrapper .p-views .premium-icon.total-revenue:before,
.orders-wrapper .p-time .premium-icon.total-revenue:before,
.list-wrapper .c-views .premium-icon.total-revenue:before,
.list-wrapper .p-views .premium-icon.total-revenue:before,
.list-wrapper .p-time .premium-icon.total-revenue:before {
  content: "\e944";
}
.provider-stats-wrapper .c-views .premium-icon.total-enrolments:before,
.provider-stats-wrapper .p-views .premium-icon.total-enrolments:before,
.provider-stats-wrapper .p-time .premium-icon.total-enrolments:before,
.orders-wrapper .c-views .premium-icon.total-enrolments:before,
.orders-wrapper .p-views .premium-icon.total-enrolments:before,
.orders-wrapper .p-time .premium-icon.total-enrolments:before,
.list-wrapper .c-views .premium-icon.total-enrolments:before,
.list-wrapper .p-views .premium-icon.total-enrolments:before,
.list-wrapper .p-time .premium-icon.total-enrolments:before {
  content: "\e943";
}
.provider-stats-wrapper .c-views .premium-icon.cost-table:before,
.provider-stats-wrapper .p-views .premium-icon.cost-table:before,
.provider-stats-wrapper .p-time .premium-icon.cost-table:before,
.orders-wrapper .c-views .premium-icon.cost-table:before,
.orders-wrapper .p-views .premium-icon.cost-table:before,
.orders-wrapper .p-time .premium-icon.cost-table:before,
.list-wrapper .c-views .premium-icon.cost-table:before,
.list-wrapper .p-views .premium-icon.cost-table:before,
.list-wrapper .p-time .premium-icon.cost-table:before {
  content: "\e93d";
}
.provider-stats-wrapper .c-views .premium-text,
.provider-stats-wrapper .p-views .premium-text,
.provider-stats-wrapper .p-time .premium-text,
.orders-wrapper .c-views .premium-text,
.orders-wrapper .p-views .premium-text,
.orders-wrapper .p-time .premium-text,
.list-wrapper .c-views .premium-text,
.list-wrapper .p-views .premium-text,
.list-wrapper .p-time .premium-text {
  width: calc(100% - 134px);
}
.provider-stats-wrapper .c-views .premium-text .premium-heading,
.provider-stats-wrapper .p-views .premium-text .premium-heading,
.provider-stats-wrapper .p-time .premium-text .premium-heading,
.orders-wrapper .c-views .premium-text .premium-heading,
.orders-wrapper .p-views .premium-text .premium-heading,
.orders-wrapper .p-time .premium-text .premium-heading,
.list-wrapper .c-views .premium-text .premium-heading,
.list-wrapper .p-views .premium-text .premium-heading,
.list-wrapper .p-time .premium-text .premium-heading {
  text-transform: uppercase;
  color: #3e3e3e;
  font-weight: bold;
  margin-top: 12px;
}
.provider-stats-wrapper .c-views .premium-text .premium-heading span,
.provider-stats-wrapper .p-views .premium-text .premium-heading span,
.provider-stats-wrapper .p-time .premium-text .premium-heading span,
.orders-wrapper .c-views .premium-text .premium-heading span,
.orders-wrapper .p-views .premium-text .premium-heading span,
.orders-wrapper .p-time .premium-text .premium-heading span,
.list-wrapper .c-views .premium-text .premium-heading span,
.list-wrapper .p-views .premium-text .premium-heading span,
.list-wrapper .p-time .premium-text .premium-heading span {
  color: #0077c6;
  text-transform: none;
  font-weight: 200;
}
.provider-stats-wrapper .c-views .premium-text .premium-copy,
.provider-stats-wrapper .p-views .premium-text .premium-copy,
.provider-stats-wrapper .p-time .premium-text .premium-copy,
.orders-wrapper .c-views .premium-text .premium-copy,
.orders-wrapper .p-views .premium-text .premium-copy,
.orders-wrapper .p-time .premium-text .premium-copy,
.list-wrapper .c-views .premium-text .premium-copy,
.list-wrapper .p-views .premium-text .premium-copy,
.list-wrapper .p-time .premium-text .premium-copy {
  white-space: normal;
  font-weight: 200;
  color: #000;
  margin-top: 4px;
}
.provider-stats-wrapper .p-time-total,
.orders-wrapper .p-time-total,
.list-wrapper .p-time-total {
  position: relative;
  overflow: hidden;
  margin-top: 34px;
}
.provider-stats-wrapper .p-time-total:not(.extetnd-bottom-margin),
.orders-wrapper .p-time-total:not(.extetnd-bottom-margin),
.list-wrapper .p-time-total:not(.extetnd-bottom-margin) {
  margin-bottom: 7px;
}
.provider-stats-wrapper .p-time-total.extend-bottom-margin,
.orders-wrapper .p-time-total.extend-bottom-margin,
.list-wrapper .p-time-total.extend-bottom-margin {
  margin-bottom: 23px;
}
.provider-stats-wrapper .p-time-total .p-time-hours,
.provider-stats-wrapper .p-time-total .p-time-mins,
.provider-stats-wrapper .p-time-total .p-time-secs,
.orders-wrapper .p-time-total .p-time-hours,
.orders-wrapper .p-time-total .p-time-mins,
.orders-wrapper .p-time-total .p-time-secs,
.list-wrapper .p-time-total .p-time-hours,
.list-wrapper .p-time-total .p-time-mins,
.list-wrapper .p-time-total .p-time-secs {
  display: block;
  position: relative;
  float: left;
}
.provider-stats-wrapper .p-time-total .p-time-hours-value,
.provider-stats-wrapper .p-time-total .p-time-mins-value,
.provider-stats-wrapper .p-time-total .p-time-secs-value,
.orders-wrapper .p-time-total .p-time-hours-value,
.orders-wrapper .p-time-total .p-time-mins-value,
.orders-wrapper .p-time-total .p-time-secs-value,
.list-wrapper .p-time-total .p-time-hours-value,
.list-wrapper .p-time-total .p-time-mins-value,
.list-wrapper .p-time-total .p-time-secs-value {
  text-align: center;
  margin: 14px 24px 0;
  color: #3E3E3E;
  font-weight: 300;
  font-size: 30px;
}
.provider-stats-wrapper .p-time-total .p-time-hours-title,
.provider-stats-wrapper .p-time-total .p-time-mins-title,
.provider-stats-wrapper .p-time-total .p-time-secs-title,
.orders-wrapper .p-time-total .p-time-hours-title,
.orders-wrapper .p-time-total .p-time-mins-title,
.orders-wrapper .p-time-total .p-time-secs-title,
.list-wrapper .p-time-total .p-time-hours-title,
.list-wrapper .p-time-total .p-time-mins-title,
.list-wrapper .p-time-total .p-time-secs-title {
  text-align: center;
  margin: -10px 24px 0;
  /* Todo - Move to base if used elsewhere */
  font-size: 12px;
  letter-spacing: 1px;
  color: #bfc5d2;
}
.provider-stats-wrapper .p-time-rows,
.orders-wrapper .p-time-rows,
.list-wrapper .p-time-rows {
  position: relative;
  overflow-y: auto;
  height: calc(100% - 120px);
}
.provider-stats-wrapper .p-time-rows .p-time-row,
.orders-wrapper .p-time-rows .p-time-row,
.list-wrapper .p-time-rows .p-time-row {
  height: 75px;
  border-top: 1px solid #EEF2FF;
  border-bottom: 1px solid #EEF2FF;
  font-size: 14px;
  position: relative;
  line-height: 75px;
}
.provider-stats-wrapper .p-time-rows .p-time-row .p-time-row-title,
.provider-stats-wrapper .p-time-rows .p-time-row .p-time-row-value,
.orders-wrapper .p-time-rows .p-time-row .p-time-row-title,
.orders-wrapper .p-time-rows .p-time-row .p-time-row-value,
.list-wrapper .p-time-rows .p-time-row .p-time-row-title,
.list-wrapper .p-time-rows .p-time-row .p-time-row-value {
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
  padding: 0 10px;
  width: 50%;
  white-space: normal;
}
.provider-stats-wrapper .p-time-rows .p-time-row .p-time-row-value,
.orders-wrapper .p-time-rows .p-time-row .p-time-row-value,
.list-wrapper .p-time-rows .p-time-row .p-time-row-value {
  text-align: right;
}
.provider-stats-wrapper .p-graph,
.orders-wrapper .p-graph,
.list-wrapper .p-graph {
  border: 1px solid #f0f0f0;
  border-radius: 7px;
  flex-basis: 100%;
  position: relative;
  margin: 5px;
  height: 409px;
  max-height: 409px;
  width: 100%;
  overflow: hidden;
}
.provider-stats-wrapper .p-graph .p-count,
.provider-stats-wrapper .p-graph .c-count,
.orders-wrapper .p-graph .p-count,
.orders-wrapper .p-graph .c-count,
.list-wrapper .p-graph .p-count,
.list-wrapper .p-graph .c-count {
  position: absolute;
  top: 62px;
  left: 24px;
  transition: opacity 0.3s ease;
}
.provider-stats-wrapper h6.c-views-title, .provider-stats-wrapper h6.p-views-title, .provider-stats-wrapper h6.p-time-title, .provider-stats-wrapper h6.p-graph-title,
.orders-wrapper h6.c-views-title,
.orders-wrapper h6.p-views-title,
.orders-wrapper h6.p-time-title,
.orders-wrapper h6.p-graph-title,
.list-wrapper h6.c-views-title,
.list-wrapper h6.p-views-title,
.list-wrapper h6.p-time-title,
.list-wrapper h6.p-graph-title {
  padding: 0px;
  margin: 0px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
}
.provider-stats-wrapper .c-views-title,
.provider-stats-wrapper .p-views-title,
.provider-stats-wrapper .p-graph-title,
.provider-stats-wrapper .p-time-title,
.orders-wrapper .c-views-title,
.orders-wrapper .p-views-title,
.orders-wrapper .p-graph-title,
.orders-wrapper .p-time-title,
.list-wrapper .c-views-title,
.list-wrapper .p-views-title,
.list-wrapper .p-graph-title,
.list-wrapper .p-time-title {
  position: absolute;
  top: 16px;
  left: 24px;
}
.provider-stats-wrapper .psw-expandable,
.orders-wrapper .psw-expandable,
.list-wrapper .psw-expandable {
  cursor: pointer;
  transition: height 0.5s;
}
.provider-stats-wrapper .psw-expandable::after,
.orders-wrapper .psw-expandable::after,
.list-wrapper .psw-expandable::after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-bottom: 2px solid #3E3E3E;
  border-right: 2px solid #3E3E3E;
  top: 75px;
  right: 34px;
  transform: rotate(45deg);
}
.provider-stats-wrapper .psw-expandable.open::after,
.orders-wrapper .psw-expandable.open::after,
.list-wrapper .psw-expandable.open::after {
  transform: rotate(225deg);
}
.provider-stats-wrapper .psw-expandable.open,
.orders-wrapper .psw-expandable.open,
.list-wrapper .psw-expandable.open {
  height: 400px;
}

.add-course-dates-details,
.add-courses-dates {
  display: none;
}
.add-course-dates-details.show,
.add-courses-dates.show {
  display: block;
  margin-top: 20px;
}

.c-span {
  align-self: center;
  color: #0b70b9;
}

.select2-container {
  width: 100%;
  height: 40px;
}
.select2-container .select2-selection--multiple {
  min-height: 40px;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  border-radius: 20px;
  font-size: 14px;
  line-height: 26px;
  background-color: #fff;
}
.select2-container .select2-selection--multiple .select2-selection__choice__remove {
  line-height: 26px;
  padding: 0 5px;
}
.select2-container .selection {
  height: 100%;
  display: block;
}
.select2-container.select2-container--default .select2-selection--single {
  border-radius: 5px;
  padding: 6px 0;
  height: 40px;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  color: #666;
}
.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.course-data-wrapper {
  height: 300px;
}
.course-data-wrapper span {
  padding-left: 20px;
  width: 100px;
}
.course-data-wrapper .row {
  height: 35px;
}

.dashboard-provider-heading-container {
  display: inline-block;
}
.dashboard-provider-heading-container .space-out-top {
  margin-top: 12px;
  margin-left: 2px;
}

.school-dashboard-course-list {
  overflow: hidden;
  border-radius: 0;
}
.school-dashboard-course-list:first-child {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.school-dashboard-course-list:last-child {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.school-dashboard-course-list .row ~ .row {
  display: none;
}
.school-dashboard-course-list .row.body-row.live div:nth-child(2) {
  color: #fd733d;
  font-weight: bold;
}
.school-dashboard-course-list .row.body-row.in-person div:nth-child(2) {
  color: #19a7d8;
  font-weight: bold;
}
.school-dashboard-course-list.open {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  margin-bottom: 20px;
}
.school-dashboard-course-list.open + .school-dashboard-course-list {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.school-dashboard-course-list.open .row ~ .row {
  display: flex;
}
.school-dashboard-course-list.open .table-header::before {
  transform: translateY(-50%) scale(1, -1);
}
.school-dashboard-course-list .table-header::before {
  transform: translateY(-50%) scale(1, 1);
}
.school-dashboard-course-list .measurement-values {
  padding: 0px 0px;
}
.school-dashboard-course-list .table-header {
  background-color: #3e3e3e;
  width: 100%;
  height: 40px;
  display: flex;
  margin: 10px;
}
.school-dashboard-course-list .table-header > div {
  line-height: 40px;
  padding: 0 10px;
}

.books-list .row .books-list-item {
  margin-top: 5px;
}

.school-dashboard-course-list .row:nth-child(1) {
  animation-duration: 0.3s;
}

.school-dashboard-course-list .row:nth-child(2) {
  animation-duration: 0.4s;
}

.school-dashboard-course-list .row:nth-child(3) {
  animation-duration: 0.5s;
}

.school-dashboard-course-list .row:nth-child(4) {
  animation-duration: 0.6s;
}

.school-dashboard-course-list .row:nth-child(5) {
  animation-duration: 0.7s;
}

.school-dashboard-course-list .row:nth-child(6) {
  animation-duration: 0.8s;
}

.school-dashboard-course-list .row:nth-child(7) {
  animation-duration: 0.9s;
}

.school-dashboard-course-list .row:nth-child(8) {
  animation-duration: 1s;
}

.school-dashboard-course-list .row:nth-child(9) {
  animation-duration: 1.1s;
}

/**
    Example of use:
    @include _cascadingListWithTransition(".selector", 5, "fade");
*/
/*Supports
    fade
    small-bounce
    bounce
    stretch-down
    stretch-right
    drop-in
*/
.school-dashboard-course-list .row {
  animation: transition-in_drop-in;
  animation-duration: 0.2s;
}

@keyframes transition-in_drop-in {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  90% {
    transform: translateY(2px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.all-course-button-row {
  position: relative;
}
.all-course-button-row::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #b0bac9;
  transform: translateY(-1px);
}
.all-course-button-row > div {
  display: flex;
}

.all-course-button {
  display: inline-block;
  background-color: #b0bac9;
  color: #fff;
  border: 0px;
  font-size: 12px;
  padding: 0 10px;
  line-height: 16px;
  height: 20px;
  border-radius: 2px;
  margin: 10px auto;
  z-index: 1;
}
.all-course-button:hover {
  color: #fff;
}

.edit-listing-form .manage-listing-description {
  height: 160px;
}
.edit-listing-form .manage-listing-description textarea {
  height: 150px;
}
.edit-listing-form .manage-listing-item {
  display: block;
}
.edit-listing-form .accreditations-listing {
  width: 100%;
}
.edit-listing-form #btn-update-listing {
  border-color: #0077C6;
  background: #0077C6;
  color: #fff;
}
.edit-listing-form em {
  color: #9f9f9f;
  font-size: 16px;
}

.edit-listing-fieldset {
  border-radius: 10px;
  border-width: thin;
}

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
.dropzone,
.dropzone * {
  box-sizing: border-box;
}

.dropzone {
  position: relative;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 0.5em;
}

.dropzone .dz-preview .dz-progress {
  display: block;
  height: 15px;
  border: 1px solid #aaa;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: green;
}

.dropzone .dz-preview .dz-error-message {
  color: red;
  display: none;
}

.dropzone .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px;
}

div#comments {
  width: 100%;
  padding: 0 10px;
}

.course-review-wrapper {
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.course-review-wrapper .row {
  margin-top: 12px;
}
.course-review-wrapper .review-line {
  width: 100%;
  border-color: #ccc;
}
.course-review-wrapper .review-line em {
  color: #ccc;
}

.button-delete {
  background-color: #ff1111;
  border: 1px solid #ff1111;
  color: #ffffff;
  font-weight: bold;
}

.provider-sales .record-data .row {
  margin-bottom: 9px;
}
.provider-sales .record-data .row:first-child {
  padding-top: 6px;
  color: #bfc5d2;
}
.provider-sales .right-header,
.provider-sales .left-header {
  padding: 15px;
  border: 1px solid #f4f4f4;
  border-radius: 5px;
}
.provider-sales .right-header em,
.provider-sales .left-header em {
  font-size: 12px;
  font-style: unset;
  color: #848484;
}
.provider-sales .right-header .additional-info,
.provider-sales .left-header .additional-info {
  margin-top: -110px;
  text-align: right;
  color: #30b751;
  margin-bottom: 10px;
  font-size: 14px;
}
.provider-sales .right-header .additional-info em,
.provider-sales .left-header .additional-info em {
  color: #30b751;
  font-size: 14px;
}
.provider-sales .right-header h1,
.provider-sales .left-header h1 {
  margin-top: 8px;
  color: #000;
  padding-bottom: 20px;
}
.provider-sales .record-header {
  padding-bottom: 6px;
}
.provider-sales .record-buffer {
  margin-inline: -10px;
  padding-top: 16px;
  margin-bottom: 20px;
}
.provider-sales .record-buffer .row {
  margin-inline: 0px;
  font-size: 12px;
}
.provider-sales .record-buffer .row em {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: #c1c7d3;
}
.provider-sales .order-row {
  font-size: 12px;
  border-top: 1px solid #f1f4ff;
  border-bottom: 1px solid #f1f4ff;
  border-right: 1px solid #f1f4ff;
  border-left: 1px solid #f1f4ff;
  text-transform: uppercase;
}
.provider-sales .order-row .live-description,
.provider-sales .order-row .inperson-description {
  font-weight: bold;
}
.provider-sales .order-row .live-description {
  color: #fd9268;
}
.provider-sales .order-row .inperson-description {
  color: #4ebae0;
}
.provider-sales .order-row .button {
  text-transform: none;
  padding: 5px 15px;
}
.provider-sales .order-row:first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.provider-sales .row.revenue-report {
  border: 1px solid #6e6e6e;
}
.provider-sales .row.revenue-report .col-xs-12 {
  margin: 0px;
  padding: 0px;
}
.provider-sales .row.revenue-report:hover {
  border: 1px solid #0077C6;
}

.month-reports {
  padding-top: 10px;
  padding-bottom: 5px;
  position: relative;
}
.month-reports .processing {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.3);
  text-align: center;
}

#select-months {
  width: 200px;
}

.revenue-report {
  margin-top: 0px;
  width: 100%;
  height: 40px;
  text-align: center;
  color: #000;
  line-height: 38px;
}

.get-revenue-report:hover {
  border: none;
}
.get-revenue-report:hover .revenue-report {
  background-color: #0077C6;
  color: #fff;
}

.row.revenue-report {
  margin-top: -10px;
}

.container .premium-notice {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #f2f8fc;
  box-shadow: 0px 0px 1px 1px #0077c6;
  border-radius: 8px;
  margin-top: 26px;
  font-weight: 400;
}
.container .premium-notice .premium-heading {
  color: #0077c6;
  margin: 18px;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 18px;
}
.container .premium-notice .premium-body {
  color: #666666;
  margin-inline: 18px;
}
.container .premium-notice .premium-body p {
  line-height: 18px;
  margin-bottom: 20px;
}
.container .premium-notice .premium-body ul {
  line-height: 18px;
  margin-bottom: 20px;
}

.dashboard .list-wrapper {
  max-width: unset;
}
.dashboard .school-dashboard-course-list {
  margin: 5px;
  width: 100%;
}
.dashboard .school-dashboard-course-list.container_outlined {
  border: none;
}
.dashboard .school-dashboard-course-list .row ~ .row {
  display: flex;
  font-size: 12px;
}
.dashboard .school-dashboard-course-list .body-row {
  border-top: 1px solid #d8d8d8;
  padding-bottom: 12px;
}
.dashboard .school-dashboard-course-list.mobile-view {
  display: none;
}
.dashboard .school-dashboard-course-list.mobile-view > .row {
  margin: 0;
  border: 1px solid #f0f0f0;
  border-radius: 7px;
}
.dashboard .school-dashboard-course-list.mobile-view .row {
  font-size: 16px;
  text-align: left;
}
.dashboard .school-dashboard-course-list.mobile-view .row .ta-r {
  text-align: right;
}
.dashboard.device-tablet .provider-stats-wrapper,
.dashboard.device-tablet .orders-wrapper, .dashboard.device-mobile .provider-stats-wrapper,
.dashboard.device-mobile .orders-wrapper {
  flex-direction: column;
}
.dashboard.device-tablet .provider-stats-wrapper > div,
.dashboard.device-tablet .orders-wrapper > div, .dashboard.device-mobile .provider-stats-wrapper > div,
.dashboard.device-mobile .orders-wrapper > div {
  width: calc(100% - 10px);
}
.dashboard.device-tablet .school-dashboard-course-list.mobile-view, .dashboard.device-mobile .school-dashboard-course-list.mobile-view {
  display: block;
}
.dashboard.device-tablet .school-dashboard-course-list.desktop-view, .dashboard.device-mobile .school-dashboard-course-list.desktop-view {
  display: none;
}
.dashboard.device-tablet .list-wrapper, .dashboard.device-mobile .list-wrapper {
  min-width: unset;
}
.dashboard.device-mobile .row {
  text-align: center;
}
.dashboard.device-mobile .row .button--course-dates {
  float: unset;
}
.dashboard.device-mobile .desktop-text {
  display: none;
}

label.dae-price-on-request {
  color: rgb(220, 220, 220);
}

.before-range {
  color: #bbb;
}
.before-range em {
  padding-left: 10px;
}

.enquiries-summary-wrapper {
  position: relative;
  overflow: visible;
}
.enquiries-summary-wrapper .enquiries-summary-header {
  font-weight: 400;
  font-size: 28px;
  padding-bottom: 36px;
}
.enquiries-summary-wrapper .enquiries-summary-filters,
.enquiries-summary-wrapper .enquiries-summary-content {
  width: 66.6%;
  float: left;
  position: relative;
  margin: 5px 0;
}
.enquiries-summary-wrapper .enquiries-summary-date-filter {
  width: calc(100% - 10px);
  margin: 0 5px;
}
.enquiries-summary-wrapper .esc-card {
  border: 1px solid rgb(240, 240, 240);
  border-radius: 7px;
  display: block;
  position: relative;
  margin: 5px;
  height: 120px;
  width: calc(50% - 10px);
  overflow: hidden;
  white-space: nowrap;
  float: left;
}
.enquiries-summary-wrapper .enquiries-summary-graph {
  border: 1px solid rgb(240, 240, 240);
  border-radius: 7px;
  display: block;
  position: relative;
  margin: 5px;
  float: right;
  width: calc(33.3% - 10px);
  height: 304px;
  overflow: hidden;
}
.enquiries-summary-wrapper .enquiries-summary-graph .highcharts-title {
  font-size: 11px !important;
  font-weight: normal;
  /*tspan{
            display: none;
            &::after{
                content: ' ';
            }
        }*/
}
.enquiries-summary-wrapper .enquiries-summary-graph-title {
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  padding-top: 14px;
}
.enquiries-summary-wrapper #enquiries-summary-pie {
  position: absolute;
  width: 100%;
  height: calc(100% - 34px);
  overflow: hidden;
  display: block;
}
.enquiries-summary-wrapper .esc-title {
  position: absolute;
  top: 16px;
  left: 24px;
  text-transform: uppercase;
}
.enquiries-summary-wrapper .esc-val {
  position: absolute;
  top: 56px;
  left: 24px;
  transition: opacity 0.3s ease;
  font-weight: 300;
  font-size: 30px;
  font-family: "Public Sans", serif;
}

.email-stats-wrapper {
  position: relative;
  overflow: visible;
  clear: both;
  padding-top: 24px;
}
.email-stats-wrapper .email-stats-title {
  font-weight: 400;
  font-size: 28px;
  padding-bottom: 36px;
}
.email-stats-wrapper .email-stats-download {
  border: 1px solid #b0b0b0;
  border-radius: 5px;
  display: inline-block;
  width: calc(100% - 2px);
  height: 40px;
  line-height: 38px;
  text-indent: 12px;
  position: relative;
  color: #75787b;
  text-align: left;
}
.email-stats-wrapper .email-stats-download::after {
  content: "\eb56";
  position: absolute;
  top: 0;
  right: 10px;
  font-family: "seg";
  font-size: 24px;
}
.email-stats-wrapper .email-stats-content {
  min-height: 70px;
}
.email-stats-wrapper .esc-item {
  padding-bottom: 10px;
}
.email-stats-wrapper .esc-item .esc-header {
  border-radius: 7px 7px 0 0;
  background-color: #3e3e3e;
  color: #ffffff;
  margin: 0;
}
.email-stats-wrapper .esc-item .esc-header div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.email-stats-wrapper .esc-item .esc-header div:last-child {
  text-align: right;
}
.email-stats-wrapper .esc-item .esc-content {
  border-radius: 0 0 7px 7px;
  border: 1px solid #3e3e3e;
}
.email-stats-wrapper .esc-item .esc-content-header {
  border-bottom: 1px solid rgb(240, 240, 240);
  color: #bfc5d2;
  padding: 10px 10px 0;
}
.email-stats-wrapper .esc-item .esc-content-inner {
  padding: 10px;
}
.email-stats-wrapper .esc-item .esc-content-inner div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.email-stats-wrapper .esc-item .esc-content-val {
  text-transform: capitalize;
}
.email-stats-wrapper .esc-item .esc-content-val i {
  border: 1px solid #3e3e3e;
  border-radius: 50%;
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 12px;
}
.email-stats-wrapper .esc-no-content {
  border-radius: 7px;
  background-color: #3e3e3e;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.promotion .action a {
  background-color: #FFA329;
  color: #FFFFFF;
  border: 0px;
  white-space: nowrap;
  padding-top: 10px;
  padding-bottom: 10px;
}
.promotion .action a:hover {
  background-color: #FFBB29;
}

.facility-page,
.students-page {
  /*.contains-benefits-alt {
     p {
        color: #449BD6;
        padding-top: 7px;
        padding-bottom: 7px;
        border-bottom: 1px solid #449BD6;
        width: calc(100% - 10px);
     }

     p:first-of-type {
        border-top: 1px solid #449BD6;
     }

     .benefits-title {
        color: #000;
     }
  }*/
  /*.benefits-table-alt-navy {
     p {
        color: #449BD6;
        padding-top: 7px;
        padding-bottom: 7px;
        border-bottom: 1px solid #449BD6;
        width: calc(100% - 10px);
     }

     .benefits-title {
        color: #FFF;
     }
  }*/
}
.facility-page .button.cv-builder-button, .facility-page .button.sign-up,
.students-page .button.cv-builder-button,
.students-page .button.sign-up {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 300px;
  margin-inline: auto;
  padding-block: 10px;
  border: 0;
}
.facility-page .button.cv-builder-button.mw-max-content, .facility-page .button.sign-up.mw-max-content,
.students-page .button.cv-builder-button.mw-max-content,
.students-page .button.sign-up.mw-max-content {
  max-width: max-content;
}
.facility-page .max-width-button-container .button.cv-builder-button, .facility-page .max-width-button-container .button.sign-up,
.students-page .max-width-button-container .button.cv-builder-button,
.students-page .max-width-button-container .button.sign-up {
  max-width: 100%;
}
.facility-page .button.sign-up,
.students-page .button.sign-up {
  background-color: #D62F61;
  color: #fff;
}
.facility-page .p-4,
.students-page .p-4 {
  display: inline-flex;
  padding-inline: 10px;
}
.facility-page .theme-orange,
.students-page .theme-orange {
  line-height: 17px;
  padding-top: 5px;
}
.facility-page .theme-orange p,
.students-page .theme-orange p {
  font-weight: bold;
  padding-bottom: 10px;
}
.facility-page .theme-teal,
.students-page .theme-teal {
  color: #FFF;
}
.facility-page .theme-navy,
.students-page .theme-navy {
  color: #FFF;
  background-color: #0A2544;
}
.facility-page .theme-navy .hilight,
.students-page .theme-navy .hilight {
  color: #19A699;
}
.facility-page .green-svg,
.students-page .green-svg {
  text-align: center;
}
.facility-page .green-svg i,
.students-page .green-svg i {
  font-size: 65px;
  text-align: center;
}
.facility-page .green-svg p,
.students-page .green-svg p {
  text-align: center;
}
.facility-page .provider-highlight a,
.facility-page .student-highlight a,
.students-page .provider-highlight a,
.students-page .student-highlight a {
  text-decoration: none;
  color: #FFF;
}
.facility-page .provider-highlight a .highlight-action.row,
.facility-page .student-highlight a .highlight-action.row,
.students-page .provider-highlight a .highlight-action.row,
.students-page .student-highlight a .highlight-action.row {
  overflow: hidden;
  min-height: 96px;
  margin-top: -30px;
  border-radius: 5px;
  background: #FFA329;
}
.facility-page .provider-highlight a .highlight-action.row:hover,
.facility-page .student-highlight a .highlight-action.row:hover,
.students-page .provider-highlight a .highlight-action.row:hover,
.students-page .student-highlight a .highlight-action.row:hover {
  background: #FFBB29;
}
.facility-page .provider-highlight a .highlight-action.row .highlight-text,
.facility-page .student-highlight a .highlight-action.row .highlight-text,
.students-page .provider-highlight a .highlight-action.row .highlight-text,
.students-page .student-highlight a .highlight-action.row .highlight-text {
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
}
.facility-page .provider-highlight a .highlight-action.row .highlight-image,
.facility-page .student-highlight a .highlight-action.row .highlight-image,
.students-page .provider-highlight a .highlight-action.row .highlight-image,
.students-page .student-highlight a .highlight-action.row .highlight-image {
  background: url("https://ephemeris.academy/wp-content/uploads/2021/12/worlds-best-training-programs-1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position-x: 0px;
}
.facility-page .provider-highlight a .highlight-action.row .highlight-image .shadow,
.facility-page .student-highlight a .highlight-action.row .highlight-image .shadow,
.students-page .provider-highlight a .highlight-action.row .highlight-image .shadow,
.students-page .student-highlight a .highlight-action.row .highlight-image .shadow {
  margin: -10px;
  font-size: 30px;
  font-family: "Butler";
  line-height: 41px;
  font-weight: 400;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  color: #FFF;
  text-align: start;
  background: rgba(100, 120, 100, 0.3);
  padding-top: 27px;
  padding-left: 26px;
}
.facility-page .inline-buttons-container a.button,
.students-page .inline-buttons-container a.button {
  font-size: 12px;
}
.facility-page .action:hover a,
.students-page .action:hover a {
  background: #FFBB29;
}
.facility-page .benefits-table p,
.students-page .benefits-table p {
  width: 335px;
  border-bottom: 1px solid #FFF;
}
.facility-page .benefits-table .benefits-title,
.students-page .benefits-table .benefits-title {
  margin-top: 20px;
}
.facility-page .contains-benefits .benefits-title,
.students-page .contains-benefits .benefits-title {
  color: #449BD6;
}
.facility-page .contains-benefits p,
.students-page .contains-benefits p {
  padding-top: 7px;
  padding-bottom: 7px;
  border-top: 1px solid #102036;
  border-bottom: 1px solid #102036;
  width: calc(100% - 10px);
}
.facility-page .leading-line,
.students-page .leading-line {
  position: relative;
}
.facility-page .leading-line::before,
.students-page .leading-line::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -6px;
  height: 100%;
  width: 2px;
  transform: translateY(-50%);
  background-color: #000;
}
.facility-page .inline,
.students-page .inline {
  float: right;
  height: 60px;
  text-align: center;
  margin: 30px 0 30px 20px;
}
.facility-page .inline-table,
.students-page .inline-table {
  float: right;
  margin: 30px 0 30px 20px;
  height: 265px;
}
.facility-page .facility-provided strong,
.students-page .facility-provided strong {
  letter-spacing: 0.015em;
}
.facility-page .career-description,
.students-page .career-description {
  line-height: normal;
  letter-spacing: 0.065em;
}
.facility-page .exclusive-features-table,
.students-page .exclusive-features-table {
  color: #449BD6;
}
.facility-page .exclusive-features-table p,
.students-page .exclusive-features-table p {
  width: calc(100% - 10px);
  border-bottom: 1px solid #449BD6;
  padding-top: 7px;
  padding-bottom: 7px;
}
.facility-page .exclusive-features-table .exclusive-feature-title,
.students-page .exclusive-features-table .exclusive-feature-title {
  margin-top: 20px;
  border-top: 1px solid #449BD6;
  color: #102036;
  font-weight: bold;
}
.facility-page .benefits-table-pro .benefits-title,
.students-page .benefits-table-pro .benefits-title {
  color: #102036;
  margin-top: 15px;
  font-weight: bold;
}
.facility-page .benefits-table-pro p,
.students-page .benefits-table-pro p {
  padding-top: 7px;
  padding-bottom: 7px;
  border-top: 1px solid #FFF;
  width: 330px;
}
.facility-page .benefits-table-pro p:last-of-type,
.students-page .benefits-table-pro p:last-of-type {
  border-bottom: 1px solid #FFF;
}
.facility-page .action,
.students-page .action {
  max-width: 310px;
  height: 77px;
}
.facility-page .action.squared,
.students-page .action.squared {
  max-width: 100%;
  padding-top: 20px;
  margin: 10px;
}
@media screen and (max-width: 768px) {
  .facility-page .action.squared,
  .students-page .action.squared {
    display: flex;
    justify-content: center;
  }
}
.facility-page .action.squared .button.promotion,
.students-page .action.squared .button.promotion {
  border-radius: 0;
  padding: 20px;
  letter-spacing: 1.3px;
  font-weight: bold;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .facility-page .action.squared .button.promotion,
  .students-page .action.squared .button.promotion {
    padding: 0;
    margin: 0;
  }
}
.facility-page .action.squared.lowered,
.students-page .action.squared.lowered {
  margin-top: 32px;
  margin-left: 50px;
}
.facility-page .action.squared.final,
.students-page .action.squared.final {
  margin-top: 15px;
  padding-left: 120px;
}
@media screen and (max-width: 768px) {
  .facility-page .lesser-width-br,
  .students-page .lesser-width-br {
    display: none;
  }
}
.facility-page .round-icon,
.students-page .round-icon {
  color: #000;
  display: inline-flex;
  align-items: center;
  font-size: 22px;
}
.facility-page .round-icon i,
.students-page .round-icon i {
  background-color: #D1D7DC;
  border-radius: 15px;
  padding: 5px;
}
.facility-page .page-title.promotion,
.students-page .page-title.promotion {
  letter-spacing: 0.03em;
}
.facility-page .heading-linespace,
.students-page .heading-linespace {
  line-height: 1.1;
}
.facility-page .tag-line.promotion,
.students-page .tag-line.promotion {
  font-style: italic;
}
.facility-page .vertical-lowered,
.students-page .vertical-lowered {
  vertical-align: bottom;
}
@media screen and (max-width: 770px) {
  .facility-page .squared.left,
  .students-page .squared.left {
    margin-left: 0px;
  }
}
.facility-page .drive-traffic,
.students-page .drive-traffic {
  color: #102036;
  font-size: xx-large;
  line-height: 40px;
  font-family: "Butler";
  font-weight: 400;
}
.facility-page .resp-padding,
.students-page .resp-padding {
  padding-inline: 80px;
}
.facility-page .resp-padding h3,
.students-page .resp-padding h3 {
  line-height: 1;
  margin-bottom: 0px;
  word-spacing: 5px;
  letter-spacing: -1px;
}
.facility-page .lesser,
.students-page .lesser {
  width: calc(100% - 32px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  margin-top: -10px;
  font-family: "Roboto";
}
.facility-page .training-hilights,
.students-page .training-hilights {
  padding-top: 8px;
}
.facility-page .exclusive-features,
.facility-page .facility-provided,
.facility-page .exclusive-features-mobi,
.students-page .exclusive-features,
.students-page .facility-provided,
.students-page .exclusive-features-mobi {
  color: #102036;
}
.facility-page .career-concise,
.students-page .career-concise {
  margin-top: 1px;
}
.facility-page .spacer-1,
.students-page .spacer-1 {
  padding-top: 15px;
  width: 100%;
}
.facility-page .spacer-2,
.students-page .spacer-2 {
  padding-top: 20px;
  width: 100%;
}
.facility-page .spacer-3,
.students-page .spacer-3 {
  padding-top: 10px;
  width: 100%;
}
.facility-page .spacer-4,
.students-page .spacer-4 {
  padding-top: 25px;
  width: 100%;
}
.facility-page .second-lower,
.students-page .second-lower {
  padding-top: 40px !important;
  padding-left: 40px;
}
.facility-page .spaced,
.students-page .spaced {
  color: #231F20;
  line-height: 1.25;
}
.facility-page .spaced .col-xs-12,
.students-page .spaced .col-xs-12 {
  padding-inline: 20px;
}
.facility-page .theme-orange .row,
.students-page .theme-orange .row {
  padding-left: 20%;
  width: 90%;
}
.facility-page .training-hilights .row,
.students-page .training-hilights .row {
  padding-left: 25%;
  width: 85%;
}
.facility-page .inline-row,
.students-page .inline-row {
  margin-inline: 30px;
}
.facility-page .training-provider-help-video,
.students-page .training-provider-help-video {
  width: 100%;
  padding-top: 56.4%;
  position: relative;
}
.facility-page .training-provider-help-video iframe,
.students-page .training-provider-help-video iframe {
  width: 100%;
  height: 100%;
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
}

@media all and (max-width: 331px) {
  .provider-highlight a .highlight-action.row,
  .student-highlight a .highlight-action.row {
    height: 140px;
  }
}
.students-page h6 {
  line-height: 44px;
  margin-block-end: 20px;
  margin-block-start: 20px;
}
.students-page .theme-navy .leading-line::before {
  background-color: #FFF;
}
.students-page .luxury-student-training .container {
  margin-inline: 50px;
}
@media screen and (max-width: 750px) {
  .students-page .luxury-student-training .container {
    margin-inline: 5px;
  }
}
.students-page .s-title {
  font-size: 32px;
  font-weight: 200;
  line-height: 20px;
}
.students-page .relative-col {
  position: relative;
}
.students-page .relative-col .spacer {
  height: 530px;
}
.students-page .relative-col-alt {
  position: relative;
}
.students-page .relative-col-alt .spacer {
  height: 410px;
}
.students-page .second-register {
  position: absolute;
  right: 0;
  transform: translateX(-110px);
}
.students-page .second-register a.button.register-action {
  position: absolute;
  right: 0;
}
.students-page .student-image {
  width: 100%;
  height: auto;
}
.students-page .register-adjusted {
  margin-left: 50px !important;
}
.students-page .benefits-table {
  /*p:first-of-type {
    border-top: 1px solid #50637A;
  }*/
}
.students-page .benefits-table p {
  border-bottom: 1px solid #50637A;
  padding-top: 5px;
  padding-bottom: 5px;
}
.students-page .benefits-table .benefits-title {
  color: #449BD6;
}
.students-page .contains-benefits p, .students-page .contains-benefits p {
  margin-top: -1px;
}
.students-page .container .hilight {
  color: #449BD6;
}
.students-page .witherbys {
  font-size: 32px;
}
.students-page .final-hilights p {
  color: #11A99F;
}
.students-page .final-hilights em {
  font-style: normal;
  font-size: 64px;
  color: #748599;
}
.students-page .final-hilights .col-xs-1 {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .students-page .final-hilights .col-xs-1 {
    margin-right: 12px;
  }
}
.students-page .gray-lined {
  border-top: 1px solid #50637A;
}

.theme-medium-blue {
  background-color: #449BD6;
  color: #000;
}

@media screen and (max-width: 600px) {
  .student-image {
    top: 10px;
  }
  .student-image-alt-lower {
    top: 10px;
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.course_provider_wrapper .course_provider_image_wrapper {
  width: 100%;
  max-height: 350px;
}

.course .course-image {
  overflow: hidden;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

body .header-flex-reverse-wrapper {
  display: flex;
  flex-direction: column;
}
body .header-flex-reverse-wrapper header .header-wrapper-img-provider {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: auto;
  top: 0;
  left: 0;
  overflow: hidden;
}
body .header-flex-reverse-wrapper header .header-logo-img {
  position: absolute;
  left: calc((100% - 900px) / 2 - 20px);
  top: 50%;
  transform: translateY(-50%);
  height: 180px;
  width: 180px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .provider-details-outer-wrapper {
  position: relative;
  min-height: 548px;
  margin-bottom: 52px;
}
body .provider-details-outer-wrapper .provider-details-wrapper {
  background-color: #F7F7F7;
  color: #3e3e3e;
  padding: 1px;
}
body .provider-details-outer-wrapper .provider-details-wrapper.grey {
  background-color: #fff;
  /*border-bottom: 50px solid #FFFFFF;*/
}
body .provider-details-outer-wrapper .provider-details-wrapper .course-finder-container {
  position: relative;
  width: 100%;
  max-width: 980px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
}
body .provider-details-outer-wrapper .provider-details-wrapper .course-finder-container .provider-location {
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
body .provider-details-outer-wrapper .provider-details-wrapper .course-finder-container .provider-name {
  font-size: 20px;
  color: #FFFFFF;
  background-color: #FC661B;
}
@media screen and (max-width: 65em) {
  body .provider-details-outer-wrapper .provider-details-wrapper .course-finder-container .provider-name {
    text-align: center;
  }
}
body .provider-details-outer-wrapper .provider-details-wrapper .course-finder-container .provider-name h2 {
  padding-block: 12px;
  padding-inline: 20px;
  font-weight: 300;
}
body .provider-details-outer-wrapper .provider-details-wrapper .course-finder-container .course-finder-tool-description {
  display: flex;
  gap: 18px;
  max-width: 600px;
}
@media screen and (max-width: 65em) {
  body .provider-details-outer-wrapper .provider-details-wrapper .course-finder-container .course-finder-tool-description {
    flex-direction: column;
    align-items: center;
    gap: 54px;
    max-width: unset;
  }
}
body .provider-details-outer-wrapper .provider-details-wrapper .course-finder-container .course-finder-tool-description p {
  padding-left: 20px;
  font-size: 18px;
  color: #3e3e3e;
}
@media screen and (max-width: 65em) {
  body .provider-details-outer-wrapper .provider-details-wrapper .course-finder-container .course-finder-tool-description p {
    text-align: center;
  }
}
body .provider-details-outer-wrapper .provider-details-wrapper .course-finder-container .course-finder-tool-description img {
  max-width: 90px;
}
@media screen and (max-width: 65em) {
  body .provider-details-outer-wrapper .provider-details-wrapper .course-finder-container .course-finder-tool-description img {
    transform: rotate(90deg);
  }
}
body .provider-details-outer-wrapper .provider-details-wrapper .provider-description > div img {
  position: absolute;
  bottom: 24px;
  left: 45%;
  max-width: 120px;
}
@media screen and (max-width: 720px) {
  body .provider-details-outer-wrapper .provider-details-wrapper .provider-description > div img {
    position: relative;
    bottom: 0;
    left: 50%;
    max-width: 90px;
    transform: translateX(-50%);
    margin-top: 24px;
  }
}
@media screen and (max-width: 420px) {
  body .provider-details-outer-wrapper .provider-details-wrapper .provider-description > div img {
    max-width: 60px;
  }
}
body .provider-details-outer-wrapper .provider-details-wrapper .provider-description ul {
  padding-left: 26px;
}
body .provider-details-outer-wrapper .provider-details-wrapper .provider-description ul li {
  list-style: none;
  position: relative;
  padding-bottom: 16px;
}
body .provider-details-outer-wrapper .provider-details-wrapper .provider-description ul li::before {
  content: "\e929";
  font-family: "seg";
  position: absolute;
  top: 1px;
  left: -26px;
  font-size: 20px;
}
body .provider-details-outer-wrapper .specials-wrapper {
  position: absolute;
  right: 24px;
  top: 24px;
  height: 548px;
  max-width: 300px;
  min-width: 300px;
  background-color: #fff;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 65em) {
  body .provider-details-outer-wrapper .specials-wrapper {
    position: relative;
    top: 0;
    right: unset;
    margin-inline: auto;
    margin-block: 54px;
  }
}
body .provider-details-outer-wrapper .specials-wrapper .special-item {
  height: 100%;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item.no-data {
  font-family: inherit;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item.no-data h3 {
  padding-left: 12px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item.no-data .note-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0 12px;
  justify-content: center;
  align-items: center;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item.no-data .note-wrapper .note-title {
  color: #0077c6;
  padding-bottom: 12px;
  padding-top: 6px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item.no-data .note-wrapper .note-text {
  color: #3e3e3e;
  opacity: 0.7;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 548px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-media {
  width: 100%;
  max-height: 172px;
  overflow: hidden;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-media video {
  height: 172px;
  width: 300px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-media img {
  /*transform: translateY(-25%);*/
  /*width: 300px;*/
  height: auto;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-pricing .item-pricing {
  padding: 0 18px;
  padding-top: 18px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-pricing .item-pricing .current-price {
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  color: #3e3e3e;
  display: inline;
  padding-right: 10px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-pricing .item-pricing .original-price {
  font-size: 16px;
  text-decoration: line-through;
  color: #a0a0a0;
  display: inline;
  padding-right: 10px;
  position: relative;
  top: -2px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-pricing .item-pricing .discount {
  font-size: 16px;
  display: inline;
  position: relative;
  top: -2px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-pricing .item-pricing .time-left {
  display: block;
  padding-top: 6px;
  color: red;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-pricing .item-pricing .time-left i {
  padding-right: 6px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-buttons {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 12px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-buttons .add-to-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 45%;
  background: #0077c6;
  border-radius: 6px;
  cursor: pointer;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-buttons .add-to-cart a {
  padding: 12px 0;
  width: 100%;
  text-align: center;
  color: #fff;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-buttons .go-to-course {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 100%;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 0 1px #3e3e3e;
  cursor: pointer;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-buttons .go-to-course a {
  padding: 12px 0;
  width: 100%;
  text-align: center;
  color: inherit;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-separator {
  padding: 0 12px 12px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-separator::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #e6e6e6;
  position: absolute;
  bottom: 0;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-description {
  padding: 12px 18px;
  max-height: 180px;
  overflow-y: auto;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-description h3 {
  margin-top: 0;
  margin-bottom: 6px;
  font-family: inherit;
  font-weight: 200;
  color: #666;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-description div {
  font-weight: 200;
  font-family: inherit;
  opacity: 0.8;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-description p {
  font-size: 12px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-description strong {
  font-size: 18px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-actions {
  display: flex;
  justify-content: space-between;
  padding: 0 18px;
  position: relative;
  margin-top: auto;
  padding-bottom: 18px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-actions a {
  color: inherit;
  position: relative;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-actions a::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #666666;
  position: absolute;
  display: block;
  bottom: 0;
  opacity: 0.3;
}
body .provider-details-outer-wrapper .specials-wrapper .special-video {
  width: 100%;
  height: 168.75px;
  background: #000;
}
body .provider-details-outer-wrapper .specials-wrapper .slick-slider .slick-list .slick-slide .sp-wps-product-image-area img {
  width: 100%;
  height: auto;
}
body .provider-details-outer-wrapper .specials-wrapper .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  background: #fff;
  box-shadow: 0 0 0 1px #e2e2e2;
  margin-top: 14px;
}
body .provider-details-outer-wrapper .specials-wrapper .owl-nav button {
  width: 27px;
  height: 50px;
  background-color: #fefefe;
}
body .provider-details-outer-wrapper .specials-wrapper .owl-nav button::before {
  content: none;
}
body .provider-details-outer-wrapper .specials-wrapper .owl-nav button:hover {
  background: #efefef;
}
body .provider-details-outer-wrapper .specials-wrapper .owl-nav button span {
  position: relative;
  z-index: 8;
  font-size: 36px;
}
body .provider-details-outer-wrapper .specials-wrapper .owl-nav button span::after {
  content: none;
}
body .provider-details-outer-wrapper .specials-wrapper.specials-empty {
  display: none;
}
body .product.elearning-product .product_image_wrapper .product_image_wrapper_inner {
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  height: 120px;
  min-height: 120px;
  width: 100%;
  border-radius: 6px;
}
body .product.elearning-product .product_image_wrapper .product_image_wrapper_inner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
body .product.elearning-product h2 {
  margin-top: 14px !important;
  font-weight: normal;
  font-size: 16px !important;
  color: #000000;
  text-align: center;
  min-height: 80px;
}
body .product.elearning-product .price {
  text-align: center;
}
body .product.elearning-product .price bdi {
  color: #000000 !important;
  font-size: 18px !important;
  font-weight: bold;
}
body .product.elearning-product a.button {
  font-weight: normal;
}
body .tabs-wrapper[data-active-tab=tab-0] .further-filters-content-wrapper {
  display: none;
}
body .tabs-wrapper[data-active-tab=tab-0] .filters-content-wrapper {
  padding-bottom: 5px;
}
@media (max-width: 768px) {
  body .tabs-wrapper[data-active-tab=tab-0] .woocommerce ul.products[class*=columns-] li.product, body .tabs-wrapper[data-active-tab=tab-0] .woocommerce-page ul.products[class*=columns-] li.product {
    margin: 0 1.5% 2.992em 1.5%;
    width: calc(50% - 40px);
  }
}

.slider .owl-stage {
  display: flex;
}

.special-item {
  height: 100%;
}

.special-item-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #FFFFFF;
  border-radius: 7px;
  overflow: hidden;
}

.special-item-inner:hover {
  color: initial;
}
.special-item-inner > p {
  padding-inline: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item-media {
  width: 100%;
  aspect-ratio: 3/2;
  margin-bottom: 10px;
  overflow: hidden;
}
.item-media img {
  height: auto;
  overflow: hidden;
}

.item-title {
  height: auto;
  min-height: 40px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: -5px;
  font-size: 16px;
}

@media screen and (max-width: 30em) {
  .global-search-steps {
    align-items: center;
  }
}

.custom-date-picker {
  width: 100%;
  box-shadow: inset #b0b0b0 0 0 0 1px;
  border-radius: 5px;
  position: relative;
  isolation: isolate;
  z-index: 1;
}
.custom-date-picker:hover {
  cursor: pointer;
}
.custom-date-picker::after {
  content: "\e905";
  font-family: "seg";
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: -1;
  color: #b0b0b0;
  font-size: 18px;
}
.custom-date-picker .date-label {
  position: relative;
  z-index: 1;
  font-size: 14px;
  color: #75787b;
  display: block;
  top: 0;
  left: 0;
  font-weight: normal;
  line-height: 20px;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  padding: 10px;
  transform-origin: left top;
}
.custom-date-picker .date-value {
  width: calc(100% - 2px);
  position: absolute;
  height: 14px;
  padding: 18px 10px 8px;
  margin: 0;
  bottom: 0;
  z-index: 4;
  font-size: 14px;
  line-height: 14px;
  color: #75787b;
  left: 0;
  min-height: 40px;
  box-sizing: border-box;
}
.custom-date-picker.has-value .date-label {
  transform: scale(0.8) translateX(3px) translateY(-8px);
  color: #0077c6;
}

body:not(.device-mobile) .provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper {
  margin-top: 1px;
  z-index: 1;
}

body.device-mobile .header-flex-reverse-wrapper {
  flex-direction: column-reverse;
}
body.device-mobile .header-flex-reverse-wrapper header .header-wrapper-img-provider {
  height: 100%;
  width: auto;
}
body.device-mobile .header-flex-reverse-wrapper header .header-wrapper-img-provider img {
  height: 100%;
  width: auto;
}
body.device-mobile .header-flex-reverse-wrapper header .header-logo-img {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
body.device-mobile .provider-details-outer-wrapper {
  min-height: unset;
}
body.device-mobile .provider-details-outer-wrapper .provider-details-wrapper .container {
  padding-right: 20px;
}
body.device-mobile .provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper {
  box-shadow: none;
}
body.device-mobile .specials-wrapper {
  position: relative;
  left: unset;
  right: unset;
  height: unset;
  width: calc(100% - 40px);
  margin-inline: auto;
}
body.device-mobile .provider-details-outer-wrapper .specials-wrapper {
  /*max-width: unset;
  top: unset;
  padding-top: 18px;
  padding-bottom: 18px;*/
}
body.device-mobile .provider-details-outer-wrapper .specials-wrapper .owl-item {
  max-width: unset;
  margin-right: 10px;
}
body.device-mobile .provider-details-outer-wrapper .specials-wrapper .owl-item .special-item {
  max-width: unset;
  width: 100%;
}
body.device-mobile .provider-details-outer-wrapper .specials-wrapper .owl-item .special-item .special-item-inner {
  max-width: unset;
  width: 100%;
}
body.device-mobile .provider-details-outer-wrapper .specials-wrapper .owl-item .special-item .special-item-inner .item-media {
  max-width: unset;
}
body.device-mobile .provider-details-outer-wrapper .specials-wrapper .owl-item .special-item .special-item-inner .item-media > div {
  max-width: unset;
  width: 100% !important;
}
body.device-mobile .provider-details-outer-wrapper .specials-wrapper .owl-item .special-item .special-item-inner .item-media > div video {
  max-width: unset;
  width: 100%;
}
body.device-mobile .provider-details-outer-wrapper .specials-wrapper .owl-item .special-item .special-item-inner .item-media img {
  max-width: unset;
  width: 100%;
}

.provider-product-content-wrapper {
  color: #3e3e3e;
  font-weight: 300;
}
.provider-product-content-wrapper .tabs-wrapper {
  padding-bottom: 20px;
}
.provider-product-content-wrapper .tabs-wrapper[data-active-tab=tab-0] .filters-content-wrapper .seg-mdl-textfield {
  width: 100%;
}
.provider-product-content-wrapper .tabs-wrapper[data-active-tab=tab-0] .filters-content-wrapper .search-autocomplete-suggestions {
  width: 100%;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-container {
  margin-bottom: 24px;
  z-index: 5;
  border-bottom: 1px solid;
}
.device-mobile .provider-product-content-wrapper .tabs-wrapper .tabs-container {
  border-bottom: none;
}
.device-mobile .provider-product-content-wrapper .tabs-wrapper .tabs-container ul {
  margin: 0;
  padding: 0;
  border-radius: 6px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.device-mobile .provider-product-content-wrapper .tabs-wrapper .tabs-container ul.expanded li.active {
  margin-bottom: 1px;
  background-color: #fff;
  border-radius: 6px 6px 0 0;
}
.device-mobile .provider-product-content-wrapper .tabs-wrapper .tabs-container ul li {
  padding: 12px;
  color: #616161;
  box-shadow: none;
  border-radius: initial;
}
.device-mobile .provider-product-content-wrapper .tabs-wrapper .tabs-container ul li.active {
  margin-bottom: 0;
  color: #616161;
  border-radius: 6px;
  background-color: transparent;
  outline: 1px solid #43b2e3;
}
.device-mobile .provider-product-content-wrapper .tabs-wrapper .tabs-container ul li.active:after {
  color: #616161;
}
.device-mobile .provider-product-content-wrapper .tabs-wrapper .tabs-container ul li:not(.active)::after {
  content: "";
  position: absolute;
  left: 12px;
  bottom: 0;
  width: calc(100% - 24px);
  border-bottom: 1px solid #ccc;
}
.device-mobile .provider-product-content-wrapper .tabs-wrapper .tabs-container ul li:last-child {
  border-radius: 0 0 6px 6px;
}
.device-mobile .provider-product-content-wrapper .tabs-wrapper .tabs-container ul li:last-child::after {
  content: none;
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 500px) {
  .provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper {
    flex-direction: column;
    gap: 0;
  }
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .seg-mdl-textfield {
  background-color: #FFFFFF;
  border-color: #BDBDBD;
  width: calc(50% - 12px);
  position: relative;
  z-index: 4;
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .seg-mdl-textfield.seg-mdl-focussed {
  border-radius: 5px 5px 0 0;
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .seg-mdl-textfield#date_end {
  z-index: 3;
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .seg-mdl-textfield label {
  color: #666666;
}
@media screen and (max-width: 500px) {
  .provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper > .seg-mdl-textfield {
    width: 100%;
  }
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .further-filters-button {
  background-color: #FFFFFF;
  border: 1px solid #BDBDBD;
  border-radius: 5px;
  display: block;
  padding: 10px;
  color: #666666;
  font-weight: normal;
  position: relative;
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .further-filters-button::before {
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  border-bottom: 1px solid #BDBDBD;
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .further-filters-button::after {
  content: "\e92e";
  font-family: "seg";
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: block;
  text-align: center;
  position: absolute;
  top: 8px;
  right: 10px;
  line-height: 21px;
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .further-filters-content-wrapper {
  position: relative;
  width: calc(50% - 12px);
}
@media screen and (max-width: 500px) {
  .provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .further-filters-content-wrapper {
    width: 100%;
    margin-bottom: 24px;
  }
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .further-filters-content-wrapper.open .search-form-wrapper {
  height: auto;
  overflow: visible;
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .further-filters-content-wrapper.open .further-filters-button::after {
  transform: rotate(180deg);
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .further-filters-content-wrapper.open .further-filters-button {
  border-radius: 5px 5px 0 0;
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .further-filters-content-wrapper.open .further-filters-button::before {
  content: "";
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .search-autocomplete-suggestions {
  background-color: #FFFFFF;
  position: absolute;
  z-index: 1002;
  top: 40px;
  left: 0;
  width: calc(50% - 12px);
  border: 1px solid #BDBDBD;
  border-radius: 0 0 5px 5px;
  border-top: none;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
}
@media screen and (max-width: 500px) {
  .provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .search-autocomplete-suggestions {
    width: 100%;
  }
}
.provider-product-content-wrapper .tabs-wrapper .filters-content-wrapper .search-autocomplete-suggestions .search-autocomplete-suggestion {
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
  font-weight: normal;
  color: #75787b;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper {
  position: relative;
  border: none;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper {
  height: 0;
  position: absolute;
  width: 850px;
  max-width: calc(100vw - 20px);
  margin-top: -1px;
  right: 0;
  z-index: 1001;
  overflow: hidden;
}
@media screen and (max-width: 500px) {
  .provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper {
    width: 100%;
    max-width: 850px;
    min-width: calc(100vw - 20px);
  }
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner {
  border: 1px solid #BDBDBD;
  padding: 12px;
  color: #3E3E3E;
  font-weight: 300;
  border-top: none;
  border-radius: 0 0 6px 6px;
  background-color: #FFFFFF;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner span {
  display: block;
  padding-bottom: 12px;
  font-weight: 700;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .country-input {
  width: calc(50% - 12px);
}
@media screen and (max-width: 500px) {
  .provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .country-input {
    width: 100%;
  }
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .search-inputs:not(.dropdown) .seg-mdl-checkbox label {
  display: flex;
  color: #75787B;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .search-inputs:not(.dropdown) .seg-mdl-checkbox label::before {
  font-family: "seg";
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 6px;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .search-inputs:not(.dropdown) .seg-mdl-checkbox.seg-mdl-checked .seg-mdl-checkbox-holder::before {
  background-color: #76d136;
  border-color: #76d136;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .search-inputs:not(.dropdown) .seg-mdl-checkbox.seg-mdl-checked .seg-mdl-checkbox-holder .seg-mdl-checkbox-tick::after {
  color: #fff;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .search-inputs:not(.dropdown) .seg-mdl-checkbox.seg-mdl-checked label {
  color: #3e3e3e;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .search-inputs:not(.dropdown) .seg-mdl-checkbox.check-live label::before {
  content: "\e92c";
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .search-inputs:not(.dropdown) .seg-mdl-checkbox.check-in-person label::before {
  content: "\e92d";
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .search-inputs:not(.dropdown) .seg-mdl-checkbox.check-e-learning label::before {
  content: "\e93a";
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .search-inputs:not(.dropdown) .seg-mdl-checkbox.check-packages label::before {
  content: "\e949";
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .search-inputs:not(.dropdown) .seg-mdl-checkbox.check-accommodation label::before {
  content: "\e94a";
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .seg-html-dropdown .seg-dropdown-menu .dropdown-list-style {
  padding-left: 50px;
  margin-left: -40px;
  z-index: 10;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .seg-html-dropdown .seg-dropdown-menu .seg-mdl-checkbox {
  display: block;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .tr-filter-buttons {
  margin-top: 18px;
  text-align: end;
}
@media screen and (max-width: 420px) {
  .provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .tr-filter-buttons {
    top: 12px;
    right: 24px;
  }
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .tr-filter-buttons a {
  color: #515151;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner .tr-filter-buttons a:last-child {
  color: #0077C6;
  font-weight: bold;
  margin-left: 18px;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .row[data-id][data-path]:hover {
  color: #000;
  background-color: #fbfbfb;
}
.provider-product-content-wrapper .global-course-finder-wrapper {
  background: #3e3e3e;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 234px;
  color: #fff;
  margin-bottom: -20px;
}
.provider-product-content-wrapper .global-course-finder-wrapper .global-finder-btn {
  align-items: center;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
  justify-content: center;
}
.provider-product-content-wrapper .global-course-finder-wrapper .global-finder-btn:hover, .provider-product-content-wrapper .global-course-finder-wrapper .global-finder-btn:focus {
  background-color: rgba(255, 255, 255, 0.1333333333);
}
.provider-product-content-wrapper .global-search-step {
  max-width: 216px;
}
.provider-product-content-wrapper .step-label {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1000px) {
  body:not(.device-mobile) {
    /*  .provider-details-outer-wrapper {
          .specials-wrapper {
              right: 20px;
          }
      }*/
  }
  body:not(.device-mobile) .header-flex-reverse-wrapper header .header-logo-img {
    left: 20px;
  }
}
.accordion-item {
  min-height: 40px;
}
.accordion-item .row.course-date {
  transition: background-color 0.2s ease;
  align-items: center;
}
.accordion-item .row.course-date .seg-In_Person {
  color: #0077C6;
}
.accordion-item .row.course-date .seg-Live_Stream {
  color: #FD6719;
}
.accordion-item .row.course-date.active {
  background-color: rgba(0, 119, 198, 0.1);
  position: relative;
}
.accordion-item .row.course-date.active:hover {
  background-color: rgba(0, 119, 198, 0.1);
}
.accordion-item .row.course-date.active::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 2px;
  height: 100%;
  background: #0077c6;
}
.accordion-item .row.course-date ~ .row.course-date {
  margin-top: 12px;
}
.accordion-item .button {
  background: #0077c6;
  color: #fff;
  min-width: 100%;
  border: none;
  padding: 8px;
  width: 100%;
  display: inline-block;
  height: 36px;
}

.device-mobile .available-count-wrapper {
  display: none;
}
.device-mobile .accordion-item .accordion-item-content .row[data-id] > div {
  display: flex;
  padding: 0px 10px;
}
.device-mobile .accordion-item .accordion-item-content .row[data-id] > div label {
  flex: 0 0 50%;
}
.device-mobile .accordion-item .accordion-item-content .row[data-id] > div span {
  flex: 0 0 50%;
}
.device-mobile .accordion-item .accordion-item-content .row[data-id] > div:first-child {
  padding-top: 12px;
}
.device-mobile .accordion-item .accordion-item-content .row[data-id] > div:first-child label,
.device-mobile .accordion-item .accordion-item-content .row[data-id] > div:first-child span {
  font-weight: bold;
}
.device-mobile .accordion-item .accordion-item-content .row[data-id] ~ .row[data-id] > div:first-child {
  padding-top: 24px;
}

.loader-wrapper {
  width: 100%;
  height: calc(100% + 40px);
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  z-index: 10;
  pointer-events: none;
  left: 0;
  top: 0;
}
.loader-wrapper .lds-ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loader-wrapper ~ * {
  pointer-events: none;
}

/*Share course popup*/
.share-course .copy-input-wrapper {
  position: relative;
}
.share-course .copy-input-wrapper #product-link {
  width: 100%;
  height: 40px;
  border: 1px solid #d2d2d2;
  border-radius: 6px;
  padding-left: 12px;
  font-family: inherit;
  font-weight: 200;
}
.share-course .copy-input-wrapper #copy-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 90px;
  border: 1px solid #0077c6;
  background: #0077c6;
  color: #fff;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  cursor: pointer;
}
.share-course .share-target-wrapper {
  display: flex;
  padding-top: 18px;
}
.share-course .share-target-wrapper .share-twitter,
.share-course .share-target-wrapper .share-email {
  margin-left: 18px;
}
.share-course .share-target-wrapper a {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #0077c6;
  border-radius: 6px;
  cursor: pointer;
  font-size: 20px;
}
.share-course .share-target-wrapper a:hover {
  background-color: #0077c6;
  color: #fff;
}

@media only screen and (max-device-width: 480px) {
  /* styles for mobile browsers smaller than 480px; (iPhone) */
  .share-course .copy-input-wrapper {
    display: flex;
    flex-direction: column;
  }
  .share-course .copy-input-wrapper #copy-btn {
    position: relative;
    height: 40px;
    width: 100%;
    border-radius: 6px;
    margin-top: 10px;
  }
}
.provider-login {
  background-color: #0077c6;
  border: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid #0077c6;
  text-align: center;
  min-width: 150px;
  height: 40px;
  color: #fff;
  padding: 10px 20px;
  transition: background-color 0.2s;
}

.empty-search-results-container {
  padding-block: 12px;
  font-weight: 600;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

#provider_course_table .table-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 10px 0 10px;
}
#provider_course_table .table-row .books-list-item {
  word-wrap: break-word;
  padding-left: 20px;
}
#provider_course_table > .subtitle {
  font-size: 14px;
  line-height: 1;
}
#provider_course_table .col-course-cost {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 10%;
  -moz-flex-basis: 10%;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
  max-width: 10%;
}
#provider_course_table .col-course-slots {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 7%;
  -moz-flex-basis: 7%;
  -ms-flex-preferred-size: 7%;
  flex-basis: 7%;
  max-width: 7%;
}
#provider_course_table .col-course-delivery-method {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 14%;
  -moz-flex-basis: 14%;
  -ms-flex-preferred-size: 14%;
  flex-basis: 14%;
  max-width: 14%;
}
#provider_course_table .col-course-accommodation {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 13%;
  -moz-flex-basis: 13%;
  -ms-flex-preferred-size: 13%;
  flex-basis: 13%;
  max-width: 13%;
}
#provider_course_table .col-course-dates {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 23%;
  -moz-flex-basis: 23%;
  -ms-flex-preferred-size: 23%;
  flex-basis: 23%;
  max-width: 23%;
}
#provider_course_table .col-course-shopping-cart {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 19%;
  -moz-flex-basis: 19%;
  -ms-flex-preferred-size: 19%;
  flex-basis: 19%;
  max-width: 19%;
}
#provider_course_table .col-course-name {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 36%;
  -moz-flex-basis: 36%;
  -ms-flex-preferred-size: 36%;
  flex-basis: 36%;
  max-width: 36%;
}
#provider_course_table .col-course-actions {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
  -webkit-flex-basis: 14%;
  -moz-flex-basis: 14%;
  -ms-flex-preferred-size: 14%;
  flex-basis: 14%;
  max-width: 14%;
}
#provider_course_table .table-header > div {
  font-weight: 700;
}
#provider_course_table .dashboard-buttons-wrap {
  display: inline-flex;
  padding-right: 0;
}
#provider_course_table .dashboard-buttons-wrap .dashboard-button {
  height: 40px;
  margin: 0;
  padding: 10px;
}
#provider_course_table .dashboard-buttons-wrap .dashboard-button:first-of-type {
  margin-right: 5px;
}
#provider_course_table .table-row + .table-row::before {
  width: 100%;
}
#provider_course_table .table-header-row [class*=col-] {
  display: inline-flex;
}
#provider_course_table .table-header-row [class*=col-] .books-list-header-item {
  display: inline-grid;
  width: 100%;
}
#provider_course_table .table-header::before {
  border: none;
  border-radius: 0;
  font-size: 20px;
  padding: 0;
}

.my-courses .add-new {
  color: #3e3e3e;
  cursor: pointer;
}
.my-courses .add-new i {
  background-color: #3e3e3e;
  color: #fff;
  border-radius: 50%;
  padding: 5px;
  margin-right: 5px;
}
.my-courses .add-new + #provider_course_table {
  margin-top: 20px;
}

.pcf-add-date {
  color: #3e3e3e;
  cursor: pointer;
}
.pcf-add-date i {
  background-color: #3e3e3e;
  color: #fff;
  border-radius: 50%;
  padding: 5px;
}

#provider_course_table .table-header div {
  margin-right: 20px;
}
#provider_course_table .school-dashboard-course-list:not(.open) {
  border: none;
}
#provider_course_table .school-dashboard-course-list:not(.open) .row {
  display: none;
}
#provider_course_table .row.table-header-row .books-list-header-item {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
#provider_course_table .row .wrap-stop {
  white-space: pre;
}
#provider_course_table .table-header + .school-dashboard-course-list {
  margin-top: 0;
  margin-bottom: 10px;
}
#provider_course_table .list-wrapper .books-list-header-item::before {
  width: 100%;
}
#provider_course_table .list-wrapper .pcf-dates-rows .table-row .books-list-item {
  margin-bottom: 0;
  padding-right: 8px;
}
#provider_course_table .list-wrapper .pcf-dates-rows .table-row .col-product .seg-html-dropdown {
  margin-bottom: 0;
}
#provider_course_table .list-wrapper .pcf-dates-rows #input-pcf-slots:focus-visible {
  outline: none;
}
#provider_course_table .table-row + .table-row:nth-of-type(2n):after {
  content: none;
}

body.device-mobile .pcf-cost-row {
  flex-direction: column-reverse;
}
body.device-mobile #provider_course_table .table-header-row {
  display: none;
}
body.device-mobile #provider_course_table .books-list-item {
  position: relative;
  padding: 25px 20px 5px 20px;
}
body.device-mobile #provider_course_table .books-list-item::before {
  content: attr(data-label);
  color: #bfc5d2;
  position: absolute;
  top: 5px;
  left: 20px;
}
body.device-mobile #provider_course_table .books-list-item.button-wrapper {
  padding: 0 20px 10px 0;
  text-align: right;
}

#provider_course_table .dashboard-buttons-wrap {
  margin-top: 5px;
}
#provider_course_table .d-picker-target {
  font-size: 13px;
}
#provider_course_table #seg-liveinperson {
  padding-top: 8px;
  padding-bottom: 8px;
  width: 100%;
  text-align: center;
  border: 1px solid #b0b0b0;
  border-radius: 5px;
  font-weight: 400;
  color: #646464;
  outline: 0;
}
#provider_course_table #seg-liveinperson:focus {
  border: 1px solid #0080d3;
  -webkit-transition: border 1s ease-out;
  -moz-transition: border 1s ease-out;
  -o-transition: border 1s ease-out;
  transition: border 1s ease-out;
}

.container.form-wrapper[data-listingtype=paid-listing] #provider_course_table .table-header-row .col-delivery {
  display: block;
}
.container.form-wrapper[data-listingtype=paid-listing] #provider_course_table .table-header-row .col-enquiry {
  display: none;
}
.container.form-wrapper[data-listingtype=paid-listing] .pcf-dynam-data-delivery {
  display: block;
}
.container.form-wrapper[data-listingtype=paid-listing] .pcf-dynam-data-enquire {
  display: none;
}
.container.form-wrapper[data-listingtype=free-listing] #provider_course_table .table-header-row .col-delivery {
  display: none;
}
.container.form-wrapper[data-listingtype=free-listing] #provider_course_table .table-header-row .col-enquiry {
  display: block;
}
.container.form-wrapper[data-listingtype=free-listing] .pcf-dynam-data-delivery {
  display: none;
}
.container.form-wrapper[data-listingtype=free-listing] .pcf-dynam-data-enquire {
  display: block;
}

/*#provider_course_table .table-header-row [class*=col-]*/
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.page-provider-course-form #navbar, .page-provider-course-form .menu-dashboard-container {
  z-index: 6;
}
.page-provider-course-form .add_course_header {
  background-color: #F0F0F0;
  min-height: 0;
}
.page-provider-course-form .add_course_header h1 {
  line-height: 1;
  margin: 0;
}
.page-provider-course-form .form_section_box {
  z-index: 1;
  position: relative;
}
.page-provider-course-form .form_section_box.active {
  z-index: 5;
}
.page-provider-course-form .form_section_box.active [data-expandable].expanded {
  overflow: initial;
}
.page-provider-course-form .form_section_box {
  border: 1px solid #F0F0F0;
  border-radius: 10px;
}
.page-provider-course-form .form_section_box .section-header {
  background-color: #0077C6;
  border-radius: 5px;
  min-height: 0;
  height: auto;
  color: #fff;
}
.page-provider-course-form .form_section_box .section-header h3 {
  line-height: 1;
  margin: 0;
}
.page-provider-course-form .form_section_box .section-header::after {
  transform: rotate(180deg);
  color: #fff;
}
.page-provider-course-form .form_section_box.active ~ section .section-header {
  background-color: #F0F0F0;
  color: inherit;
}
.page-provider-course-form .form_section_box.active ~ section .section-header::after {
  transform: none;
  color: inherit;
}
.page-provider-course-form .section-header {
  position: relative;
}
.page-provider-course-form .section-header:after {
  align-items: center;
  color: #666666;
  content: "\e92e";
  display: flex;
  font-family: "seg";
  font-size: 20px;
  height: 20px;
  justify-content: center;
  line-height: 1;
  padding: 0 0 0 1px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -10px;
  transform: rotate(0);
  transform-origin: center center;
  transition: transform 325ms cubic-bezier(0, 0, 0.2, 1);
  width: 20px;
}
.page-provider-course-form .form_section_box.expanded .section-header:after {
  transform: rotate(180deg);
}
.page-provider-course-form .selectable-box {
  border: 1px solid #F0F0F0;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  position: relative;
  text-align: center;
}
.page-provider-course-form .selectable-box.selected {
  border-color: #0077C6;
  background: #f9fdff;
  color: #0077C6;
}
.page-provider-course-form .selectable-box.selected:after {
  background: #0077C6;
  border-radius: 15px;
  color: white;
  content: "\e903";
  display: block;
  font-family: "seg";
  height: 30px;
  left: 50%;
  margin-left: -15px;
  padding: 5px;
  position: absolute;
  top: -15px;
  width: 30px;
}
.page-provider-course-form .cost-on-request-checkbox {
  margin-top: 11px;
  margin-left: 1rem;
}
.page-provider-course-form hr {
  background: #dbdbdb;
  border: none;
  height: 1px;
}
.page-provider-course-form .seg-html-dropdown .seg-mdl-checkbox.checkbox-wrapper {
  display: none;
}
.page-provider-course-form .seg-mdl-checkbox label {
  display: flex;
  color: #3E3E3E;
}
.page-provider-course-form .seg-mdl-checkbox label::before {
  font-family: "seg";
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 6px;
}
.page-provider-course-form .seg-mdl-checkbox .seg-mdl-checkbox-holder::before {
  border-color: #3E3E3E;
  border-radius: 4px;
}
.page-provider-course-form .seg-mdl-checkbox.seg-mdl-checked .seg-mdl-checkbox-holder::before {
  background-color: #76d136;
  border-color: #76d136;
}
.page-provider-course-form .seg-mdl-checkbox.seg-mdl-checked .seg-mdl-checkbox-holder .seg-mdl-checkbox-tick::after {
  color: #fff;
}
.page-provider-course-form .seg-mdl-checkbox.check-live label::before {
  content: "\e92c";
}
.page-provider-course-form .seg-mdl-checkbox.check-in-person label::before {
  content: "\e92d";
}
.page-provider-course-form .seg-mdl-checkbox.check-e-learning label::before {
  content: "\e92c";
}
.page-provider-course-form .seg-mdl-checkbox.check-packages label::before {
  content: "\e92c";
}
.page-provider-course-form .seg-mdl-checkbox.check-accommodation label::before {
  content: "\e92c";
}
.page-provider-course-form .seg-mdl-radio label {
  height: auto;
}
.page-provider-course-form .seg-mdl-radio .title {
  font-weight: 700;
  font-size: 16px;
}
.page-provider-course-form .seg-mdl-radio .subtitle {
  font-weight: 400;
  font-size: 14px;
}
.page-provider-course-form .seg-mdl-radio .title,
.page-provider-course-form .seg-mdl-radio .subtitle {
  display: block;
  color: #3E3E3E;
}
.page-provider-course-form .seg-mdl-radio .seg-mdl-radio-dot {
  border-color: #3E3E3E;
  top: 3px;
}
.page-provider-course-form .seg-mdl-radio:after {
  background-color: #76d136;
}
.page-provider-course-form .school-dashboard-course-list {
  overflow: visible;
}
.page-provider-course-form .school-dashboard-course-list .pcf-dates-rows .row:first-child > div {
  min-height: unset;
}
.page-provider-course-form .school-dashboard-course-list .pcf-dates-rows .seg-mdl-checkbox label {
  height: 20px;
}
.page-provider-course-form .products-preview-wrapper .product-preview-item-wrapper {
  margin: 20px;
  cursor: pointer;
}
.page-provider-course-form .products-preview-wrapper .product-preview-item-wrapper .section-header h4 {
  margin: 0;
}
.page-provider-course-form .products-preview-wrapper .product-preview-item-wrapper.preview-expanded .product-preview-item-content {
  border: 1px solid #f0f0f0;
}
.page-provider-course-form .products-preview-wrapper.bordered {
  border: 1px solid #f0f0f0;
}
.page-provider-course-form .products-preview-wrapper h2.main-node-title {
  font-family: "Public Sans", serif;
  font-size: 14px;
  color: #000000;
  font-weight: 700;
  border-bottom: 1px solid grey;
  padding-bottom: 18px;
}
.page-provider-course-form .products-preview-wrapper h2.main-node-title .expand-node-wrapper {
  display: none;
}
.page-provider-course-form .products-preview-wrapper .node__content .node-text {
  padding-left: 0;
  border-bottom: 1px solid grey;
}
.page-provider-course-form .products-preview-wrapper .node__content .node-text p {
  margin-top: 6px;
  margin-bottom: 6px;
}
.page-provider-course-form .products-preview-wrapper .node-price {
  padding-top: 35px;
  padding-bottom: 25px;
  font-weight: bold;
  font-size: 16px;
  position: relative;
}
.page-provider-course-form .products-preview-wrapper .node-price::after {
  content: "Buy Now";
  background-color: #fff;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid rgb(0, 119, 198);
  text-align: center;
  min-width: 150px;
  height: 40px;
  color: rgb(0, 119, 198);
  padding: 10px 20px;
  position: absolute;
  right: 16px;
  border-radius: 20px;
  font-weight: normal;
  margin-top: -8px;
}
.page-provider-course-form .pcf-date-mock-input, .page-provider-course-form .pcf-date-cost {
  flex-wrap: wrap;
  position: relative;
  width: calc(100% - 2px);
  height: 40px;
  margin-top: 0;
  line-height: 0;
  border: 1px solid #b0b0b0;
  border-radius: 5px;
  text-align: left;
  padding-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-provider-course-form .pcf-date-cost {
  padding-left: 12px;
  padding-right: 2px;
}
.page-provider-course-form .pcf-dates-no-price .pcf-date-cost {
  display: none;
}
.page-provider-course-form .pcf-dates-no-price .pcf-dynam-data-cost::after {
  content: "POR";
}
.page-provider-course-form input.pcf-date-cost::-webkit-outer-spin-button,
.page-provider-course-form input.pcf-date-cost::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.page-provider-course-form input.pcf-date-cost[type=number] {
  -moz-appearance: textfield;
}
.page-provider-course-form .books-list-item {
  margin-bottom: 20px;
}
.page-provider-course-form .books-list-item .type-mdl {
  margin-bottom: auto;
  margin-top: auto;
}

.radio-check-wrapper .subtitle {
  padding-left: 30px;
  display: block;
}

.seg-mdl-radio-check.seg-mdl-checked .seg-mdl-checkbox-holder::before {
  background-color: #76d136;
  border-color: #76d136;
}
.seg-mdl-radio-check.seg-mdl-checked .seg-mdl-checkbox-holder .seg-mdl-checkbox-tick::after {
  color: #fff;
}

/*flow styles*/
.section-step + .section-step {
  display: none;
}
.section-step.complete + .section-step {
  display: block;
}

.form-wrapper[data-listingtype=free-listing][data-producttype=package] .course-dropdown,
.form-wrapper[data-listingtype=paid-listing][data-producttype=package] .course-dropdown {
  display: none !important;
}
.form-wrapper[data-listingtype=free-listing][data-producttype=course] .package-dropdown,
.form-wrapper[data-listingtype=paid-listing][data-producttype=course] .package-dropdown {
  display: none !important;
}

.form-wrapper[data-listingtype=free-listing] section[data-section="1"] .section-step.product-type {
  display: none !important;
}
.form-wrapper[data-listingtype=free-listing] section[data-section="2"] .terms-wrapper {
  display: none !important;
}
.form-wrapper[data-listingtype=free-listing] section[data-section="3"] .col-product {
  display: none !important;
}

.device-mobile.page-provider-course-form .add_course_header {
  min-height: 0;
  height: auto;
}

.provider-agreement {
  width: 100%;
  height: 200px;
  border: 1px solid rgb(240, 240, 240);
  overflow: hidden;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.page-terms-conditions > section .cookie-notice-table,
.page-privacy-policy > section .cookie-notice-table,
.page-cookie-notice > section .cookie-notice-table {
  margin: 20px 0;
}
.page-terms-conditions > section ul,
.page-terms-conditions > section ol,
.page-privacy-policy > section ul,
.page-privacy-policy > section ol,
.page-cookie-notice > section ul,
.page-cookie-notice > section ol {
  margin-left: 15px;
  padding: 0;
}
.page-terms-conditions > section ul li,
.page-terms-conditions > section ol li,
.page-privacy-policy > section ul li,
.page-privacy-policy > section ol li,
.page-cookie-notice > section ul li,
.page-cookie-notice > section ol li {
  margin-left: 0;
  margin-top: 10px;
  margin-bottom: 5px;
  line-height: 24px;
}
.page-terms-conditions > section p strong,
.page-privacy-policy > section p strong,
.page-cookie-notice > section p strong {
  font-size: 30px;
}
.page-terms-conditions > section strong.ignore,
.page-privacy-policy > section strong.ignore,
.page-cookie-notice > section strong.ignore {
  font-size: 18px;
  margin-left: 0px;
}
.page-terms-conditions.device-mobile p strong,
.page-privacy-policy.device-mobile p strong,
.page-cookie-notice.device-mobile p strong {
  font-size: 20px;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.info-block {
  position: relative;
}
.info-block + .info-block::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  height: 75%;
  border-left: 1px solid;
  transform: translateY(-50%);
}

.highlight-items-container {
  max-width: 800px;
  margin-inline: auto;
}

.listing-item {
  min-width: 165px;
}
.listing-item.extra-width {
  min-width: 212px;
}
.showcase-items .listing-item {
  min-width: 197px;
}
.free-listing-items .listing-item {
  min-width: 187px;
}
.navigational-tools-items .listing-item {
  min-width: 230px;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.popups-header {
  background-image: url("images/logo/Academy-by-Ephemeris-Logo-grey.svg");
  width: 100%;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 180px auto;
}

.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-we-are-here-to-help-you {
  background-image: url("images/popup-bg.jpg");
  background-size: cover;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-we-are-here-to-help-you .popups-header {
  background-image: url("images/logo/Academy-by-Ephemeris-Logo-white.svg");
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-we-are-here-to-help-you .seg-basic-popup-close {
  color: #FFFFFF;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-we-are-here-to-help-you .popup-page-content {
  text-align: center;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-we-are-here-to-help-you .popup-page-content h2 {
  color: #FFFFFF;
  font-family: "Public Sans", serif;
  font-weight: normal;
  font-size: 44px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.31);
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-we-are-here-to-help-you .popup-page-content a {
  border: 1px solid #FFFFFF;
  border-radius: 7px;
  text-align: center;
  color: #3E3E3E;
  text-decoration: none;
  background-color: #FFFFFF;
  width: calc(100% - 184px);
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 18px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.18);
  font-size: 14px;
  letter-spacing: 0.5px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-we-are-here-to-help-you .popup-page-content a.seg-basic-popup-close-link {
  background-color: transparent;
  color: #FFFFFF;
  width: 344px;
  padding-bottom: 15px;
  padding-top: 15px;
  margin-top: 17px;
}

.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry h2 {
  font-family: "Public Sans", serif;
  font-weight: normal;
  font-size: 40px;
  padding-left: 30px;
  padding-right: 30px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-image {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 40px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-image img {
  width: 100%;
  height: auto;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry p {
  padding: 0 72px;
  margin-bottom: 20px;
  color: #666666;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-table {
  margin-bottom: 40px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-table img {
  height: auto;
  width: 130px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-table strong {
  font-weight: 400;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group {
  background-color: #F7F7F7;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group ul {
  display: inline-block;
  padding: 0;
  vertical-align: top;
  list-style: none;
  margin-bottom: 20px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group ul li {
  width: 324px;
  position: relative;
  padding-left: 14px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group ul li:before {
  content: "✓";
  position: absolute;
  left: 0;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group ul:first-of-type {
  margin-left: 72px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group ul:last-of-type {
  margin-right: 72px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group strong {
  font-weight: 400;
  color: #323232;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group h5 {
  background-color: #3E3E3E;
  color: #FFFFFF;
  width: 457px;
  text-align: center;
  border-radius: 7px;
  padding: 10px 0;
  font-weight: normal;
  font-size: 14px;
  margin: 0 auto 20px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group .wp-block-buttons {
  display: block;
  position: relative;
  overflow: hidden;
  width: 475px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group .wp-block-buttons .wp-block-button {
  float: left;
  padding: 5px 9px;
  width: 50%;
  margin: 0;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group .wp-block-buttons .wp-block-button a {
  border: none;
  border-radius: 7px;
  background-color: #0077C6;
  width: 100%;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 16px;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group .wp-block-buttons .wp-block-button a sub {
  bottom: 0;
}
.seg-basic-popup-wrapper .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry h3 {
  font-size: 24px;
  padding-top: 26px;
  font-weight: 500;
}

.seg-basic-popup-wrapper .popup-page-we-want-to-help-you-easily-find-the-course-you-are-looking-for h2 {
  font-family: "Public Sans", serif;
  font-weight: normal;
  font-size: 40px;
  padding-left: 30px;
  padding-right: 30px;
}
.seg-basic-popup-wrapper .popup-page-we-want-to-help-you-easily-find-the-course-you-are-looking-for p {
  padding: 0 72px;
  margin-bottom: 20px;
  color: #666666;
}
.seg-basic-popup-wrapper .popup-page-we-want-to-help-you-easily-find-the-course-you-are-looking-for .wp-block-group {
  background-image: url("images/career_path_bg.jpg");
  background-size: cover;
}
.seg-basic-popup-wrapper .popup-page-we-want-to-help-you-easily-find-the-course-you-are-looking-for .wp-block-group h3 {
  color: #FFFFFF;
  font-family: "Public Sans", serif;
  font-weight: normal;
  font-size: 34px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.31);
  padding-top: 56px;
  padding-bottom: 12px;
  line-height: 40px;
}
.seg-basic-popup-wrapper .popup-page-we-want-to-help-you-easily-find-the-course-you-are-looking-for .wp-block-group .wp-block-buttons {
  padding-bottom: 50px;
}
.seg-basic-popup-wrapper .popup-page-we-want-to-help-you-easily-find-the-course-you-are-looking-for .wp-block-group .wp-block-buttons .wp-block-button {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  text-align: center;
}
.seg-basic-popup-wrapper .popup-page-we-want-to-help-you-easily-find-the-course-you-are-looking-for .wp-block-group .wp-block-buttons .wp-block-button .wp-block-button__link {
  background-color: #FFFFFF;
  text-align: center;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.18);
  width: 480px;
  padding: 18px 0;
  color: #3E3E3E;
  border-radius: 7px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 18px;
}

.seg-basic-popup-wrapper .popup-page-watch-the-deck-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free h2,
.seg-basic-popup-wrapper .popup-page-watch-the-engineering-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free h2,
.seg-basic-popup-wrapper .popup-page-watch-the-interior-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free h2,
.seg-basic-popup-wrapper .popup-page-watch-the-webinar-to-learn-how-to-use-our-system-to-produce-more-student-enquiries-for-yourself h2,
.seg-basic-popup-wrapper .popup-page-xone-malta-coming-soon h2,
.seg-basic-popup-wrapper .popup-page-xone-turkey-coming-soon h2 {
  font-family: "Public Sans", serif;
  font-weight: normal;
  font-size: 40px;
  padding-left: 30px;
  padding-right: 30px;
}
.seg-basic-popup-wrapper .popup-page-watch-the-deck-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free p,
.seg-basic-popup-wrapper .popup-page-watch-the-engineering-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free p,
.seg-basic-popup-wrapper .popup-page-watch-the-interior-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free p,
.seg-basic-popup-wrapper .popup-page-watch-the-webinar-to-learn-how-to-use-our-system-to-produce-more-student-enquiries-for-yourself p,
.seg-basic-popup-wrapper .popup-page-xone-malta-coming-soon p,
.seg-basic-popup-wrapper .popup-page-xone-turkey-coming-soon p {
  padding: 0 72px;
  margin-bottom: 20px;
  color: #666666;
}
.seg-basic-popup-wrapper .popup-page-watch-the-deck-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free strong,
.seg-basic-popup-wrapper .popup-page-watch-the-engineering-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free strong,
.seg-basic-popup-wrapper .popup-page-watch-the-interior-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free strong,
.seg-basic-popup-wrapper .popup-page-watch-the-webinar-to-learn-how-to-use-our-system-to-produce-more-student-enquiries-for-yourself strong,
.seg-basic-popup-wrapper .popup-page-xone-malta-coming-soon strong,
.seg-basic-popup-wrapper .popup-page-xone-turkey-coming-soon strong {
  color: #252525;
}
.seg-basic-popup-wrapper .popup-page-watch-the-deck-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free .wp-block-image,
.seg-basic-popup-wrapper .popup-page-watch-the-engineering-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free .wp-block-image,
.seg-basic-popup-wrapper .popup-page-watch-the-interior-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free .wp-block-image,
.seg-basic-popup-wrapper .popup-page-watch-the-webinar-to-learn-how-to-use-our-system-to-produce-more-student-enquiries-for-yourself .wp-block-image,
.seg-basic-popup-wrapper .popup-page-xone-malta-coming-soon .wp-block-image,
.seg-basic-popup-wrapper .popup-page-xone-turkey-coming-soon .wp-block-image {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 40px;
}
.seg-basic-popup-wrapper .popup-page-watch-the-deck-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free .wp-block-image img,
.seg-basic-popup-wrapper .popup-page-watch-the-engineering-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free .wp-block-image img,
.seg-basic-popup-wrapper .popup-page-watch-the-interior-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free .wp-block-image img,
.seg-basic-popup-wrapper .popup-page-watch-the-webinar-to-learn-how-to-use-our-system-to-produce-more-student-enquiries-for-yourself .wp-block-image img,
.seg-basic-popup-wrapper .popup-page-xone-malta-coming-soon .wp-block-image img,
.seg-basic-popup-wrapper .popup-page-xone-turkey-coming-soon .wp-block-image img {
  width: 100%;
  height: auto;
}
.seg-basic-popup-wrapper .popup-page-watch-the-deck-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free a.sign-up-now,
.seg-basic-popup-wrapper .popup-page-watch-the-engineering-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free a.sign-up-now,
.seg-basic-popup-wrapper .popup-page-watch-the-interior-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free a.sign-up-now,
.seg-basic-popup-wrapper .popup-page-watch-the-webinar-to-learn-how-to-use-our-system-to-produce-more-student-enquiries-for-yourself a.sign-up-now,
.seg-basic-popup-wrapper .popup-page-xone-malta-coming-soon a.sign-up-now,
.seg-basic-popup-wrapper .popup-page-xone-turkey-coming-soon a.sign-up-now {
  border: none;
  border-radius: 7px;
  background-color: #0077C6;
  width: 196px;
  padding: 10px;
  font-size: 14px;
  display: inline-block;
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: 1px;
  margin-top: 10px;
  margin-bottom: 24px;
}
.seg-basic-popup-wrapper .popup-page-watch-the-webinar-to-learn-how-to-use-our-system-to-produce-more-student-enquiries-for-yourself a.sign-up-now {
  background-color: #FFA329;
}

@media all and (max-width: 840px) {
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry p,
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-we-want-to-help-you-easily-find-the-course-you-are-looking-for p,
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-watch-the-deck-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free p,
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-watch-the-engineering-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free p,
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-watch-the-interior-career-path-webinar-to-understand-how-academy-by-ephemeris-works-for-you-for-free p,
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-watch-the-webinar-to-learn-how-to-use-our-system-to-produce-more-student-enquiries-for-yourself p,
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-xone-malta-coming-soon p,
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-xone-turkey-coming-soon p {
    padding: 0 20px;
  }
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-we-are-here-to-help-you .popup-page-content h2 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-we-are-here-to-help-you .popup-page-content a,
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-we-are-here-to-help-you .popup-page-content a.seg-basic-popup-close-link {
    width: calc(100% - 40px);
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    padding: 0 10px;
  }
  .seg-basic-popup-wrapper .seg-basic-popup .popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-table td {
    display: block;
  }
  .seg-basic-popup-wrapper .seg-basic-popup .popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group .wp-block-group__inner-container ul {
    margin-left: 20px;
    margin-right: 20px;
    display: block;
    margin-bottom: 0;
  }
  .seg-basic-popup-wrapper .seg-basic-popup .popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group .wp-block-group__inner-container ul:last-of-type {
    margin-bottom: 20px;
  }
  .seg-basic-popup-wrapper .seg-basic-popup .popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-group .wp-block-group__inner-container ul li {
    width: auto;
  }
  .seg-basic-popup-wrapper .seg-basic-popup .popup-page-we-want-to-help-you-easily-find-the-course-you-are-looking-for .wp-block-group .wp-block-buttons .wp-block-button .wp-block-button__link {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media all and (max-width: 532px) {
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry h5 {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-buttons {
    width: auto;
  }
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-buttons .wp-block-button {
    width: 300px;
    margin: 0 auto;
    float: none;
  }
}
@media all and (max-width: 380px) {
  .seg-basic-popup-wrapper .seg-basic-popup .seg-basic-popup-content.popup-page-looking-for-a-job-in-the-yachting-industry .wp-block-buttons .wp-block-button {
    width: 100%;
    margin: 0 20px;
    float: none;
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.store-front-bar {
  background-color: #006EBC;
}
.store-front-bar .store-front-bar-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 24px;
  overflow: hidden;
}
@media screen and (max-width: 860px) {
  .store-front-bar .store-front-bar-inner {
    column-gap: 12px;
  }
}
.store-front-bar .store-front-bar-inner .store-front-bar-column {
  color: #FFFFFF;
  width: 33.3333333333%;
  min-width: 280px;
  font-weight: 500;
  font-size: 15px;
  line-height: 17px;
}
.store-front-bar .store-front-bar-inner .store-front-bar-column img {
  width: 38px;
  float: left;
}

.store-front-used-by img {
  width: 100%;
}

.store-front-dark-bar {
  background-color: #292929;
  color: #FFFFFF;
  overflow: hidden;
}
.store-front-dark-bar h2 {
  font-family: "Public Sans", serif;
  font-weight: normal;
  font-size: 30px;
}

.store-front-tab {
  flex: 1 0 auto;
  width: min-content;
}
@media screen and (max-width: 500px) {
  .store-front-tab {
    flex: unset;
  }
}

.store-front-tabs-inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
  padding-top: 46px;
}

.store-front-tab-inner {
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 6px;
  padding: 24px;
  color: #fff;
}
.store-front-tab-inner.shop {
  background-color: #0066B1;
}
.store-front-tab-inner.tools {
  background-color: #363636;
}
.store-front-tab-inner .store-front-tab-left {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 61%;
  flex: 0 0 auto;
}
@media screen and (max-width: 980px) {
  .store-front-tab-inner .store-front-tab-left {
    flex: unset;
  }
}
.store-front-tab-inner .store-front-tab-left .sft-title {
  font-weight: bold;
}
.store-front-tab-inner .store-front-tab-left .sft-title,
.store-front-tab-inner .store-front-tab-left .sft-description {
  font-size: 16px;
}
.store-front-tab-inner .store-front-tab-left .sft-sub-title {
  font-family: "Public Sans", serif;
  font-size: 40px;
  line-height: 38px;
}
.store-front-tab-inner .store-front-tab-left .sft-button {
  max-width: max-content;
  margin-top: 12px;
  border-radius: 6px;
  padding-block: 6px;
  padding-inline: 12px;
  border: 1px solid;
  color: inherit;
}
.store-front-tab-inner img {
  max-height: 198px;
  flex: 0 0 auto;
  margin-left: auto;
}

.woocommerce .products ul,
.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  column-gap: 15px;
  margin-top: 36px;
}
@media screen and (max-width: 769px) {
  .woocommerce .products ul,
  .woocommerce ul.products {
    justify-content: space-evenly;
  }
}
.woocommerce .products ul::before, .woocommerce .products ul::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after {
  content: none;
}
.woocommerce .product_image_wrapper {
  position: relative;
}
.woocommerce .product_image_wrapper::before {
  content: "";
  position: absolute;
  inset: -12px;
  border-radius: 6px;
  border: 1px solid #C7C7C7;
}
.woocommerce .product_image_wrapper .product_image_wrapper_inner {
  min-height: 270px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 440px) {
  .woocommerce .product_image_wrapper .product_image_wrapper_inner {
    min-height: 190px;
  }
}
.woocommerce ul.products li.product a {
  text-align: center;
  color: #000;
  font-size: 16px;
}
.woocommerce ul.products li.product a img {
  object-fit: cover;
  border-radius: 6px;
  margin: 0;
}
.woocommerce ul.products li.product a h2 {
  min-height: 48px;
  font-family: "Public Sans", serif;
  font-weight: 400;
  margin-top: 18px !important;
}
.woocommerce ul.products li.product a .star-rating, .woocommerce ul.products li.product a.button {
  left: 50%;
}
.woocommerce ul.products li.product a.button {
  transform: translateX(-50%);
}
.woocommerce ul.products li.product a .star-rating {
  width: 87px;
  transform: translateX(calc(-50% - 10px));
  color: #FFA31C;
  overflow: visible;
}
.woocommerce ul.products li.product a .star-rating::before {
  color: inherit;
  letter-spacing: 3px;
}
.woocommerce ul.products li.product a .star-rating[role=img] {
  transform: translateX(calc(-50% - 20px));
}
.woocommerce ul.products li.product a .star-rating span::before {
  letter-spacing: 3px;
}
.woocommerce ul.products li.product a .star-rating .star-text {
  font-size: 0;
  position: absolute;
  right: 0;
  transform: translateX(100%);
}
.woocommerce ul.products li.product a .star-rating .star-text strong {
  position: relative;
  top: -2px;
  left: 6px;
  font-size: 14px;
  font-weight: normal;
  color: #666;
}
.woocommerce ul.products li.product a .price {
  font-size: 18px;
  color: #000;
}
.woocommerce ul.products li.product a.button {
  color: #FFFFFF;
  line-height: 16px;
  background-color: #0077C6;
  border: 1px solid;
  border-radius: 6px;
}
@media screen and (max-width: 420px) {
  .woocommerce ul.products li.product a.button {
    font-size: 12px;
  }
}
.woocommerce ul.products li.product a.button:hover {
  border: 1px solid #BCDAEE;
  color: #0077C6;
  background-color: transparent;
}
.woocommerce .cart .product_image_wrapper .product_image_wrapper_inner {
  min-height: auto;
}
.woocommerce .cart .product_image_wrapper::before {
  display: none;
}
.woocommerce .cart-collaterals ul.products li.product a.button {
  padding-top: 10px;
}
.woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce .cart-collaterals .woocommerce-page .cart-collaterals .cross-sells ul.products li {
  width: calc(50% - 34px);
  margin-left: 12px;
  margin-right: 12px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: unset;
  margin: 0 1.5% 2.992em 1.5%;
  width: calc(25% - 40px);
}
@media screen and (max-width: 769px) {
  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product {
    width: calc(50% - 40px);
  }
}
@media screen and (max-width: 480px) {
  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product {
    width: calc(50% - 34px) !important;
    max-width: 300px;
    margin: 0;
  }
}

.store-front-used-by {
  text-align: center;
  margin-block: 74px;
}
.store-front-used-by h2 {
  margin-bottom: 44px;
}

.store-front-content {
  display: flex;
  gap: 36px;
  padding-top: 24px;
}
@media screen and (max-width: 600px) {
  .store-front-content {
    flex-direction: column;
  }
}
.store-front-content ul.products {
  margin-top: 70px;
}
.store-front-content ul.products li.product {
  width: calc(33.3333333333% - 33px);
}
.store-front-content .woocommerce-result-count {
  margin-top: 11px;
  font-size: 16px;
}
.store-front-content .ui-slider-horizontal {
  height: 4px;
  max-width: 230px;
  border-radius: 0;
  border: 1px solid #0066B1;
}
.store-front-content .ui-slider-horizontal .ui-slider-handle {
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 16px;
  margin-left: -1px;
}
.store-front-content .ui-slider-horizontal .ui-state-default, .store-front-content .ui-slider-horizontal .ui-widget-content .ui-state-default, .store-front-content .ui-slider-horizontal .ui-widget-header .ui-state-default, .store-front-content .ui-slider-horizontal .ui-widget-header {
  background-color: #0066B1;
  border: none;
  border-radius: 0;
  cursor: pointer;
}
.store-front-content .price_slider_amount {
  margin-top: 24px;
}
.store-front-content .price_slider_amount .button {
  min-width: 124px;
  border-radius: 7px;
  background-color: #2F2F2F;
  color: #fff;
  font-weight: 400;
  cursor: pointer;
}
.store-front-content .price_slider_amount .button:hover {
  background-color: #2F2F2F;
  color: #fff;
}
.store-front-content .price_slider_amount .price_label {
  margin-top: 12px;
  font-weight: 400;
}

.store-front-filters {
  width: 25%;
}
@media screen and (max-width: 600px) {
  .store-front-filters {
    width: 100%;
  }
}
.store-front-filters .store-front-categories h3 {
  position: relative;
}
.store-front-filters .store-front-categories h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 100%;
  border-bottom: 1px solid #C7C7C7;
}

.store-front-products {
  width: 75%;
}
@media screen and (max-width: 600px) {
  .store-front-products {
    width: 100%;
  }
}

.shop_sidebar_widget h3 {
  margin-top: 9px;
  margin-bottom: 24px;
}

.woocommerce .store-front-content .woocommerce-ordering select {
  width: unset;
}

.store-front-breadcrumbs > a {
  color: #0066B1;
}
.store-front-breadcrumbs > a:hover {
  color: #0066B1;
}
.store-front-breadcrumbs > a:not(:last-of-type) {
  color: #000;
}
.store-front-breadcrumbs > a:not(:last-of-type):hover {
  color: #0066B1;
}

.shop-sidebar > a {
  min-width: 124px;
  border-radius: 7px;
  background-color: #2F2F2F;
  color: #fff;
  font-weight: 400;
  cursor: pointer;
  display: inline-block;
  line-height: 22px;
  padding: 0.618em 1em;
  text-align: center;
  margin-top: 12px;
}
.shop-sidebar > a:hover {
  color: #fff;
}

.store-front-categories-inner {
  padding-top: 12px;
  padding-left: 12px;
}

.store-front-cat-holder:not(:first-of-type) {
  margin-top: 6px;
}
.store-front-cat-holder > a {
  color: #000;
  font-family: "Public Sans", serif;
  text-transform: none;
}
.store-front-cat-holder .cat-parent {
  position: relative;
  font-family: "Public Sans", serif;
}
.store-front-cat-holder .cat-parent::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  width: 8px;
  height: 8px;
  border-right: 2px solid;
  border-bottom: 2px solid;
  left: -14px;
  transition: transform 0.2s ease;
}
.store-front-cat-holder .store-front-sub-cat-holder {
  display: none;
  margin-top: 6px;
  padding-left: 6px;
  text-transform: uppercase;
}
.store-front-cat-holder .store-front-sub-cat-holder a {
  color: #292929;
  display: block;
  cursor: pointer;
  font-family: "Public Sans", serif;
  text-transform: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
.store-front-cat-holder.cat-open .cat-parent::before {
  transform: translateY(-50%) rotate(45deg);
}
.store-front-cat-holder.cat-open .store-front-sub-cat-holder {
  display: block;
}

.store-front-single-product-content .product_title {
  font-size: 30px !important;
  margin-bottom: 12px !important;
  line-height: 1.2em !important;
  color: #000000;
}
.store-front-single-product-content .product_meta {
  overflow: hidden;
}
.store-front-single-product-content .product_meta .review-meta .star-rating {
  font-size: 0;
  height: 18px;
  width: 120px;
  letter-spacing: 6px;
  float: left;
}
.store-front-single-product-content .product_meta .review-meta .star-rating::before {
  color: #FFA31C;
  font-size: 18px;
}
.store-front-single-product-content .product_meta .review-meta .star-rating span {
  height: 18px;
}
.store-front-single-product-content .product_meta .review-meta .star-rating span::before {
  color: #FFA31C;
  font-size: 18px;
  letter-spacing: 6px;
  height: 18px;
}
.store-front-single-product-content .product_meta .review-meta .review-meta-avg, .store-front-single-product-content .product_meta .review-meta .review-meta-count {
  color: #666666;
  line-height: 17px;
  float: left;
  padding-left: 6px;
}
.store-front-single-product-content .product_meta .sku_wrapper {
  clear: both;
  display: block;
  padding-top: 12px;
  float: left;
  font-weight: bold;
}
.store-front-single-product-content .product_meta .sku_wrapper span {
  font-weight: normal;
}
.store-front-single-product-content .product_meta .review-stock {
  padding-top: 12px;
  padding-left: 18px;
  float: left;
  color: #890707;
}
.store-front-single-product-content .product_meta .review-stock .in-stock {
  color: #0B8907;
}
.store-front-single-product-content .woocommerce-product-details__short-description {
  padding-top: 8px;
  padding-bottom: 20px;
  font-size: 16px;
}
.store-front-single-product-content div.summary p.price {
  color: #000000;
  padding-bottom: 16px;
  font-size: 30px;
}
.store-front-single-product-content .woocommerce-variation-price {
  padding-bottom: 16px;
}
.store-front-single-product-content div.product form.cart .variations select {
  height: 40px;
}
.store-front-single-product-content div.product form.cart .variations td.label {
  padding-right: 13px;
  width: 1%;
  line-height: 40px;
}
.store-front-single-product-content .woocommerce-Price-amount.amount bdi {
  color: #000000;
  font-size: 30px;
  font-weight: bold;
}
.store-front-single-product-content .cart .quantity .qty {
  line-height: 34px;
}
.store-front-single-product-content button.button.single_add_to_cart_button {
  background-color: #0077C6;
  line-height: 40px;
  max-height: 40px;
  height: 40px;
  padding: 0 9px;
  font-weight: normal;
  margin-left: 8px;
}
.store-front-single-product-content button.button.single_add_to_cart_button:hover {
  background-color: #0077C6;
  font-weight: bold;
}
.store-front-single-product-content .woocommerce-product-gallery {
  border: 1px solid #C7C7C7;
  padding: 12px;
  border-radius: 6px;
  padding-bottom: 6px;
}
.store-front-single-product-content .flex-viewport .woocommerce-product-gallery__image img {
  border-radius: 6px;
}
.store-front-single-product-content .flex-control-thumbs {
  margin-left: -6px !important;
  margin-right: -6px !important;
  margin-top: 6px !important;
}
.store-front-single-product-content .flex-control-thumbs li {
  padding: 6px;
}
.store-front-single-product-content .flex-control-thumbs li img {
  border-radius: 6px;
}
.store-front-single-product-content div.product .woocommerce-tabs {
  padding-bottom: 10px;
}
.store-front-single-product-content div.product .woocommerce-tabs ul.tabs {
  padding-left: 0;
}
.store-front-single-product-content div.product .woocommerce-tabs ul.tabs li {
  border: none;
  background: none !important;
  border-bottom: none;
  padding-left: 0;
  margin-left: 0;
  padding-right: 22px;
}
.store-front-single-product-content div.product .woocommerce-tabs ul.tabs li a {
  font-weight: normal;
  font-size: 18px;
}
.store-front-single-product-content div.product .woocommerce-tabs ul.tabs li.active a {
  color: #006EBC;
}
.store-front-single-product-content div.product .woocommerce-tabs ul.tabs li::before {
  display: none;
}
.store-front-single-product-content div.product .woocommerce-tabs ul.tabs li::after {
  display: none;
}
.store-front-single-product-content div.product .woocommerce-Tabs-panel--description h2:first-child, .store-front-single-product-content div.product .woocommerce-Tabs-panel--reviews h2:first-child {
  display: none;
}
.store-front-single-product-content div.product .woocommerce-Tabs-panel--description #comments, .store-front-single-product-content div.product .woocommerce-Tabs-panel--reviews #comments {
  padding-left: 0;
}
.store-front-single-product-content div.product .woocommerce-Tabs-panel--description .comment-form-author label, .store-front-single-product-content div.product .woocommerce-Tabs-panel--description .comment-form-email label, .store-front-single-product-content div.product .woocommerce-Tabs-panel--reviews .comment-form-author label, .store-front-single-product-content div.product .woocommerce-Tabs-panel--reviews .comment-form-email label {
  width: 50px;
  display: inline-block;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .star-text {
  display: none;
}

.page-books-tools header .header-wrapper-img {
  transform: none;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.free-crew-cv-builder .image-content-container {
  display: flex;
  align-items: center;
  min-height: 540px;
}
.free-crew-cv-builder .image-content-container .image-container {
  position: relative;
}
.free-crew-cv-builder .image-content-container .background-image {
  position: absolute;
  top: 50%;
  left: 0;
  width: 48%;
  transform: translateY(-50%);
}
@media screen and (max-width: 833px) {
  .free-crew-cv-builder .image-content-container .background-image {
    position: initial;
    height: unset;
    width: 80%;
    transform: initial;
  }
}
.free-crew-cv-builder .image-content-container .content-inner {
  justify-content: flex-end;
}
@media screen and (max-width: 833px) {
  .free-crew-cv-builder .image-content-container .content-inner {
    justify-content: center;
    gap: 36px;
  }
}
@media screen and (max-width: 833px) {
  .free-crew-cv-builder .image-content-container .content-inner > div {
    flex: 0 0 auto;
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .free-crew-cv-builder .image-content-container .content-inner h4 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 833px) {
  .free-crew-cv-builder .image-content-container .content-inner h4 {
    font-size: 1.78rem;
  }
}
@media screen and (max-width: 1100px) {
  .free-crew-cv-builder .image-content-container .content-inner h4.text-bg-highlight {
    padding: 6px;
  }
}
@media screen and (max-width: 833px) {
  .free-crew-cv-builder .image-content-container .content-inner h4.text-bg-highlight {
    padding: 12px;
  }
}
@media screen and (max-width: 1100px) {
  .free-crew-cv-builder .image-content-container .content-inner h2 {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 960px) {
  .free-crew-cv-builder .image-content-container .content-inner h2 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 1100px) {
  .free-crew-cv-builder .image-content-container .content-inner p {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 1100px) {
  .free-crew-cv-builder .image-content-container .content-inner p {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 833px) {
  .free-crew-cv-builder .image-content-container .content-inner p {
    font-size: 18px;
  }
}
.free-crew-cv-builder .image-content-container .content-inner [class*=seg-button] {
  flex-direction: row-reverse;
  gap: 12px;
  width: 200px;
  margin-right: 16px;
  height: 54px;
  font-size: 1.28em;
  font-weight: 500;
  border: 1px solid #3E3E3E;
  border-radius: 3px;
  background-color: transparent;
}
.free-crew-cv-builder .image-content-container .content-inner [class*=seg-button].highlighted {
  background-color: #FBD027;
  border: 1px solid #FBD027;
}
.free-crew-cv-builder .image-content-container .content-inner [class*=seg-button].highlighted span {
  color: #FFFFFF;
}
.free-crew-cv-builder .image-content-container .content-inner [class*=seg-button] span {
  font-family: "Public Sans", serif;
  font-weight: 400;
  text-transform: none;
  font-size: 18px;
}
@media screen and (max-width: 1100px) {
  .free-crew-cv-builder .image-content-container .content-inner [class*=seg-button] {
    height: 44px;
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 833px) {
  .free-crew-cv-builder .image-content-container .content-inner [class*=seg-button] {
    height: 54px;
    font-size: 1.28rem;
  }
}
.free-crew-cv-builder .image-content-container .content-inner [class*=seg-button]:nth-of-type(2) {
  margin-top: 24px;
}
@media screen and (max-width: 833px) {
  .free-crew-cv-builder .image-content-container .content-inner [class*=seg-button]:nth-of-type(2) {
    margin-top: 0;
  }
}
.free-crew-cv-builder .image-content-container.content-reversed .content-inner {
  justify-content: start;
}
.free-crew-cv-builder .image-content-container.content-reversed .background-image {
  left: initial;
  right: 0;
}
.free-crew-cv-builder .channel-icons {
  justify-content: space-around;
}
@media screen and (max-width: 30em) {
  .free-crew-cv-builder .channel-icons {
    justify-content: space-between;
  }
}
.free-crew-cv-builder .channel-icons .channel {
  text-align: center;
  flex-direction: column;
}
@media screen and (max-width: 780px) {
  .free-crew-cv-builder .channel-icons .channel {
    width: 33.33%;
  }
}
@media screen and (max-width: 780px) {
  .free-crew-cv-builder .channel-icons .channel {
    width: 50%;
    float: left;
  }
}
.free-crew-cv-builder .channel-icons .channel .channel-icon {
  position: relative;
  width: 116px;
  height: 116px;
  border: 2px solid #FFFFFF;
  border-radius: 12px;
  display: flex;
  justify-content: center;
}
.free-crew-cv-builder .channel-icons .channel .channel-icon .channel-image {
  /*filter: clr(svg, 100);*/
}
.free-crew-cv-builder .channel-icons .channel .channel-icon .channel-image {
  width: 50%;
}
.free-crew-cv-builder .channel-icons .channel .channel-icon .channel-image.ci-data {
  width: 55%;
}
.free-crew-cv-builder .channel-icons .channel .channel-icon .channel-image.ci-uniform {
  width: 40%;
}
.free-crew-cv-builder .channel-icons .channel p {
  padding-top: 12px;
  font-size: 15px;
}
.free-crew-cv-builder .container .uppercase {
  text-transform: uppercase;
}
.free-crew-cv-builder .container h2 {
  font-family: "Public Sans", serif;
  font-weight: 400;
  font-size: 44px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.free-crew-cv-builder .container h4 {
  font-size: 16px;
  color: #666666;
  margin-bottom: 0;
}
.free-crew-cv-builder .container p {
  font-size: 18px;
  line-height: 1.3em;
}
.free-crew-cv-builder .about-suite, .free-crew-cv-builder .my-profile {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 780px) {
  .free-crew-cv-builder .suite-info .channel-icons {
    width: 100%;
    display: block;
  }
}
.free-crew-cv-builder .app-store-container.dark-container-background {
  padding-top: 180px;
  padding-bottom: 165px;
  margin-bottom: -22px;
}
.free-crew-cv-builder .app-store-icons img {
  width: 200px;
  height: 60px;
  margin-right: 26px;
}
.free-crew-cv-builder .dark-container, .free-crew-cv-builder .dark-container-background {
  background-color: #434548;
  color: #FFFFFF;
  padding: 100px 0;
}
.free-crew-cv-builder .dark-container .content-inner h4, .free-crew-cv-builder .dark-container-background .content-inner h4 {
  color: #FFFFFF;
}
.free-crew-cv-builder .dark-container .content-inner .seg-button_rounded, .free-crew-cv-builder .dark-container-background .content-inner .seg-button_rounded {
  border-color: #FFFFFF;
}
.free-crew-cv-builder .dark-container .content-inner .seg-button_rounded span, .free-crew-cv-builder .dark-container-background .content-inner .seg-button_rounded span {
  color: #FFFFFF;
}
.free-crew-cv-builder .dark-container-background {
  background-image: url(images/pages/cv-builder/Circles.svg);
  background-repeat: no-repeat;
  background-position: -150% 95%;
  background-size: 78%;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.boiler-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.boiler-center strong {
  position: relative;
}
.boiler-center strong::before {
  content: "";
  width: 50px;
  height: 1px;
  background: #666666;
  position: absolute;
  left: -55px;
  top: 10px;
}
.boiler-center strong::after {
  content: "";
  width: 50px;
  height: 1px;
  background: #666666;
  position: absolute;
  right: -55px;
  top: 10px;
}

.boiler-left,
.boiler-left {
  display: flex;
  align-items: center;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.ebook-image {
  max-height: 320px;
  width: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
  height: auto;
}

.seg-product-addtocart .pad1 {
  padding: 10px;
}

.single-product-popup .seg-product-addtocart .pad1 {
  padding: 0;
}

.woocommerce-message a {
  margin-left: 10px !important;
}

.cart .return-to-shop {
  display: none;
}

table.shop_table td.product-name a {
  cursor: pointer;
}

.device-mobile.page-cart section .woocommerce .cart td .coupon button.button {
  min-width: 80px;
}
.device-mobile.woocommerce-checkout.woocommerce-order-received .woocommerce ul.order_details {
  flex-direction: column;
}
.device-mobile.woocommerce-checkout.woocommerce-order-received .woocommerce ul.order_details li {
  border-right: 0;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/* Mobile.scss
 * Intended to clean up mobile style messes
 */
@media all and (max-width: 790px) {
  #map-listing-wrapper {
    width: 640px;
  }
}
@media all and (max-width: 630px) {
  .container {
    padding-inline: 10px;
  }
  .node__content .node-text {
    padding-inline: 5px;
  }
  .device-mobile #path-wrapper .courses_box .node__content .course-box-formatting .main-node {
    margin-inline: auto;
    flex: 1 1 100%;
  }
  #path-wrapper .courses_box .node__content .course-box-formatting .main-node.course-highlight.open {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .padding_horizontal_3 {
    padding-inline: 5px;
  }
  #course_dates_holder {
    padding-inline: 5px;
  }
  .course-dates-wrapper {
    padding-inline: 5px;
  }
}
/*@media all and (max-width: 541px) {
    // #map-listing-wrapper {
    //     width: 440px;
    // }
    .device-mobile {
        header {
            .header-wrapper-img {
                img {
                    margin-left: 0%; // The exception is here for some reason
                }
            }
        }
    }
}*/
/*@media all and (max-width: 499px) {
    // #map-listing-wrapper {
    //     width: 300px;
    // }
    .device-mobile {
        header {
            .header-wrapper-img {
                img {
                    !*margin-left: 10%; // The exception is here for some reason*!
                }
            }
        }
    }
}

@media all and (max-width: 376px) {
    // #map-listing-wrapper {
    //     width: 260px;
    // }
    .device-mobile {
        header {
            .header-wrapper-img {
                img {
                    margin-left: 10%; // The exception is here for some reason
                }
            }
        }
    }
}

@media all and (max-width: 321px) {
    // #map-listing-wrapper {
    //     width: 220px;
    // }
    .device-mobile {
        header {
            .header-wrapper-img {
                img {
                    margin-left: 10%; // The exception is here for some reason
                }
            }
        }
    }
}*/
@media all and (max-width: 281px) {
  .input-wrapper .seg-mdl-textfield label {
    font-size: 12px;
  }
  /*.device-mobile {
      header {
          .header-wrapper-img {
              img {
                  margin-left: 10%; // The exception is here for some reason - move to pixels; use transform
              }
          }
      }
  }*/
}
@media all and (max-width: 750px) {
  .container.padding-left-1,
  .container.padding-left-2,
  .container.padding-left-3,
  .training-hilights .align-items-center,
  .facility-page .container .row {
    padding-left: 12px;
  }
}
@media (min-width: 279px) and (max-width: 1024px) {
  .facility-page .resp-padding,
  .student-page .resp-padding {
    padding-inline: 10px;
  }
}
@media only screen and (max-width: 1080px) {
  /*.mobile-br {
    display: none; // In _blog.scss
  }*/
  .provider-highlight {
    width: calc(100% - 10px);
    padding-left: 10px;
  }
  .highlight-image .shadow {
    font-size: medium !important;
    line-height: 1.1 !important;
    padding-top: 20px;
  }
  .highlight-action {
    padding-inline: 0px !important;
  }
  .highlight-action .highlight-text {
    margin-top: 10px;
  }
  .col-xs-12.col-sm-9.col-md-9.highlight-image {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
  }
}
@media only screen and (max-width: 821px) {
  .mobile-br {
    display: none;
  }
}
@media only screen and (max-width: 769px) {
  div#headerContentWrapper {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 541px) {
  div#headerContentWrapper {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 395px) {
  .global-search-bar {
    margin-top: 10px;
  }
  div#headerContentWrapper {
    margin-top: 32px;
  }
  .device-mobile header #headerContentWrapper h1.page-title {
    font-size: 25px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 376px) {
  div#headerContentWrapper {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 361px) {
  div#headerContentWrapper {
    margin: 5px 0;
    margin-top: 25px;
  }
}
@media only screen and (max-width: 281px) {
  div#headerContentWrapper {
    margin: 5px 0;
  }
  .device-mobile header #cartMenuWrapper {
    position: fixed;
    right: 70px;
    top: 10px;
  }
  .exclusive-features-table p,
  .benefits-table-pro p {
    max-width: 270px;
  }
}
@media only screen and (max-width: 1024px) {
  .inline-table {
    float: none !important;
  }
}
@media only screen and (max-width: 600px) {
  .students-page .resp-padding {
    padding-inline: 20px;
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

span.tox-statusbar__branding {
  display: none;
}

.tox.tox-tinymce {
  border-radius: 10px;
}
.tox.tox-tinymce.validation-error {
  border: 1px solid red;
}

/*.mce-content-body {
    color: #3e3e3e;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: -0.18px;
}*/
div#wp-description-editor-container {
  border: none;
}

input:disabled {
  color: #AAA;
}

label[for=__email] {
  color: #AAA !important;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.border {
  border: 1px solid;
}

.border-bottom {
  border-bottom: 1px solid;
}

.border-top {
  border-top: 1px solid;
}

.border-none {
  border: none;
}

.border-danger {
  border: 1px solid #d93c45;
}

.border-warning {
  border: 1px solid #ff8a29;
}

.border-caution {
  border: 1px solid #FFBD25;
}

.border-info {
  border: 1px solid #43b2e3;
}

.border-primary {
  border: 1px solid #3e3e3e;
}

.border-secondary {
  border: 1px solid #8e8e8e;
}

.border-success {
  border: 1px solid #17A13F;
}

.border-light {
  border: 1px solid #fbfbfb;
}

.border-dark {
  border: 1px solid #323232;
}

.border-muted {
  border: 1px solid #ccc;
}

.border-white {
  border: 1px solid #fff;
}

.border-transparent {
  border: 1px solid transparent;
}

.border-neutral-100 {
  border: 1px solid #FFFFFF;
}

/********** HOVER **********/
.border-neutral-100-hover:hover, .border-neutral-100-hover:focus, .border-neutral-100-hover:active {
  border-color: #FFFFFF;
}

.border-neutral-150 {
  border: 1px solid #FAFAFA;
}

/********** HOVER **********/
.border-neutral-150-hover:hover, .border-neutral-150-hover:focus, .border-neutral-150-hover:active {
  border-color: #FAFAFA;
}

.border-neutral-170 {
  border: 1px solid #F2F2F2;
}

/********** HOVER **********/
.border-neutral-170-hover:hover, .border-neutral-170-hover:focus, .border-neutral-170-hover:active {
  border-color: #F2F2F2;
}

.border-neutral-200 {
  border: 1px solid #F0F0F0;
}

/********** HOVER **********/
.border-neutral-200-hover:hover, .border-neutral-200-hover:focus, .border-neutral-200-hover:active {
  border-color: #F0F0F0;
}

.border-neutral-240 {
  border: 1px solid #FBFBFB;
}

/********** HOVER **********/
.border-neutral-240-hover:hover, .border-neutral-240-hover:focus, .border-neutral-240-hover:active {
  border-color: #FBFBFB;
}

.border-neutral-250 {
  border: 1px solid #F5F5F5;
}

/********** HOVER **********/
.border-neutral-250-hover:hover, .border-neutral-250-hover:focus, .border-neutral-250-hover:active {
  border-color: #F5F5F5;
}

.border-neutral-260 {
  border: 1px solid #EAEAEA;
}

/********** HOVER **********/
.border-neutral-260-hover:hover, .border-neutral-260-hover:focus, .border-neutral-260-hover:active {
  border-color: #EAEAEA;
}

.border-neutral-270 {
  border: 1px solid #EEEEEE;
}

/********** HOVER **********/
.border-neutral-270-hover:hover, .border-neutral-270-hover:focus, .border-neutral-270-hover:active {
  border-color: #EEEEEE;
}

.border-neutral-280 {
  border: 1px solid #E0E0E0;
}

/********** HOVER **********/
.border-neutral-280-hover:hover, .border-neutral-280-hover:focus, .border-neutral-280-hover:active {
  border-color: #E0E0E0;
}

.border-neutral-300 {
  border: 1px solid #BDBDBD;
}

/********** HOVER **********/
.border-neutral-300-hover:hover, .border-neutral-300-hover:focus, .border-neutral-300-hover:active {
  border-color: #BDBDBD;
}

.border-neutral-400 {
  border: 1px solid #9E9E9E;
}

/********** HOVER **********/
.border-neutral-400-hover:hover, .border-neutral-400-hover:focus, .border-neutral-400-hover:active {
  border-color: #9E9E9E;
}

.border-neutral-500 {
  border: 1px solid #919191;
}

/********** HOVER **********/
.border-neutral-500-hover:hover, .border-neutral-500-hover:focus, .border-neutral-500-hover:active {
  border-color: #919191;
}

.border-neutral-550 {
  border: 1px solid #757575;
}

/********** HOVER **********/
.border-neutral-550-hover:hover, .border-neutral-550-hover:focus, .border-neutral-550-hover:active {
  border-color: #757575;
}

.border-neutral-600 {
  border: 1px solid #666666;
}

/********** HOVER **********/
.border-neutral-600-hover:hover, .border-neutral-600-hover:focus, .border-neutral-600-hover:active {
  border-color: #666666;
}

.border-neutral-650 {
  border: 1px solid #616161;
}

/********** HOVER **********/
.border-neutral-650-hover:hover, .border-neutral-650-hover:focus, .border-neutral-650-hover:active {
  border-color: #616161;
}

.border-neutral-670 {
  border: 1px solid #434548;
}

/********** HOVER **********/
.border-neutral-670-hover:hover, .border-neutral-670-hover:focus, .border-neutral-670-hover:active {
  border-color: #434548;
}

.border-neutral-680 {
  border: 1px solid #424242;
}

/********** HOVER **********/
.border-neutral-680-hover:hover, .border-neutral-680-hover:focus, .border-neutral-680-hover:active {
  border-color: #424242;
}

.border-neutral-700 {
  border: 1px solid #3E3E3E;
}

/********** HOVER **********/
.border-neutral-700-hover:hover, .border-neutral-700-hover:focus, .border-neutral-700-hover:active {
  border-color: #3E3E3E;
}

.border-neutral-750 {
  border: 1px solid #333333;
}

/********** HOVER **********/
.border-neutral-750-hover:hover, .border-neutral-750-hover:focus, .border-neutral-750-hover:active {
  border-color: #333333;
}

.border-neutral-800 {
  border: 1px solid #252525;
}

/********** HOVER **********/
.border-neutral-800-hover:hover, .border-neutral-800-hover:focus, .border-neutral-800-hover:active {
  border-color: #252525;
}

.border-neutral-850 {
  border: 1px solid #222222;
}

/********** HOVER **********/
.border-neutral-850-hover:hover, .border-neutral-850-hover:focus, .border-neutral-850-hover:active {
  border-color: #222222;
}

.border-neutral-880 {
  border: 1px solid #212121;
}

/********** HOVER **********/
.border-neutral-880-hover:hover, .border-neutral-880-hover:focus, .border-neutral-880-hover:active {
  border-color: #212121;
}

.border-neutral-900 {
  border: 1px solid #000000;
}

/********** HOVER **********/
.border-neutral-900-hover:hover, .border-neutral-900-hover:focus, .border-neutral-900-hover:active {
  border-color: #000000;
}

.border-primary-100 {
  border: 1px solid #ffffff;
}

/********** HOVER **********/
.border-primary-100-hover:hover, .border-primary-100-hover:focus, .border-primary-100-hover:active {
  border-color: #ffffff;
}

.border-primary-200 {
  border: 1px solid #0077C6;
}

/********** HOVER **********/
.border-primary-200-hover:hover, .border-primary-200-hover:focus, .border-primary-200-hover:active {
  border-color: #0077C6;
}

.border-primary-210 {
  border: 1px solid #035991;
}

/********** HOVER **********/
.border-primary-210-hover:hover, .border-primary-210-hover:focus, .border-primary-210-hover:active {
  border-color: #035991;
}

.border-primary-230 {
  border: 1px solid #0595FF;
}

/********** HOVER **********/
.border-primary-230-hover:hover, .border-primary-230-hover:focus, .border-primary-230-hover:active {
  border-color: #0595FF;
}

.border-primary-240 {
  border: 1px solid #BCDAEE;
}

/********** HOVER **********/
.border-primary-240-hover:hover, .border-primary-240-hover:focus, .border-primary-240-hover:active {
  border-color: #BCDAEE;
}

.border-primary-250 {
  border: 1px solid #00b3a9;
}

/********** HOVER **********/
.border-primary-250-hover:hover, .border-primary-250-hover:focus, .border-primary-250-hover:active {
  border-color: #00b3a9;
}

.border-primary-260 {
  border: 1px solid #166293;
}

/********** HOVER **********/
.border-primary-260-hover:hover, .border-primary-260-hover:focus, .border-primary-260-hover:active {
  border-color: #166293;
}

.border-primary-270 {
  border: 1px solid #1d6a9a;
}

/********** HOVER **********/
.border-primary-270-hover:hover, .border-primary-270-hover:focus, .border-primary-270-hover:active {
  border-color: #1d6a9a;
}

.border-primary-280 {
  border: 1px solid #0a2544;
}

/********** HOVER **********/
.border-primary-280-hover:hover, .border-primary-280-hover:focus, .border-primary-280-hover:active {
  border-color: #0a2544;
}

.border-primary-290 {
  border: 1px solid #121F2F;
}

/********** HOVER **********/
.border-primary-290-hover:hover, .border-primary-290-hover:focus, .border-primary-290-hover:active {
  border-color: #121F2F;
}

.border-primary-295 {
  border: 1px solid rgba(46, 91, 255, 0.0784313725);
}

/********** HOVER **********/
.border-primary-295-hover:hover, .border-primary-295-hover:focus, .border-primary-295-hover:active {
  border-color: rgba(46, 91, 255, 0.0784313725);
}

.border-primary-300 {
  border: 1px solid #EEF2FF;
}

/********** HOVER **********/
.border-primary-300-hover:hover, .border-primary-300-hover:focus, .border-primary-300-hover:active {
  border-color: #EEF2FF;
}

.border-primary-400 {
  border: 1px solid #748599;
}

/********** HOVER **********/
.border-primary-400-hover:hover, .border-primary-400-hover:focus, .border-primary-400-hover:active {
  border-color: #748599;
}

.border-primary-500 {
  border: 1px solid #29A85F;
}

/********** HOVER **********/
.border-primary-500-hover:hover, .border-primary-500-hover:focus, .border-primary-500-hover:active {
  border-color: #29A85F;
}

.border-primary-600 {
  border: 1px solid #ffffff;
}

/********** HOVER **********/
.border-primary-600-hover:hover, .border-primary-600-hover:focus, .border-primary-600-hover:active {
  border-color: #ffffff;
}

.border-primary-630 {
  border: 1px solid #F5CD3B;
}

/********** HOVER **********/
.border-primary-630-hover:hover, .border-primary-630-hover:focus, .border-primary-630-hover:active {
  border-color: #F5CD3B;
}

.border-primary-650 {
  border: 1px solid #FF9E1D;
}

/********** HOVER **********/
.border-primary-650-hover:hover, .border-primary-650-hover:focus, .border-primary-650-hover:active {
  border-color: #FF9E1D;
}

.border-primary-680 {
  border: 1px solid #FFA329;
}

/********** HOVER **********/
.border-primary-680-hover:hover, .border-primary-680-hover:focus, .border-primary-680-hover:active {
  border-color: #FFA329;
}

.border-primary-690 {
  border: 1px solid #FFBB29;
}

/********** HOVER **********/
.border-primary-690-hover:hover, .border-primary-690-hover:focus, .border-primary-690-hover:active {
  border-color: #FFBB29;
}

.border-primary-700 {
  border: 1px solid #FD671A;
}

/********** HOVER **********/
.border-primary-700-hover:hover, .border-primary-700-hover:focus, .border-primary-700-hover:active {
  border-color: #FD671A;
}

.border-primary-750 {
  border: 1px solid #FF5722;
}

/********** HOVER **********/
.border-primary-750-hover:hover, .border-primary-750-hover:focus, .border-primary-750-hover:active {
  border-color: #FF5722;
}

.border-primary-780 {
  border: 1px solid #D62F61;
}

/********** HOVER **********/
.border-primary-780-hover:hover, .border-primary-780-hover:focus, .border-primary-780-hover:active {
  border-color: #D62F61;
}

.border-primary-800 {
  border: 1px solid #D13539;
}

/********** HOVER **********/
.border-primary-800-hover:hover, .border-primary-800-hover:focus, .border-primary-800-hover:active {
  border-color: #D13539;
}

.border-primary-900 {
  border: 1px solid #ffffff;
}

/********** HOVER **********/
.border-primary-900-hover:hover, .border-primary-900-hover:focus, .border-primary-900-hover:active {
  border-color: #ffffff;
}

.border-svg-100 {
  border: 1px solid invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%);
}

/********** HOVER **********/
.border-svg-100-hover:hover, .border-svg-100-hover:focus, .border-svg-100-hover:active {
  border-color: invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%);
}

.border-svg-200 {
  border: 1px solid invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%);
}

/********** HOVER **********/
.border-svg-200-hover:hover, .border-svg-200-hover:focus, .border-svg-200-hover:active {
  border-color: invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%);
}

.border-svg-500 {
  border: 1px solid invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%);
}

/********** HOVER **********/
.border-svg-500-hover:hover, .border-svg-500-hover:focus, .border-svg-500-hover:active {
  border-color: invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%);
}

.br-0 {
  border-radius: 0;
}

.br-1 {
  border-radius: 3px;
}

.br-2 {
  border-radius: 6px;
}

.br-3 {
  border-radius: 9px;
}

.br-4 {
  border-radius: 12px;
}

.br-5 {
  border-radius: 15px;
}

.br-50 {
  border-radius: 50%;
}

.br-pill {
  border-radius: 100vh;
}

.bw-1 {
  border-width: 1px;
}

.bw-2 {
  border-width: 2px;
}

.bw-3 {
  border-width: 3px;
}

.bw-4 {
  border-width: 4px;
}

.bw-5 {
  border-width: 5px;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/*STANDARD*/
.clr-danger {
  color: #d93c45;
}

.bgc-danger {
  background-color: #d93c45;
}

/********** HOVER **********/
.clr-danger-hover:hover, .clr-danger-hover:focus, .clr-danger-hover:active {
  color: #d93c45;
}

.bgc-danger-hover:hover, .bgc-danger-hover:focus, .bgc-danger-hover:active {
  background-color: #d93c45;
}

/********** SHADES/OPACITY **********/
.clr-danger-100 {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 10%);
}

.bgc-danger-100 {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-danger-100-hover:hover, .clr-danger-100-hover:focus, .clr-danger-100-hover:active {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 10%);
}

.bgc-danger-100-hover:hover, .bgc-danger-100-hover:focus, .bgc-danger-100-hover:active {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-danger-200 {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 20%);
}

.bgc-danger-200 {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-danger-200-hover:hover, .clr-danger-200-hover:focus, .clr-danger-200-hover:active {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 20%);
}

.bgc-danger-200-hover:hover, .bgc-danger-200-hover:focus, .bgc-danger-200-hover:active {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-danger-300 {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 30%);
}

.bgc-danger-300 {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-danger-300-hover:hover, .clr-danger-300-hover:focus, .clr-danger-300-hover:active {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 30%);
}

.bgc-danger-300-hover:hover, .bgc-danger-300-hover:focus, .bgc-danger-300-hover:active {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-danger-400 {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 40%);
}

.bgc-danger-400 {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-danger-400-hover:hover, .clr-danger-400-hover:focus, .clr-danger-400-hover:active {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 40%);
}

.bgc-danger-400-hover:hover, .bgc-danger-400-hover:focus, .bgc-danger-400-hover:active {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-danger-500 {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 50%);
}

.bgc-danger-500 {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-danger-500-hover:hover, .clr-danger-500-hover:focus, .clr-danger-500-hover:active {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 50%);
}

.bgc-danger-500-hover:hover, .bgc-danger-500-hover:focus, .bgc-danger-500-hover:active {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-danger-600 {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 60%);
}

.bgc-danger-600 {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-danger-600-hover:hover, .clr-danger-600-hover:focus, .clr-danger-600-hover:active {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 60%);
}

.bgc-danger-600-hover:hover, .bgc-danger-600-hover:focus, .bgc-danger-600-hover:active {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-danger-700 {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 70%);
}

.bgc-danger-700 {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-danger-700-hover:hover, .clr-danger-700-hover:focus, .clr-danger-700-hover:active {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 70%);
}

.bgc-danger-700-hover:hover, .bgc-danger-700-hover:focus, .bgc-danger-700-hover:active {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-danger-800 {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 80%);
}

.bgc-danger-800 {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-danger-800-hover:hover, .clr-danger-800-hover:focus, .clr-danger-800-hover:active {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 80%);
}

.bgc-danger-800-hover:hover, .bgc-danger-800-hover:focus, .bgc-danger-800-hover:active {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-danger-900 {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 90%);
}

.bgc-danger-900 {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-danger-900-hover:hover, .clr-danger-900-hover:focus, .clr-danger-900-hover:active {
  color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 90%);
}

.bgc-danger-900-hover:hover, .bgc-danger-900-hover:focus, .bgc-danger-900-hover:active {
  background-color: hwb(from #d93c45 calc(h) calc(w) calc(b) / 90%);
}

/*STANDARD*/
.clr-warning {
  color: #ff8a29;
}

.bgc-warning {
  background-color: #ff8a29;
}

/********** HOVER **********/
.clr-warning-hover:hover, .clr-warning-hover:focus, .clr-warning-hover:active {
  color: #ff8a29;
}

.bgc-warning-hover:hover, .bgc-warning-hover:focus, .bgc-warning-hover:active {
  background-color: #ff8a29;
}

/********** SHADES/OPACITY **********/
.clr-warning-100 {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 10%);
}

.bgc-warning-100 {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-warning-100-hover:hover, .clr-warning-100-hover:focus, .clr-warning-100-hover:active {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 10%);
}

.bgc-warning-100-hover:hover, .bgc-warning-100-hover:focus, .bgc-warning-100-hover:active {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-warning-200 {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 20%);
}

.bgc-warning-200 {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-warning-200-hover:hover, .clr-warning-200-hover:focus, .clr-warning-200-hover:active {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 20%);
}

.bgc-warning-200-hover:hover, .bgc-warning-200-hover:focus, .bgc-warning-200-hover:active {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-warning-300 {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 30%);
}

.bgc-warning-300 {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-warning-300-hover:hover, .clr-warning-300-hover:focus, .clr-warning-300-hover:active {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 30%);
}

.bgc-warning-300-hover:hover, .bgc-warning-300-hover:focus, .bgc-warning-300-hover:active {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-warning-400 {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 40%);
}

.bgc-warning-400 {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-warning-400-hover:hover, .clr-warning-400-hover:focus, .clr-warning-400-hover:active {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 40%);
}

.bgc-warning-400-hover:hover, .bgc-warning-400-hover:focus, .bgc-warning-400-hover:active {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-warning-500 {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 50%);
}

.bgc-warning-500 {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-warning-500-hover:hover, .clr-warning-500-hover:focus, .clr-warning-500-hover:active {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 50%);
}

.bgc-warning-500-hover:hover, .bgc-warning-500-hover:focus, .bgc-warning-500-hover:active {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-warning-600 {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 60%);
}

.bgc-warning-600 {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-warning-600-hover:hover, .clr-warning-600-hover:focus, .clr-warning-600-hover:active {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 60%);
}

.bgc-warning-600-hover:hover, .bgc-warning-600-hover:focus, .bgc-warning-600-hover:active {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-warning-700 {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 70%);
}

.bgc-warning-700 {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-warning-700-hover:hover, .clr-warning-700-hover:focus, .clr-warning-700-hover:active {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 70%);
}

.bgc-warning-700-hover:hover, .bgc-warning-700-hover:focus, .bgc-warning-700-hover:active {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-warning-800 {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 80%);
}

.bgc-warning-800 {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-warning-800-hover:hover, .clr-warning-800-hover:focus, .clr-warning-800-hover:active {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 80%);
}

.bgc-warning-800-hover:hover, .bgc-warning-800-hover:focus, .bgc-warning-800-hover:active {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-warning-900 {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 90%);
}

.bgc-warning-900 {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-warning-900-hover:hover, .clr-warning-900-hover:focus, .clr-warning-900-hover:active {
  color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 90%);
}

.bgc-warning-900-hover:hover, .bgc-warning-900-hover:focus, .bgc-warning-900-hover:active {
  background-color: hwb(from #ff8a29 calc(h) calc(w) calc(b) / 90%);
}

/*STANDARD*/
.clr-caution {
  color: #FFBD25;
}

.bgc-caution {
  background-color: #FFBD25;
}

/********** HOVER **********/
.clr-caution-hover:hover, .clr-caution-hover:focus, .clr-caution-hover:active {
  color: #FFBD25;
}

.bgc-caution-hover:hover, .bgc-caution-hover:focus, .bgc-caution-hover:active {
  background-color: #FFBD25;
}

/********** SHADES/OPACITY **********/
.clr-caution-100 {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 10%);
}

.bgc-caution-100 {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-caution-100-hover:hover, .clr-caution-100-hover:focus, .clr-caution-100-hover:active {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 10%);
}

.bgc-caution-100-hover:hover, .bgc-caution-100-hover:focus, .bgc-caution-100-hover:active {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-caution-200 {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 20%);
}

.bgc-caution-200 {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-caution-200-hover:hover, .clr-caution-200-hover:focus, .clr-caution-200-hover:active {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 20%);
}

.bgc-caution-200-hover:hover, .bgc-caution-200-hover:focus, .bgc-caution-200-hover:active {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-caution-300 {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 30%);
}

.bgc-caution-300 {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-caution-300-hover:hover, .clr-caution-300-hover:focus, .clr-caution-300-hover:active {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 30%);
}

.bgc-caution-300-hover:hover, .bgc-caution-300-hover:focus, .bgc-caution-300-hover:active {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-caution-400 {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 40%);
}

.bgc-caution-400 {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-caution-400-hover:hover, .clr-caution-400-hover:focus, .clr-caution-400-hover:active {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 40%);
}

.bgc-caution-400-hover:hover, .bgc-caution-400-hover:focus, .bgc-caution-400-hover:active {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-caution-500 {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 50%);
}

.bgc-caution-500 {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-caution-500-hover:hover, .clr-caution-500-hover:focus, .clr-caution-500-hover:active {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 50%);
}

.bgc-caution-500-hover:hover, .bgc-caution-500-hover:focus, .bgc-caution-500-hover:active {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-caution-600 {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 60%);
}

.bgc-caution-600 {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-caution-600-hover:hover, .clr-caution-600-hover:focus, .clr-caution-600-hover:active {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 60%);
}

.bgc-caution-600-hover:hover, .bgc-caution-600-hover:focus, .bgc-caution-600-hover:active {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-caution-700 {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 70%);
}

.bgc-caution-700 {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-caution-700-hover:hover, .clr-caution-700-hover:focus, .clr-caution-700-hover:active {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 70%);
}

.bgc-caution-700-hover:hover, .bgc-caution-700-hover:focus, .bgc-caution-700-hover:active {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-caution-800 {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 80%);
}

.bgc-caution-800 {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-caution-800-hover:hover, .clr-caution-800-hover:focus, .clr-caution-800-hover:active {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 80%);
}

.bgc-caution-800-hover:hover, .bgc-caution-800-hover:focus, .bgc-caution-800-hover:active {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-caution-900 {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 90%);
}

.bgc-caution-900 {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-caution-900-hover:hover, .clr-caution-900-hover:focus, .clr-caution-900-hover:active {
  color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 90%);
}

.bgc-caution-900-hover:hover, .bgc-caution-900-hover:focus, .bgc-caution-900-hover:active {
  background-color: hwb(from #FFBD25 calc(h) calc(w) calc(b) / 90%);
}

/*STANDARD*/
.clr-info {
  color: #43b2e3;
}

.bgc-info {
  background-color: #43b2e3;
}

/********** HOVER **********/
.clr-info-hover:hover, .clr-info-hover:focus, .clr-info-hover:active {
  color: #43b2e3;
}

.bgc-info-hover:hover, .bgc-info-hover:focus, .bgc-info-hover:active {
  background-color: #43b2e3;
}

/********** SHADES/OPACITY **********/
.clr-info-100 {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 10%);
}

.bgc-info-100 {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-info-100-hover:hover, .clr-info-100-hover:focus, .clr-info-100-hover:active {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 10%);
}

.bgc-info-100-hover:hover, .bgc-info-100-hover:focus, .bgc-info-100-hover:active {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-info-200 {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 20%);
}

.bgc-info-200 {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-info-200-hover:hover, .clr-info-200-hover:focus, .clr-info-200-hover:active {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 20%);
}

.bgc-info-200-hover:hover, .bgc-info-200-hover:focus, .bgc-info-200-hover:active {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-info-300 {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 30%);
}

.bgc-info-300 {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-info-300-hover:hover, .clr-info-300-hover:focus, .clr-info-300-hover:active {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 30%);
}

.bgc-info-300-hover:hover, .bgc-info-300-hover:focus, .bgc-info-300-hover:active {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-info-400 {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 40%);
}

.bgc-info-400 {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-info-400-hover:hover, .clr-info-400-hover:focus, .clr-info-400-hover:active {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 40%);
}

.bgc-info-400-hover:hover, .bgc-info-400-hover:focus, .bgc-info-400-hover:active {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-info-500 {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 50%);
}

.bgc-info-500 {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-info-500-hover:hover, .clr-info-500-hover:focus, .clr-info-500-hover:active {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 50%);
}

.bgc-info-500-hover:hover, .bgc-info-500-hover:focus, .bgc-info-500-hover:active {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-info-600 {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 60%);
}

.bgc-info-600 {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-info-600-hover:hover, .clr-info-600-hover:focus, .clr-info-600-hover:active {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 60%);
}

.bgc-info-600-hover:hover, .bgc-info-600-hover:focus, .bgc-info-600-hover:active {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-info-700 {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 70%);
}

.bgc-info-700 {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-info-700-hover:hover, .clr-info-700-hover:focus, .clr-info-700-hover:active {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 70%);
}

.bgc-info-700-hover:hover, .bgc-info-700-hover:focus, .bgc-info-700-hover:active {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-info-800 {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 80%);
}

.bgc-info-800 {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-info-800-hover:hover, .clr-info-800-hover:focus, .clr-info-800-hover:active {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 80%);
}

.bgc-info-800-hover:hover, .bgc-info-800-hover:focus, .bgc-info-800-hover:active {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-info-900 {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 90%);
}

.bgc-info-900 {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-info-900-hover:hover, .clr-info-900-hover:focus, .clr-info-900-hover:active {
  color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 90%);
}

.bgc-info-900-hover:hover, .bgc-info-900-hover:focus, .bgc-info-900-hover:active {
  background-color: hwb(from #43b2e3 calc(h) calc(w) calc(b) / 90%);
}

/*STANDARD*/
.clr-primary {
  color: #3e3e3e;
}

.bgc-primary {
  background-color: #3e3e3e;
}

/********** HOVER **********/
.clr-primary-hover:hover, .clr-primary-hover:focus, .clr-primary-hover:active {
  color: #3e3e3e;
}

.bgc-primary-hover:hover, .bgc-primary-hover:focus, .bgc-primary-hover:active {
  background-color: #3e3e3e;
}

/********** SHADES/OPACITY **********/
.clr-primary-100 {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-100 {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-100-hover:hover, .clr-primary-100-hover:focus, .clr-primary-100-hover:active {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-100-hover:hover, .bgc-primary-100-hover:focus, .bgc-primary-100-hover:active {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-200 {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-200 {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-200-hover:hover, .clr-primary-200-hover:focus, .clr-primary-200-hover:active {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-200-hover:hover, .bgc-primary-200-hover:focus, .bgc-primary-200-hover:active {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-300 {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-300 {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-300-hover:hover, .clr-primary-300-hover:focus, .clr-primary-300-hover:active {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-300-hover:hover, .bgc-primary-300-hover:focus, .bgc-primary-300-hover:active {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-400 {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-400 {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-400-hover:hover, .clr-primary-400-hover:focus, .clr-primary-400-hover:active {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-400-hover:hover, .bgc-primary-400-hover:focus, .bgc-primary-400-hover:active {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-500 {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-500 {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-500-hover:hover, .clr-primary-500-hover:focus, .clr-primary-500-hover:active {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-500-hover:hover, .bgc-primary-500-hover:focus, .bgc-primary-500-hover:active {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-600 {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-600 {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-600-hover:hover, .clr-primary-600-hover:focus, .clr-primary-600-hover:active {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-600-hover:hover, .bgc-primary-600-hover:focus, .bgc-primary-600-hover:active {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-700 {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-700 {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-700-hover:hover, .clr-primary-700-hover:focus, .clr-primary-700-hover:active {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-700-hover:hover, .bgc-primary-700-hover:focus, .bgc-primary-700-hover:active {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-800 {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-800 {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-800-hover:hover, .clr-primary-800-hover:focus, .clr-primary-800-hover:active {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-800-hover:hover, .bgc-primary-800-hover:focus, .bgc-primary-800-hover:active {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-900 {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-900 {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-900-hover:hover, .clr-primary-900-hover:focus, .clr-primary-900-hover:active {
  color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-900-hover:hover, .bgc-primary-900-hover:focus, .bgc-primary-900-hover:active {
  background-color: hwb(from #3e3e3e calc(h) calc(w) calc(b) / 90%);
}

/*STANDARD*/
.clr-secondary {
  color: #8e8e8e;
}

.bgc-secondary {
  background-color: #8e8e8e;
}

/********** HOVER **********/
.clr-secondary-hover:hover, .clr-secondary-hover:focus, .clr-secondary-hover:active {
  color: #8e8e8e;
}

.bgc-secondary-hover:hover, .bgc-secondary-hover:focus, .bgc-secondary-hover:active {
  background-color: #8e8e8e;
}

/********** SHADES/OPACITY **********/
.clr-secondary-100 {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 10%);
}

.bgc-secondary-100 {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-secondary-100-hover:hover, .clr-secondary-100-hover:focus, .clr-secondary-100-hover:active {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 10%);
}

.bgc-secondary-100-hover:hover, .bgc-secondary-100-hover:focus, .bgc-secondary-100-hover:active {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-secondary-200 {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 20%);
}

.bgc-secondary-200 {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-secondary-200-hover:hover, .clr-secondary-200-hover:focus, .clr-secondary-200-hover:active {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 20%);
}

.bgc-secondary-200-hover:hover, .bgc-secondary-200-hover:focus, .bgc-secondary-200-hover:active {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-secondary-300 {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 30%);
}

.bgc-secondary-300 {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-secondary-300-hover:hover, .clr-secondary-300-hover:focus, .clr-secondary-300-hover:active {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 30%);
}

.bgc-secondary-300-hover:hover, .bgc-secondary-300-hover:focus, .bgc-secondary-300-hover:active {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-secondary-400 {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 40%);
}

.bgc-secondary-400 {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-secondary-400-hover:hover, .clr-secondary-400-hover:focus, .clr-secondary-400-hover:active {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 40%);
}

.bgc-secondary-400-hover:hover, .bgc-secondary-400-hover:focus, .bgc-secondary-400-hover:active {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-secondary-500 {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 50%);
}

.bgc-secondary-500 {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-secondary-500-hover:hover, .clr-secondary-500-hover:focus, .clr-secondary-500-hover:active {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 50%);
}

.bgc-secondary-500-hover:hover, .bgc-secondary-500-hover:focus, .bgc-secondary-500-hover:active {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-secondary-600 {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 60%);
}

.bgc-secondary-600 {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-secondary-600-hover:hover, .clr-secondary-600-hover:focus, .clr-secondary-600-hover:active {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 60%);
}

.bgc-secondary-600-hover:hover, .bgc-secondary-600-hover:focus, .bgc-secondary-600-hover:active {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-secondary-700 {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 70%);
}

.bgc-secondary-700 {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-secondary-700-hover:hover, .clr-secondary-700-hover:focus, .clr-secondary-700-hover:active {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 70%);
}

.bgc-secondary-700-hover:hover, .bgc-secondary-700-hover:focus, .bgc-secondary-700-hover:active {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-secondary-800 {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 80%);
}

.bgc-secondary-800 {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-secondary-800-hover:hover, .clr-secondary-800-hover:focus, .clr-secondary-800-hover:active {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 80%);
}

.bgc-secondary-800-hover:hover, .bgc-secondary-800-hover:focus, .bgc-secondary-800-hover:active {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-secondary-900 {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 90%);
}

.bgc-secondary-900 {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-secondary-900-hover:hover, .clr-secondary-900-hover:focus, .clr-secondary-900-hover:active {
  color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 90%);
}

.bgc-secondary-900-hover:hover, .bgc-secondary-900-hover:focus, .bgc-secondary-900-hover:active {
  background-color: hwb(from #8e8e8e calc(h) calc(w) calc(b) / 90%);
}

/*STANDARD*/
.clr-success {
  color: #17A13F;
}

.bgc-success {
  background-color: #17A13F;
}

/********** HOVER **********/
.clr-success-hover:hover, .clr-success-hover:focus, .clr-success-hover:active {
  color: #17A13F;
}

.bgc-success-hover:hover, .bgc-success-hover:focus, .bgc-success-hover:active {
  background-color: #17A13F;
}

/********** SHADES/OPACITY **********/
.clr-success-100 {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 10%);
}

.bgc-success-100 {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-success-100-hover:hover, .clr-success-100-hover:focus, .clr-success-100-hover:active {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 10%);
}

.bgc-success-100-hover:hover, .bgc-success-100-hover:focus, .bgc-success-100-hover:active {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-success-200 {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 20%);
}

.bgc-success-200 {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-success-200-hover:hover, .clr-success-200-hover:focus, .clr-success-200-hover:active {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 20%);
}

.bgc-success-200-hover:hover, .bgc-success-200-hover:focus, .bgc-success-200-hover:active {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-success-300 {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 30%);
}

.bgc-success-300 {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-success-300-hover:hover, .clr-success-300-hover:focus, .clr-success-300-hover:active {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 30%);
}

.bgc-success-300-hover:hover, .bgc-success-300-hover:focus, .bgc-success-300-hover:active {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-success-400 {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 40%);
}

.bgc-success-400 {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-success-400-hover:hover, .clr-success-400-hover:focus, .clr-success-400-hover:active {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 40%);
}

.bgc-success-400-hover:hover, .bgc-success-400-hover:focus, .bgc-success-400-hover:active {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-success-500 {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 50%);
}

.bgc-success-500 {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-success-500-hover:hover, .clr-success-500-hover:focus, .clr-success-500-hover:active {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 50%);
}

.bgc-success-500-hover:hover, .bgc-success-500-hover:focus, .bgc-success-500-hover:active {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-success-600 {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 60%);
}

.bgc-success-600 {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-success-600-hover:hover, .clr-success-600-hover:focus, .clr-success-600-hover:active {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 60%);
}

.bgc-success-600-hover:hover, .bgc-success-600-hover:focus, .bgc-success-600-hover:active {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-success-700 {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 70%);
}

.bgc-success-700 {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-success-700-hover:hover, .clr-success-700-hover:focus, .clr-success-700-hover:active {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 70%);
}

.bgc-success-700-hover:hover, .bgc-success-700-hover:focus, .bgc-success-700-hover:active {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-success-800 {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 80%);
}

.bgc-success-800 {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-success-800-hover:hover, .clr-success-800-hover:focus, .clr-success-800-hover:active {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 80%);
}

.bgc-success-800-hover:hover, .bgc-success-800-hover:focus, .bgc-success-800-hover:active {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-success-900 {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 90%);
}

.bgc-success-900 {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-success-900-hover:hover, .clr-success-900-hover:focus, .clr-success-900-hover:active {
  color: hwb(from #17A13F calc(h) calc(w) calc(b) / 90%);
}

.bgc-success-900-hover:hover, .bgc-success-900-hover:focus, .bgc-success-900-hover:active {
  background-color: hwb(from #17A13F calc(h) calc(w) calc(b) / 90%);
}

/*STANDARD*/
.clr-light {
  color: #fbfbfb;
}

.bgc-light {
  background-color: #fbfbfb;
}

/********** HOVER **********/
.clr-light-hover:hover, .clr-light-hover:focus, .clr-light-hover:active {
  color: #fbfbfb;
}

.bgc-light-hover:hover, .bgc-light-hover:focus, .bgc-light-hover:active {
  background-color: #fbfbfb;
}

/********** SHADES/OPACITY **********/
.clr-light-100 {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 10%);
}

.bgc-light-100 {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-light-100-hover:hover, .clr-light-100-hover:focus, .clr-light-100-hover:active {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 10%);
}

.bgc-light-100-hover:hover, .bgc-light-100-hover:focus, .bgc-light-100-hover:active {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-light-200 {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 20%);
}

.bgc-light-200 {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-light-200-hover:hover, .clr-light-200-hover:focus, .clr-light-200-hover:active {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 20%);
}

.bgc-light-200-hover:hover, .bgc-light-200-hover:focus, .bgc-light-200-hover:active {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-light-300 {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 30%);
}

.bgc-light-300 {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-light-300-hover:hover, .clr-light-300-hover:focus, .clr-light-300-hover:active {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 30%);
}

.bgc-light-300-hover:hover, .bgc-light-300-hover:focus, .bgc-light-300-hover:active {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-light-400 {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 40%);
}

.bgc-light-400 {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-light-400-hover:hover, .clr-light-400-hover:focus, .clr-light-400-hover:active {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 40%);
}

.bgc-light-400-hover:hover, .bgc-light-400-hover:focus, .bgc-light-400-hover:active {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-light-500 {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 50%);
}

.bgc-light-500 {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-light-500-hover:hover, .clr-light-500-hover:focus, .clr-light-500-hover:active {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 50%);
}

.bgc-light-500-hover:hover, .bgc-light-500-hover:focus, .bgc-light-500-hover:active {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-light-600 {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 60%);
}

.bgc-light-600 {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-light-600-hover:hover, .clr-light-600-hover:focus, .clr-light-600-hover:active {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 60%);
}

.bgc-light-600-hover:hover, .bgc-light-600-hover:focus, .bgc-light-600-hover:active {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-light-700 {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 70%);
}

.bgc-light-700 {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-light-700-hover:hover, .clr-light-700-hover:focus, .clr-light-700-hover:active {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 70%);
}

.bgc-light-700-hover:hover, .bgc-light-700-hover:focus, .bgc-light-700-hover:active {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-light-800 {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 80%);
}

.bgc-light-800 {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-light-800-hover:hover, .clr-light-800-hover:focus, .clr-light-800-hover:active {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 80%);
}

.bgc-light-800-hover:hover, .bgc-light-800-hover:focus, .bgc-light-800-hover:active {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-light-900 {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 90%);
}

.bgc-light-900 {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-light-900-hover:hover, .clr-light-900-hover:focus, .clr-light-900-hover:active {
  color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 90%);
}

.bgc-light-900-hover:hover, .bgc-light-900-hover:focus, .bgc-light-900-hover:active {
  background-color: hwb(from #fbfbfb calc(h) calc(w) calc(b) / 90%);
}

/*STANDARD*/
.clr-dark {
  color: #323232;
}

.bgc-dark {
  background-color: #323232;
}

/********** HOVER **********/
.clr-dark-hover:hover, .clr-dark-hover:focus, .clr-dark-hover:active {
  color: #323232;
}

.bgc-dark-hover:hover, .bgc-dark-hover:focus, .bgc-dark-hover:active {
  background-color: #323232;
}

/********** SHADES/OPACITY **********/
.clr-dark-100 {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 10%);
}

.bgc-dark-100 {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-dark-100-hover:hover, .clr-dark-100-hover:focus, .clr-dark-100-hover:active {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 10%);
}

.bgc-dark-100-hover:hover, .bgc-dark-100-hover:focus, .bgc-dark-100-hover:active {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-dark-200 {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 20%);
}

.bgc-dark-200 {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-dark-200-hover:hover, .clr-dark-200-hover:focus, .clr-dark-200-hover:active {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 20%);
}

.bgc-dark-200-hover:hover, .bgc-dark-200-hover:focus, .bgc-dark-200-hover:active {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-dark-300 {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 30%);
}

.bgc-dark-300 {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-dark-300-hover:hover, .clr-dark-300-hover:focus, .clr-dark-300-hover:active {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 30%);
}

.bgc-dark-300-hover:hover, .bgc-dark-300-hover:focus, .bgc-dark-300-hover:active {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-dark-400 {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 40%);
}

.bgc-dark-400 {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-dark-400-hover:hover, .clr-dark-400-hover:focus, .clr-dark-400-hover:active {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 40%);
}

.bgc-dark-400-hover:hover, .bgc-dark-400-hover:focus, .bgc-dark-400-hover:active {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-dark-500 {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 50%);
}

.bgc-dark-500 {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-dark-500-hover:hover, .clr-dark-500-hover:focus, .clr-dark-500-hover:active {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 50%);
}

.bgc-dark-500-hover:hover, .bgc-dark-500-hover:focus, .bgc-dark-500-hover:active {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-dark-600 {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 60%);
}

.bgc-dark-600 {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-dark-600-hover:hover, .clr-dark-600-hover:focus, .clr-dark-600-hover:active {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 60%);
}

.bgc-dark-600-hover:hover, .bgc-dark-600-hover:focus, .bgc-dark-600-hover:active {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-dark-700 {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 70%);
}

.bgc-dark-700 {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-dark-700-hover:hover, .clr-dark-700-hover:focus, .clr-dark-700-hover:active {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 70%);
}

.bgc-dark-700-hover:hover, .bgc-dark-700-hover:focus, .bgc-dark-700-hover:active {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-dark-800 {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 80%);
}

.bgc-dark-800 {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-dark-800-hover:hover, .clr-dark-800-hover:focus, .clr-dark-800-hover:active {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 80%);
}

.bgc-dark-800-hover:hover, .bgc-dark-800-hover:focus, .bgc-dark-800-hover:active {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-dark-900 {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 90%);
}

.bgc-dark-900 {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-dark-900-hover:hover, .clr-dark-900-hover:focus, .clr-dark-900-hover:active {
  color: hwb(from #323232 calc(h) calc(w) calc(b) / 90%);
}

.bgc-dark-900-hover:hover, .bgc-dark-900-hover:focus, .bgc-dark-900-hover:active {
  background-color: hwb(from #323232 calc(h) calc(w) calc(b) / 90%);
}

/*STANDARD*/
.clr-muted {
  color: #ccc;
}

.bgc-muted {
  background-color: #ccc;
}

/********** HOVER **********/
.clr-muted-hover:hover, .clr-muted-hover:focus, .clr-muted-hover:active {
  color: #ccc;
}

.bgc-muted-hover:hover, .bgc-muted-hover:focus, .bgc-muted-hover:active {
  background-color: #ccc;
}

/********** SHADES/OPACITY **********/
.clr-muted-100 {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 10%);
}

.bgc-muted-100 {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-muted-100-hover:hover, .clr-muted-100-hover:focus, .clr-muted-100-hover:active {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 10%);
}

.bgc-muted-100-hover:hover, .bgc-muted-100-hover:focus, .bgc-muted-100-hover:active {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-muted-200 {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 20%);
}

.bgc-muted-200 {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-muted-200-hover:hover, .clr-muted-200-hover:focus, .clr-muted-200-hover:active {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 20%);
}

.bgc-muted-200-hover:hover, .bgc-muted-200-hover:focus, .bgc-muted-200-hover:active {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-muted-300 {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 30%);
}

.bgc-muted-300 {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-muted-300-hover:hover, .clr-muted-300-hover:focus, .clr-muted-300-hover:active {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 30%);
}

.bgc-muted-300-hover:hover, .bgc-muted-300-hover:focus, .bgc-muted-300-hover:active {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-muted-400 {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 40%);
}

.bgc-muted-400 {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-muted-400-hover:hover, .clr-muted-400-hover:focus, .clr-muted-400-hover:active {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 40%);
}

.bgc-muted-400-hover:hover, .bgc-muted-400-hover:focus, .bgc-muted-400-hover:active {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-muted-500 {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 50%);
}

.bgc-muted-500 {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-muted-500-hover:hover, .clr-muted-500-hover:focus, .clr-muted-500-hover:active {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 50%);
}

.bgc-muted-500-hover:hover, .bgc-muted-500-hover:focus, .bgc-muted-500-hover:active {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-muted-600 {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 60%);
}

.bgc-muted-600 {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-muted-600-hover:hover, .clr-muted-600-hover:focus, .clr-muted-600-hover:active {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 60%);
}

.bgc-muted-600-hover:hover, .bgc-muted-600-hover:focus, .bgc-muted-600-hover:active {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-muted-700 {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 70%);
}

.bgc-muted-700 {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-muted-700-hover:hover, .clr-muted-700-hover:focus, .clr-muted-700-hover:active {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 70%);
}

.bgc-muted-700-hover:hover, .bgc-muted-700-hover:focus, .bgc-muted-700-hover:active {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-muted-800 {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 80%);
}

.bgc-muted-800 {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-muted-800-hover:hover, .clr-muted-800-hover:focus, .clr-muted-800-hover:active {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 80%);
}

.bgc-muted-800-hover:hover, .bgc-muted-800-hover:focus, .bgc-muted-800-hover:active {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-muted-900 {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 90%);
}

.bgc-muted-900 {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-muted-900-hover:hover, .clr-muted-900-hover:focus, .clr-muted-900-hover:active {
  color: hwb(from #ccc calc(h) calc(w) calc(b) / 90%);
}

.bgc-muted-900-hover:hover, .bgc-muted-900-hover:focus, .bgc-muted-900-hover:active {
  background-color: hwb(from #ccc calc(h) calc(w) calc(b) / 90%);
}

/*STANDARD*/
.clr-white {
  color: #fff;
}

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

/********** HOVER **********/
.clr-white-hover:hover, .clr-white-hover:focus, .clr-white-hover:active {
  color: #fff;
}

.bgc-white-hover:hover, .bgc-white-hover:focus, .bgc-white-hover:active {
  background-color: #fff;
}

/********** SHADES/OPACITY **********/
.clr-white-100 {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 10%);
}

.bgc-white-100 {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-white-100-hover:hover, .clr-white-100-hover:focus, .clr-white-100-hover:active {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 10%);
}

.bgc-white-100-hover:hover, .bgc-white-100-hover:focus, .bgc-white-100-hover:active {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-white-200 {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 20%);
}

.bgc-white-200 {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-white-200-hover:hover, .clr-white-200-hover:focus, .clr-white-200-hover:active {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 20%);
}

.bgc-white-200-hover:hover, .bgc-white-200-hover:focus, .bgc-white-200-hover:active {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-white-300 {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 30%);
}

.bgc-white-300 {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-white-300-hover:hover, .clr-white-300-hover:focus, .clr-white-300-hover:active {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 30%);
}

.bgc-white-300-hover:hover, .bgc-white-300-hover:focus, .bgc-white-300-hover:active {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-white-400 {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 40%);
}

.bgc-white-400 {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-white-400-hover:hover, .clr-white-400-hover:focus, .clr-white-400-hover:active {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 40%);
}

.bgc-white-400-hover:hover, .bgc-white-400-hover:focus, .bgc-white-400-hover:active {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-white-500 {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 50%);
}

.bgc-white-500 {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-white-500-hover:hover, .clr-white-500-hover:focus, .clr-white-500-hover:active {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 50%);
}

.bgc-white-500-hover:hover, .bgc-white-500-hover:focus, .bgc-white-500-hover:active {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-white-600 {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 60%);
}

.bgc-white-600 {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-white-600-hover:hover, .clr-white-600-hover:focus, .clr-white-600-hover:active {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 60%);
}

.bgc-white-600-hover:hover, .bgc-white-600-hover:focus, .bgc-white-600-hover:active {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-white-700 {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 70%);
}

.bgc-white-700 {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-white-700-hover:hover, .clr-white-700-hover:focus, .clr-white-700-hover:active {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 70%);
}

.bgc-white-700-hover:hover, .bgc-white-700-hover:focus, .bgc-white-700-hover:active {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-white-800 {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 80%);
}

.bgc-white-800 {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-white-800-hover:hover, .clr-white-800-hover:focus, .clr-white-800-hover:active {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 80%);
}

.bgc-white-800-hover:hover, .bgc-white-800-hover:focus, .bgc-white-800-hover:active {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-white-900 {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 90%);
}

.bgc-white-900 {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-white-900-hover:hover, .clr-white-900-hover:focus, .clr-white-900-hover:active {
  color: hwb(from #fff calc(h) calc(w) calc(b) / 90%);
}

.bgc-white-900-hover:hover, .bgc-white-900-hover:focus, .bgc-white-900-hover:active {
  background-color: hwb(from #fff calc(h) calc(w) calc(b) / 90%);
}

/*STANDARD*/
.clr-transparent {
  color: transparent;
}

.bgc-transparent {
  background-color: transparent;
}

/********** HOVER **********/
.clr-transparent-hover:hover, .clr-transparent-hover:focus, .clr-transparent-hover:active {
  color: transparent;
}

.bgc-transparent-hover:hover, .bgc-transparent-hover:focus, .bgc-transparent-hover:active {
  background-color: transparent;
}

/********** SHADES/OPACITY **********/
.clr-transparent-100 {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 10%);
}

.bgc-transparent-100 {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-transparent-100-hover:hover, .clr-transparent-100-hover:focus, .clr-transparent-100-hover:active {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 10%);
}

.bgc-transparent-100-hover:hover, .bgc-transparent-100-hover:focus, .bgc-transparent-100-hover:active {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-transparent-200 {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 20%);
}

.bgc-transparent-200 {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-transparent-200-hover:hover, .clr-transparent-200-hover:focus, .clr-transparent-200-hover:active {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 20%);
}

.bgc-transparent-200-hover:hover, .bgc-transparent-200-hover:focus, .bgc-transparent-200-hover:active {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-transparent-300 {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 30%);
}

.bgc-transparent-300 {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-transparent-300-hover:hover, .clr-transparent-300-hover:focus, .clr-transparent-300-hover:active {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 30%);
}

.bgc-transparent-300-hover:hover, .bgc-transparent-300-hover:focus, .bgc-transparent-300-hover:active {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-transparent-400 {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 40%);
}

.bgc-transparent-400 {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-transparent-400-hover:hover, .clr-transparent-400-hover:focus, .clr-transparent-400-hover:active {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 40%);
}

.bgc-transparent-400-hover:hover, .bgc-transparent-400-hover:focus, .bgc-transparent-400-hover:active {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-transparent-500 {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 50%);
}

.bgc-transparent-500 {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-transparent-500-hover:hover, .clr-transparent-500-hover:focus, .clr-transparent-500-hover:active {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 50%);
}

.bgc-transparent-500-hover:hover, .bgc-transparent-500-hover:focus, .bgc-transparent-500-hover:active {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-transparent-600 {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 60%);
}

.bgc-transparent-600 {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-transparent-600-hover:hover, .clr-transparent-600-hover:focus, .clr-transparent-600-hover:active {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 60%);
}

.bgc-transparent-600-hover:hover, .bgc-transparent-600-hover:focus, .bgc-transparent-600-hover:active {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-transparent-700 {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 70%);
}

.bgc-transparent-700 {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-transparent-700-hover:hover, .clr-transparent-700-hover:focus, .clr-transparent-700-hover:active {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 70%);
}

.bgc-transparent-700-hover:hover, .bgc-transparent-700-hover:focus, .bgc-transparent-700-hover:active {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-transparent-800 {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 80%);
}

.bgc-transparent-800 {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-transparent-800-hover:hover, .clr-transparent-800-hover:focus, .clr-transparent-800-hover:active {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 80%);
}

.bgc-transparent-800-hover:hover, .bgc-transparent-800-hover:focus, .bgc-transparent-800-hover:active {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-transparent-900 {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 90%);
}

.bgc-transparent-900 {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-transparent-900-hover:hover, .clr-transparent-900-hover:focus, .clr-transparent-900-hover:active {
  color: hwb(from transparent calc(h) calc(w) calc(b) / 90%);
}

.bgc-transparent-900-hover:hover, .bgc-transparent-900-hover:focus, .bgc-transparent-900-hover:active {
  background-color: hwb(from transparent calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-100 {
  color: #FFFFFF;
}

.bgc-neutral-100 {
  background-color: #FFFFFF;
}

/********** HOVER **********/
.clr-neutral-100-hover:hover, .clr-neutral-100-hover:focus, .clr-neutral-100-hover:active {
  color: #FFFFFF;
}

.bgc-neutral-100-hover:hover, .bgc-neutral-100-hover:focus, .bgc-neutral-100-hover:active {
  background-color: #FFFFFF;
}

/********** SHADES/OPACITY **********/
.clr-neutral-100-100 {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-100-100 {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-100-100-hover:hover, .clr-neutral-100-100-hover:focus, .clr-neutral-100-100-hover:active {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-100-100-hover:hover, .bgc-neutral-100-100-hover:focus, .bgc-neutral-100-100-hover:active {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-100-200 {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-100-200 {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-100-200-hover:hover, .clr-neutral-100-200-hover:focus, .clr-neutral-100-200-hover:active {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-100-200-hover:hover, .bgc-neutral-100-200-hover:focus, .bgc-neutral-100-200-hover:active {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-100-300 {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-100-300 {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-100-300-hover:hover, .clr-neutral-100-300-hover:focus, .clr-neutral-100-300-hover:active {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-100-300-hover:hover, .bgc-neutral-100-300-hover:focus, .bgc-neutral-100-300-hover:active {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-100-400 {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-100-400 {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-100-400-hover:hover, .clr-neutral-100-400-hover:focus, .clr-neutral-100-400-hover:active {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-100-400-hover:hover, .bgc-neutral-100-400-hover:focus, .bgc-neutral-100-400-hover:active {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-100-500 {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-100-500 {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-100-500-hover:hover, .clr-neutral-100-500-hover:focus, .clr-neutral-100-500-hover:active {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-100-500-hover:hover, .bgc-neutral-100-500-hover:focus, .bgc-neutral-100-500-hover:active {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-100-600 {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-100-600 {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-100-600-hover:hover, .clr-neutral-100-600-hover:focus, .clr-neutral-100-600-hover:active {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-100-600-hover:hover, .bgc-neutral-100-600-hover:focus, .bgc-neutral-100-600-hover:active {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-100-700 {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-100-700 {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-100-700-hover:hover, .clr-neutral-100-700-hover:focus, .clr-neutral-100-700-hover:active {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-100-700-hover:hover, .bgc-neutral-100-700-hover:focus, .bgc-neutral-100-700-hover:active {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-100-800 {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-100-800 {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-100-800-hover:hover, .clr-neutral-100-800-hover:focus, .clr-neutral-100-800-hover:active {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-100-800-hover:hover, .bgc-neutral-100-800-hover:focus, .bgc-neutral-100-800-hover:active {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-100-900 {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-100-900 {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-100-900-hover:hover, .clr-neutral-100-900-hover:focus, .clr-neutral-100-900-hover:active {
  color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-100-900-hover:hover, .bgc-neutral-100-900-hover:focus, .bgc-neutral-100-900-hover:active {
  background-color: hwb(from #FFFFFF calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-150 {
  color: #FAFAFA;
}

.bgc-neutral-150 {
  background-color: #FAFAFA;
}

/********** HOVER **********/
.clr-neutral-150-hover:hover, .clr-neutral-150-hover:focus, .clr-neutral-150-hover:active {
  color: #FAFAFA;
}

.bgc-neutral-150-hover:hover, .bgc-neutral-150-hover:focus, .bgc-neutral-150-hover:active {
  background-color: #FAFAFA;
}

/********** SHADES/OPACITY **********/
.clr-neutral-150-100 {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-150-100 {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-150-100-hover:hover, .clr-neutral-150-100-hover:focus, .clr-neutral-150-100-hover:active {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-150-100-hover:hover, .bgc-neutral-150-100-hover:focus, .bgc-neutral-150-100-hover:active {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-150-200 {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-150-200 {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-150-200-hover:hover, .clr-neutral-150-200-hover:focus, .clr-neutral-150-200-hover:active {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-150-200-hover:hover, .bgc-neutral-150-200-hover:focus, .bgc-neutral-150-200-hover:active {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-150-300 {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-150-300 {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-150-300-hover:hover, .clr-neutral-150-300-hover:focus, .clr-neutral-150-300-hover:active {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-150-300-hover:hover, .bgc-neutral-150-300-hover:focus, .bgc-neutral-150-300-hover:active {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-150-400 {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-150-400 {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-150-400-hover:hover, .clr-neutral-150-400-hover:focus, .clr-neutral-150-400-hover:active {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-150-400-hover:hover, .bgc-neutral-150-400-hover:focus, .bgc-neutral-150-400-hover:active {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-150-500 {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-150-500 {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-150-500-hover:hover, .clr-neutral-150-500-hover:focus, .clr-neutral-150-500-hover:active {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-150-500-hover:hover, .bgc-neutral-150-500-hover:focus, .bgc-neutral-150-500-hover:active {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-150-600 {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-150-600 {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-150-600-hover:hover, .clr-neutral-150-600-hover:focus, .clr-neutral-150-600-hover:active {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-150-600-hover:hover, .bgc-neutral-150-600-hover:focus, .bgc-neutral-150-600-hover:active {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-150-700 {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-150-700 {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-150-700-hover:hover, .clr-neutral-150-700-hover:focus, .clr-neutral-150-700-hover:active {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-150-700-hover:hover, .bgc-neutral-150-700-hover:focus, .bgc-neutral-150-700-hover:active {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-150-800 {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-150-800 {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-150-800-hover:hover, .clr-neutral-150-800-hover:focus, .clr-neutral-150-800-hover:active {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-150-800-hover:hover, .bgc-neutral-150-800-hover:focus, .bgc-neutral-150-800-hover:active {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-150-900 {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-150-900 {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-150-900-hover:hover, .clr-neutral-150-900-hover:focus, .clr-neutral-150-900-hover:active {
  color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-150-900-hover:hover, .bgc-neutral-150-900-hover:focus, .bgc-neutral-150-900-hover:active {
  background-color: hwb(from #FAFAFA calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-170 {
  color: #F2F2F2;
}

.bgc-neutral-170 {
  background-color: #F2F2F2;
}

/********** HOVER **********/
.clr-neutral-170-hover:hover, .clr-neutral-170-hover:focus, .clr-neutral-170-hover:active {
  color: #F2F2F2;
}

.bgc-neutral-170-hover:hover, .bgc-neutral-170-hover:focus, .bgc-neutral-170-hover:active {
  background-color: #F2F2F2;
}

/********** SHADES/OPACITY **********/
.clr-neutral-170-100 {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-170-100 {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-170-100-hover:hover, .clr-neutral-170-100-hover:focus, .clr-neutral-170-100-hover:active {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-170-100-hover:hover, .bgc-neutral-170-100-hover:focus, .bgc-neutral-170-100-hover:active {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-170-200 {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-170-200 {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-170-200-hover:hover, .clr-neutral-170-200-hover:focus, .clr-neutral-170-200-hover:active {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-170-200-hover:hover, .bgc-neutral-170-200-hover:focus, .bgc-neutral-170-200-hover:active {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-170-300 {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-170-300 {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-170-300-hover:hover, .clr-neutral-170-300-hover:focus, .clr-neutral-170-300-hover:active {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-170-300-hover:hover, .bgc-neutral-170-300-hover:focus, .bgc-neutral-170-300-hover:active {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-170-400 {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-170-400 {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-170-400-hover:hover, .clr-neutral-170-400-hover:focus, .clr-neutral-170-400-hover:active {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-170-400-hover:hover, .bgc-neutral-170-400-hover:focus, .bgc-neutral-170-400-hover:active {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-170-500 {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-170-500 {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-170-500-hover:hover, .clr-neutral-170-500-hover:focus, .clr-neutral-170-500-hover:active {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-170-500-hover:hover, .bgc-neutral-170-500-hover:focus, .bgc-neutral-170-500-hover:active {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-170-600 {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-170-600 {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-170-600-hover:hover, .clr-neutral-170-600-hover:focus, .clr-neutral-170-600-hover:active {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-170-600-hover:hover, .bgc-neutral-170-600-hover:focus, .bgc-neutral-170-600-hover:active {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-170-700 {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-170-700 {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-170-700-hover:hover, .clr-neutral-170-700-hover:focus, .clr-neutral-170-700-hover:active {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-170-700-hover:hover, .bgc-neutral-170-700-hover:focus, .bgc-neutral-170-700-hover:active {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-170-800 {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-170-800 {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-170-800-hover:hover, .clr-neutral-170-800-hover:focus, .clr-neutral-170-800-hover:active {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-170-800-hover:hover, .bgc-neutral-170-800-hover:focus, .bgc-neutral-170-800-hover:active {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-170-900 {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-170-900 {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-170-900-hover:hover, .clr-neutral-170-900-hover:focus, .clr-neutral-170-900-hover:active {
  color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-170-900-hover:hover, .bgc-neutral-170-900-hover:focus, .bgc-neutral-170-900-hover:active {
  background-color: hwb(from #F2F2F2 calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-200 {
  color: #F0F0F0;
}

.bgc-neutral-200 {
  background-color: #F0F0F0;
}

/********** HOVER **********/
.clr-neutral-200-hover:hover, .clr-neutral-200-hover:focus, .clr-neutral-200-hover:active {
  color: #F0F0F0;
}

.bgc-neutral-200-hover:hover, .bgc-neutral-200-hover:focus, .bgc-neutral-200-hover:active {
  background-color: #F0F0F0;
}

/********** SHADES/OPACITY **********/
.clr-neutral-200-100 {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-200-100 {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-200-100-hover:hover, .clr-neutral-200-100-hover:focus, .clr-neutral-200-100-hover:active {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-200-100-hover:hover, .bgc-neutral-200-100-hover:focus, .bgc-neutral-200-100-hover:active {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-200-200 {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-200-200 {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-200-200-hover:hover, .clr-neutral-200-200-hover:focus, .clr-neutral-200-200-hover:active {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-200-200-hover:hover, .bgc-neutral-200-200-hover:focus, .bgc-neutral-200-200-hover:active {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-200-300 {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-200-300 {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-200-300-hover:hover, .clr-neutral-200-300-hover:focus, .clr-neutral-200-300-hover:active {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-200-300-hover:hover, .bgc-neutral-200-300-hover:focus, .bgc-neutral-200-300-hover:active {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-200-400 {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-200-400 {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-200-400-hover:hover, .clr-neutral-200-400-hover:focus, .clr-neutral-200-400-hover:active {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-200-400-hover:hover, .bgc-neutral-200-400-hover:focus, .bgc-neutral-200-400-hover:active {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-200-500 {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-200-500 {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-200-500-hover:hover, .clr-neutral-200-500-hover:focus, .clr-neutral-200-500-hover:active {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-200-500-hover:hover, .bgc-neutral-200-500-hover:focus, .bgc-neutral-200-500-hover:active {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-200-600 {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-200-600 {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-200-600-hover:hover, .clr-neutral-200-600-hover:focus, .clr-neutral-200-600-hover:active {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-200-600-hover:hover, .bgc-neutral-200-600-hover:focus, .bgc-neutral-200-600-hover:active {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-200-700 {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-200-700 {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-200-700-hover:hover, .clr-neutral-200-700-hover:focus, .clr-neutral-200-700-hover:active {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-200-700-hover:hover, .bgc-neutral-200-700-hover:focus, .bgc-neutral-200-700-hover:active {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-200-800 {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-200-800 {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-200-800-hover:hover, .clr-neutral-200-800-hover:focus, .clr-neutral-200-800-hover:active {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-200-800-hover:hover, .bgc-neutral-200-800-hover:focus, .bgc-neutral-200-800-hover:active {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-200-900 {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-200-900 {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-200-900-hover:hover, .clr-neutral-200-900-hover:focus, .clr-neutral-200-900-hover:active {
  color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-200-900-hover:hover, .bgc-neutral-200-900-hover:focus, .bgc-neutral-200-900-hover:active {
  background-color: hwb(from #F0F0F0 calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-240 {
  color: #FBFBFB;
}

.bgc-neutral-240 {
  background-color: #FBFBFB;
}

/********** HOVER **********/
.clr-neutral-240-hover:hover, .clr-neutral-240-hover:focus, .clr-neutral-240-hover:active {
  color: #FBFBFB;
}

.bgc-neutral-240-hover:hover, .bgc-neutral-240-hover:focus, .bgc-neutral-240-hover:active {
  background-color: #FBFBFB;
}

/********** SHADES/OPACITY **********/
.clr-neutral-240-100 {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-240-100 {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-240-100-hover:hover, .clr-neutral-240-100-hover:focus, .clr-neutral-240-100-hover:active {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-240-100-hover:hover, .bgc-neutral-240-100-hover:focus, .bgc-neutral-240-100-hover:active {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-240-200 {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-240-200 {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-240-200-hover:hover, .clr-neutral-240-200-hover:focus, .clr-neutral-240-200-hover:active {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-240-200-hover:hover, .bgc-neutral-240-200-hover:focus, .bgc-neutral-240-200-hover:active {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-240-300 {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-240-300 {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-240-300-hover:hover, .clr-neutral-240-300-hover:focus, .clr-neutral-240-300-hover:active {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-240-300-hover:hover, .bgc-neutral-240-300-hover:focus, .bgc-neutral-240-300-hover:active {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-240-400 {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-240-400 {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-240-400-hover:hover, .clr-neutral-240-400-hover:focus, .clr-neutral-240-400-hover:active {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-240-400-hover:hover, .bgc-neutral-240-400-hover:focus, .bgc-neutral-240-400-hover:active {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-240-500 {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-240-500 {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-240-500-hover:hover, .clr-neutral-240-500-hover:focus, .clr-neutral-240-500-hover:active {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-240-500-hover:hover, .bgc-neutral-240-500-hover:focus, .bgc-neutral-240-500-hover:active {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-240-600 {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-240-600 {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-240-600-hover:hover, .clr-neutral-240-600-hover:focus, .clr-neutral-240-600-hover:active {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-240-600-hover:hover, .bgc-neutral-240-600-hover:focus, .bgc-neutral-240-600-hover:active {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-240-700 {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-240-700 {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-240-700-hover:hover, .clr-neutral-240-700-hover:focus, .clr-neutral-240-700-hover:active {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-240-700-hover:hover, .bgc-neutral-240-700-hover:focus, .bgc-neutral-240-700-hover:active {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-240-800 {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-240-800 {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-240-800-hover:hover, .clr-neutral-240-800-hover:focus, .clr-neutral-240-800-hover:active {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-240-800-hover:hover, .bgc-neutral-240-800-hover:focus, .bgc-neutral-240-800-hover:active {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-240-900 {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-240-900 {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-240-900-hover:hover, .clr-neutral-240-900-hover:focus, .clr-neutral-240-900-hover:active {
  color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-240-900-hover:hover, .bgc-neutral-240-900-hover:focus, .bgc-neutral-240-900-hover:active {
  background-color: hwb(from #FBFBFB calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-250 {
  color: #F5F5F5;
}

.bgc-neutral-250 {
  background-color: #F5F5F5;
}

/********** HOVER **********/
.clr-neutral-250-hover:hover, .clr-neutral-250-hover:focus, .clr-neutral-250-hover:active {
  color: #F5F5F5;
}

.bgc-neutral-250-hover:hover, .bgc-neutral-250-hover:focus, .bgc-neutral-250-hover:active {
  background-color: #F5F5F5;
}

/********** SHADES/OPACITY **********/
.clr-neutral-250-100 {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-250-100 {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-250-100-hover:hover, .clr-neutral-250-100-hover:focus, .clr-neutral-250-100-hover:active {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-250-100-hover:hover, .bgc-neutral-250-100-hover:focus, .bgc-neutral-250-100-hover:active {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-250-200 {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-250-200 {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-250-200-hover:hover, .clr-neutral-250-200-hover:focus, .clr-neutral-250-200-hover:active {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-250-200-hover:hover, .bgc-neutral-250-200-hover:focus, .bgc-neutral-250-200-hover:active {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-250-300 {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-250-300 {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-250-300-hover:hover, .clr-neutral-250-300-hover:focus, .clr-neutral-250-300-hover:active {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-250-300-hover:hover, .bgc-neutral-250-300-hover:focus, .bgc-neutral-250-300-hover:active {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-250-400 {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-250-400 {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-250-400-hover:hover, .clr-neutral-250-400-hover:focus, .clr-neutral-250-400-hover:active {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-250-400-hover:hover, .bgc-neutral-250-400-hover:focus, .bgc-neutral-250-400-hover:active {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-250-500 {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-250-500 {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-250-500-hover:hover, .clr-neutral-250-500-hover:focus, .clr-neutral-250-500-hover:active {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-250-500-hover:hover, .bgc-neutral-250-500-hover:focus, .bgc-neutral-250-500-hover:active {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-250-600 {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-250-600 {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-250-600-hover:hover, .clr-neutral-250-600-hover:focus, .clr-neutral-250-600-hover:active {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-250-600-hover:hover, .bgc-neutral-250-600-hover:focus, .bgc-neutral-250-600-hover:active {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-250-700 {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-250-700 {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-250-700-hover:hover, .clr-neutral-250-700-hover:focus, .clr-neutral-250-700-hover:active {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-250-700-hover:hover, .bgc-neutral-250-700-hover:focus, .bgc-neutral-250-700-hover:active {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-250-800 {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-250-800 {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-250-800-hover:hover, .clr-neutral-250-800-hover:focus, .clr-neutral-250-800-hover:active {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-250-800-hover:hover, .bgc-neutral-250-800-hover:focus, .bgc-neutral-250-800-hover:active {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-250-900 {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-250-900 {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-250-900-hover:hover, .clr-neutral-250-900-hover:focus, .clr-neutral-250-900-hover:active {
  color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-250-900-hover:hover, .bgc-neutral-250-900-hover:focus, .bgc-neutral-250-900-hover:active {
  background-color: hwb(from #F5F5F5 calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-260 {
  color: #EAEAEA;
}

.bgc-neutral-260 {
  background-color: #EAEAEA;
}

/********** HOVER **********/
.clr-neutral-260-hover:hover, .clr-neutral-260-hover:focus, .clr-neutral-260-hover:active {
  color: #EAEAEA;
}

.bgc-neutral-260-hover:hover, .bgc-neutral-260-hover:focus, .bgc-neutral-260-hover:active {
  background-color: #EAEAEA;
}

/********** SHADES/OPACITY **********/
.clr-neutral-260-100 {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-260-100 {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-260-100-hover:hover, .clr-neutral-260-100-hover:focus, .clr-neutral-260-100-hover:active {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-260-100-hover:hover, .bgc-neutral-260-100-hover:focus, .bgc-neutral-260-100-hover:active {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-260-200 {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-260-200 {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-260-200-hover:hover, .clr-neutral-260-200-hover:focus, .clr-neutral-260-200-hover:active {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-260-200-hover:hover, .bgc-neutral-260-200-hover:focus, .bgc-neutral-260-200-hover:active {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-260-300 {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-260-300 {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-260-300-hover:hover, .clr-neutral-260-300-hover:focus, .clr-neutral-260-300-hover:active {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-260-300-hover:hover, .bgc-neutral-260-300-hover:focus, .bgc-neutral-260-300-hover:active {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-260-400 {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-260-400 {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-260-400-hover:hover, .clr-neutral-260-400-hover:focus, .clr-neutral-260-400-hover:active {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-260-400-hover:hover, .bgc-neutral-260-400-hover:focus, .bgc-neutral-260-400-hover:active {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-260-500 {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-260-500 {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-260-500-hover:hover, .clr-neutral-260-500-hover:focus, .clr-neutral-260-500-hover:active {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-260-500-hover:hover, .bgc-neutral-260-500-hover:focus, .bgc-neutral-260-500-hover:active {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-260-600 {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-260-600 {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-260-600-hover:hover, .clr-neutral-260-600-hover:focus, .clr-neutral-260-600-hover:active {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-260-600-hover:hover, .bgc-neutral-260-600-hover:focus, .bgc-neutral-260-600-hover:active {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-260-700 {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-260-700 {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-260-700-hover:hover, .clr-neutral-260-700-hover:focus, .clr-neutral-260-700-hover:active {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-260-700-hover:hover, .bgc-neutral-260-700-hover:focus, .bgc-neutral-260-700-hover:active {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-260-800 {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-260-800 {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-260-800-hover:hover, .clr-neutral-260-800-hover:focus, .clr-neutral-260-800-hover:active {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-260-800-hover:hover, .bgc-neutral-260-800-hover:focus, .bgc-neutral-260-800-hover:active {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-260-900 {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-260-900 {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-260-900-hover:hover, .clr-neutral-260-900-hover:focus, .clr-neutral-260-900-hover:active {
  color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-260-900-hover:hover, .bgc-neutral-260-900-hover:focus, .bgc-neutral-260-900-hover:active {
  background-color: hwb(from #EAEAEA calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-270 {
  color: #EEEEEE;
}

.bgc-neutral-270 {
  background-color: #EEEEEE;
}

/********** HOVER **********/
.clr-neutral-270-hover:hover, .clr-neutral-270-hover:focus, .clr-neutral-270-hover:active {
  color: #EEEEEE;
}

.bgc-neutral-270-hover:hover, .bgc-neutral-270-hover:focus, .bgc-neutral-270-hover:active {
  background-color: #EEEEEE;
}

/********** SHADES/OPACITY **********/
.clr-neutral-270-100 {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-270-100 {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-270-100-hover:hover, .clr-neutral-270-100-hover:focus, .clr-neutral-270-100-hover:active {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-270-100-hover:hover, .bgc-neutral-270-100-hover:focus, .bgc-neutral-270-100-hover:active {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-270-200 {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-270-200 {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-270-200-hover:hover, .clr-neutral-270-200-hover:focus, .clr-neutral-270-200-hover:active {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-270-200-hover:hover, .bgc-neutral-270-200-hover:focus, .bgc-neutral-270-200-hover:active {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-270-300 {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-270-300 {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-270-300-hover:hover, .clr-neutral-270-300-hover:focus, .clr-neutral-270-300-hover:active {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-270-300-hover:hover, .bgc-neutral-270-300-hover:focus, .bgc-neutral-270-300-hover:active {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-270-400 {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-270-400 {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-270-400-hover:hover, .clr-neutral-270-400-hover:focus, .clr-neutral-270-400-hover:active {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-270-400-hover:hover, .bgc-neutral-270-400-hover:focus, .bgc-neutral-270-400-hover:active {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-270-500 {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-270-500 {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-270-500-hover:hover, .clr-neutral-270-500-hover:focus, .clr-neutral-270-500-hover:active {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-270-500-hover:hover, .bgc-neutral-270-500-hover:focus, .bgc-neutral-270-500-hover:active {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-270-600 {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-270-600 {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-270-600-hover:hover, .clr-neutral-270-600-hover:focus, .clr-neutral-270-600-hover:active {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-270-600-hover:hover, .bgc-neutral-270-600-hover:focus, .bgc-neutral-270-600-hover:active {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-270-700 {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-270-700 {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-270-700-hover:hover, .clr-neutral-270-700-hover:focus, .clr-neutral-270-700-hover:active {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-270-700-hover:hover, .bgc-neutral-270-700-hover:focus, .bgc-neutral-270-700-hover:active {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-270-800 {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-270-800 {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-270-800-hover:hover, .clr-neutral-270-800-hover:focus, .clr-neutral-270-800-hover:active {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-270-800-hover:hover, .bgc-neutral-270-800-hover:focus, .bgc-neutral-270-800-hover:active {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-270-900 {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-270-900 {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-270-900-hover:hover, .clr-neutral-270-900-hover:focus, .clr-neutral-270-900-hover:active {
  color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-270-900-hover:hover, .bgc-neutral-270-900-hover:focus, .bgc-neutral-270-900-hover:active {
  background-color: hwb(from #EEEEEE calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-280 {
  color: #E0E0E0;
}

.bgc-neutral-280 {
  background-color: #E0E0E0;
}

/********** HOVER **********/
.clr-neutral-280-hover:hover, .clr-neutral-280-hover:focus, .clr-neutral-280-hover:active {
  color: #E0E0E0;
}

.bgc-neutral-280-hover:hover, .bgc-neutral-280-hover:focus, .bgc-neutral-280-hover:active {
  background-color: #E0E0E0;
}

/********** SHADES/OPACITY **********/
.clr-neutral-280-100 {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-280-100 {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-280-100-hover:hover, .clr-neutral-280-100-hover:focus, .clr-neutral-280-100-hover:active {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-280-100-hover:hover, .bgc-neutral-280-100-hover:focus, .bgc-neutral-280-100-hover:active {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-280-200 {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-280-200 {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-280-200-hover:hover, .clr-neutral-280-200-hover:focus, .clr-neutral-280-200-hover:active {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-280-200-hover:hover, .bgc-neutral-280-200-hover:focus, .bgc-neutral-280-200-hover:active {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-280-300 {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-280-300 {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-280-300-hover:hover, .clr-neutral-280-300-hover:focus, .clr-neutral-280-300-hover:active {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-280-300-hover:hover, .bgc-neutral-280-300-hover:focus, .bgc-neutral-280-300-hover:active {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-280-400 {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-280-400 {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-280-400-hover:hover, .clr-neutral-280-400-hover:focus, .clr-neutral-280-400-hover:active {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-280-400-hover:hover, .bgc-neutral-280-400-hover:focus, .bgc-neutral-280-400-hover:active {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-280-500 {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-280-500 {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-280-500-hover:hover, .clr-neutral-280-500-hover:focus, .clr-neutral-280-500-hover:active {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-280-500-hover:hover, .bgc-neutral-280-500-hover:focus, .bgc-neutral-280-500-hover:active {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-280-600 {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-280-600 {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-280-600-hover:hover, .clr-neutral-280-600-hover:focus, .clr-neutral-280-600-hover:active {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-280-600-hover:hover, .bgc-neutral-280-600-hover:focus, .bgc-neutral-280-600-hover:active {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-280-700 {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-280-700 {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-280-700-hover:hover, .clr-neutral-280-700-hover:focus, .clr-neutral-280-700-hover:active {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-280-700-hover:hover, .bgc-neutral-280-700-hover:focus, .bgc-neutral-280-700-hover:active {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-280-800 {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-280-800 {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-280-800-hover:hover, .clr-neutral-280-800-hover:focus, .clr-neutral-280-800-hover:active {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-280-800-hover:hover, .bgc-neutral-280-800-hover:focus, .bgc-neutral-280-800-hover:active {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-280-900 {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-280-900 {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-280-900-hover:hover, .clr-neutral-280-900-hover:focus, .clr-neutral-280-900-hover:active {
  color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-280-900-hover:hover, .bgc-neutral-280-900-hover:focus, .bgc-neutral-280-900-hover:active {
  background-color: hwb(from #E0E0E0 calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-300 {
  color: #BDBDBD;
}

.bgc-neutral-300 {
  background-color: #BDBDBD;
}

/********** HOVER **********/
.clr-neutral-300-hover:hover, .clr-neutral-300-hover:focus, .clr-neutral-300-hover:active {
  color: #BDBDBD;
}

.bgc-neutral-300-hover:hover, .bgc-neutral-300-hover:focus, .bgc-neutral-300-hover:active {
  background-color: #BDBDBD;
}

/********** SHADES/OPACITY **********/
.clr-neutral-300-100 {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-300-100 {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-300-100-hover:hover, .clr-neutral-300-100-hover:focus, .clr-neutral-300-100-hover:active {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-300-100-hover:hover, .bgc-neutral-300-100-hover:focus, .bgc-neutral-300-100-hover:active {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-300-200 {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-300-200 {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-300-200-hover:hover, .clr-neutral-300-200-hover:focus, .clr-neutral-300-200-hover:active {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-300-200-hover:hover, .bgc-neutral-300-200-hover:focus, .bgc-neutral-300-200-hover:active {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-300-300 {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-300-300 {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-300-300-hover:hover, .clr-neutral-300-300-hover:focus, .clr-neutral-300-300-hover:active {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-300-300-hover:hover, .bgc-neutral-300-300-hover:focus, .bgc-neutral-300-300-hover:active {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-300-400 {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-300-400 {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-300-400-hover:hover, .clr-neutral-300-400-hover:focus, .clr-neutral-300-400-hover:active {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-300-400-hover:hover, .bgc-neutral-300-400-hover:focus, .bgc-neutral-300-400-hover:active {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-300-500 {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-300-500 {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-300-500-hover:hover, .clr-neutral-300-500-hover:focus, .clr-neutral-300-500-hover:active {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-300-500-hover:hover, .bgc-neutral-300-500-hover:focus, .bgc-neutral-300-500-hover:active {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-300-600 {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-300-600 {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-300-600-hover:hover, .clr-neutral-300-600-hover:focus, .clr-neutral-300-600-hover:active {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-300-600-hover:hover, .bgc-neutral-300-600-hover:focus, .bgc-neutral-300-600-hover:active {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-300-700 {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-300-700 {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-300-700-hover:hover, .clr-neutral-300-700-hover:focus, .clr-neutral-300-700-hover:active {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-300-700-hover:hover, .bgc-neutral-300-700-hover:focus, .bgc-neutral-300-700-hover:active {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-300-800 {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-300-800 {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-300-800-hover:hover, .clr-neutral-300-800-hover:focus, .clr-neutral-300-800-hover:active {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-300-800-hover:hover, .bgc-neutral-300-800-hover:focus, .bgc-neutral-300-800-hover:active {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-300-900 {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-300-900 {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-300-900-hover:hover, .clr-neutral-300-900-hover:focus, .clr-neutral-300-900-hover:active {
  color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-300-900-hover:hover, .bgc-neutral-300-900-hover:focus, .bgc-neutral-300-900-hover:active {
  background-color: hwb(from #BDBDBD calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-400 {
  color: #9E9E9E;
}

.bgc-neutral-400 {
  background-color: #9E9E9E;
}

/********** HOVER **********/
.clr-neutral-400-hover:hover, .clr-neutral-400-hover:focus, .clr-neutral-400-hover:active {
  color: #9E9E9E;
}

.bgc-neutral-400-hover:hover, .bgc-neutral-400-hover:focus, .bgc-neutral-400-hover:active {
  background-color: #9E9E9E;
}

/********** SHADES/OPACITY **********/
.clr-neutral-400-100 {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-400-100 {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-400-100-hover:hover, .clr-neutral-400-100-hover:focus, .clr-neutral-400-100-hover:active {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-400-100-hover:hover, .bgc-neutral-400-100-hover:focus, .bgc-neutral-400-100-hover:active {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-400-200 {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-400-200 {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-400-200-hover:hover, .clr-neutral-400-200-hover:focus, .clr-neutral-400-200-hover:active {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-400-200-hover:hover, .bgc-neutral-400-200-hover:focus, .bgc-neutral-400-200-hover:active {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-400-300 {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-400-300 {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-400-300-hover:hover, .clr-neutral-400-300-hover:focus, .clr-neutral-400-300-hover:active {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-400-300-hover:hover, .bgc-neutral-400-300-hover:focus, .bgc-neutral-400-300-hover:active {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-400-400 {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-400-400 {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-400-400-hover:hover, .clr-neutral-400-400-hover:focus, .clr-neutral-400-400-hover:active {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-400-400-hover:hover, .bgc-neutral-400-400-hover:focus, .bgc-neutral-400-400-hover:active {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-400-500 {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-400-500 {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-400-500-hover:hover, .clr-neutral-400-500-hover:focus, .clr-neutral-400-500-hover:active {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-400-500-hover:hover, .bgc-neutral-400-500-hover:focus, .bgc-neutral-400-500-hover:active {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-400-600 {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-400-600 {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-400-600-hover:hover, .clr-neutral-400-600-hover:focus, .clr-neutral-400-600-hover:active {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-400-600-hover:hover, .bgc-neutral-400-600-hover:focus, .bgc-neutral-400-600-hover:active {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-400-700 {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-400-700 {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-400-700-hover:hover, .clr-neutral-400-700-hover:focus, .clr-neutral-400-700-hover:active {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-400-700-hover:hover, .bgc-neutral-400-700-hover:focus, .bgc-neutral-400-700-hover:active {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-400-800 {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-400-800 {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-400-800-hover:hover, .clr-neutral-400-800-hover:focus, .clr-neutral-400-800-hover:active {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-400-800-hover:hover, .bgc-neutral-400-800-hover:focus, .bgc-neutral-400-800-hover:active {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-400-900 {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-400-900 {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-400-900-hover:hover, .clr-neutral-400-900-hover:focus, .clr-neutral-400-900-hover:active {
  color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-400-900-hover:hover, .bgc-neutral-400-900-hover:focus, .bgc-neutral-400-900-hover:active {
  background-color: hwb(from #9E9E9E calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-500 {
  color: #919191;
}

.bgc-neutral-500 {
  background-color: #919191;
}

/********** HOVER **********/
.clr-neutral-500-hover:hover, .clr-neutral-500-hover:focus, .clr-neutral-500-hover:active {
  color: #919191;
}

.bgc-neutral-500-hover:hover, .bgc-neutral-500-hover:focus, .bgc-neutral-500-hover:active {
  background-color: #919191;
}

/********** SHADES/OPACITY **********/
.clr-neutral-500-100 {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-500-100 {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-500-100-hover:hover, .clr-neutral-500-100-hover:focus, .clr-neutral-500-100-hover:active {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-500-100-hover:hover, .bgc-neutral-500-100-hover:focus, .bgc-neutral-500-100-hover:active {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-500-200 {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-500-200 {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-500-200-hover:hover, .clr-neutral-500-200-hover:focus, .clr-neutral-500-200-hover:active {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-500-200-hover:hover, .bgc-neutral-500-200-hover:focus, .bgc-neutral-500-200-hover:active {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-500-300 {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-500-300 {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-500-300-hover:hover, .clr-neutral-500-300-hover:focus, .clr-neutral-500-300-hover:active {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-500-300-hover:hover, .bgc-neutral-500-300-hover:focus, .bgc-neutral-500-300-hover:active {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-500-400 {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-500-400 {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-500-400-hover:hover, .clr-neutral-500-400-hover:focus, .clr-neutral-500-400-hover:active {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-500-400-hover:hover, .bgc-neutral-500-400-hover:focus, .bgc-neutral-500-400-hover:active {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-500-500 {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-500-500 {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-500-500-hover:hover, .clr-neutral-500-500-hover:focus, .clr-neutral-500-500-hover:active {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-500-500-hover:hover, .bgc-neutral-500-500-hover:focus, .bgc-neutral-500-500-hover:active {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-500-600 {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-500-600 {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-500-600-hover:hover, .clr-neutral-500-600-hover:focus, .clr-neutral-500-600-hover:active {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-500-600-hover:hover, .bgc-neutral-500-600-hover:focus, .bgc-neutral-500-600-hover:active {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-500-700 {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-500-700 {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-500-700-hover:hover, .clr-neutral-500-700-hover:focus, .clr-neutral-500-700-hover:active {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-500-700-hover:hover, .bgc-neutral-500-700-hover:focus, .bgc-neutral-500-700-hover:active {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-500-800 {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-500-800 {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-500-800-hover:hover, .clr-neutral-500-800-hover:focus, .clr-neutral-500-800-hover:active {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-500-800-hover:hover, .bgc-neutral-500-800-hover:focus, .bgc-neutral-500-800-hover:active {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-500-900 {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-500-900 {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-500-900-hover:hover, .clr-neutral-500-900-hover:focus, .clr-neutral-500-900-hover:active {
  color: hwb(from #919191 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-500-900-hover:hover, .bgc-neutral-500-900-hover:focus, .bgc-neutral-500-900-hover:active {
  background-color: hwb(from #919191 calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-550 {
  color: #757575;
}

.bgc-neutral-550 {
  background-color: #757575;
}

/********** HOVER **********/
.clr-neutral-550-hover:hover, .clr-neutral-550-hover:focus, .clr-neutral-550-hover:active {
  color: #757575;
}

.bgc-neutral-550-hover:hover, .bgc-neutral-550-hover:focus, .bgc-neutral-550-hover:active {
  background-color: #757575;
}

/********** SHADES/OPACITY **********/
.clr-neutral-550-100 {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-550-100 {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-550-100-hover:hover, .clr-neutral-550-100-hover:focus, .clr-neutral-550-100-hover:active {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-550-100-hover:hover, .bgc-neutral-550-100-hover:focus, .bgc-neutral-550-100-hover:active {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-550-200 {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-550-200 {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-550-200-hover:hover, .clr-neutral-550-200-hover:focus, .clr-neutral-550-200-hover:active {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-550-200-hover:hover, .bgc-neutral-550-200-hover:focus, .bgc-neutral-550-200-hover:active {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-550-300 {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-550-300 {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-550-300-hover:hover, .clr-neutral-550-300-hover:focus, .clr-neutral-550-300-hover:active {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-550-300-hover:hover, .bgc-neutral-550-300-hover:focus, .bgc-neutral-550-300-hover:active {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-550-400 {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-550-400 {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-550-400-hover:hover, .clr-neutral-550-400-hover:focus, .clr-neutral-550-400-hover:active {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-550-400-hover:hover, .bgc-neutral-550-400-hover:focus, .bgc-neutral-550-400-hover:active {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-550-500 {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-550-500 {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-550-500-hover:hover, .clr-neutral-550-500-hover:focus, .clr-neutral-550-500-hover:active {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-550-500-hover:hover, .bgc-neutral-550-500-hover:focus, .bgc-neutral-550-500-hover:active {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-550-600 {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-550-600 {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-550-600-hover:hover, .clr-neutral-550-600-hover:focus, .clr-neutral-550-600-hover:active {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-550-600-hover:hover, .bgc-neutral-550-600-hover:focus, .bgc-neutral-550-600-hover:active {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-550-700 {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-550-700 {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-550-700-hover:hover, .clr-neutral-550-700-hover:focus, .clr-neutral-550-700-hover:active {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-550-700-hover:hover, .bgc-neutral-550-700-hover:focus, .bgc-neutral-550-700-hover:active {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-550-800 {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-550-800 {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-550-800-hover:hover, .clr-neutral-550-800-hover:focus, .clr-neutral-550-800-hover:active {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-550-800-hover:hover, .bgc-neutral-550-800-hover:focus, .bgc-neutral-550-800-hover:active {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-550-900 {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-550-900 {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-550-900-hover:hover, .clr-neutral-550-900-hover:focus, .clr-neutral-550-900-hover:active {
  color: hwb(from #757575 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-550-900-hover:hover, .bgc-neutral-550-900-hover:focus, .bgc-neutral-550-900-hover:active {
  background-color: hwb(from #757575 calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-600 {
  color: #666666;
}

.bgc-neutral-600 {
  background-color: #666666;
}

/********** HOVER **********/
.clr-neutral-600-hover:hover, .clr-neutral-600-hover:focus, .clr-neutral-600-hover:active {
  color: #666666;
}

.bgc-neutral-600-hover:hover, .bgc-neutral-600-hover:focus, .bgc-neutral-600-hover:active {
  background-color: #666666;
}

/********** SHADES/OPACITY **********/
.clr-neutral-600-100 {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-600-100 {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-600-100-hover:hover, .clr-neutral-600-100-hover:focus, .clr-neutral-600-100-hover:active {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-600-100-hover:hover, .bgc-neutral-600-100-hover:focus, .bgc-neutral-600-100-hover:active {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-600-200 {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-600-200 {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-600-200-hover:hover, .clr-neutral-600-200-hover:focus, .clr-neutral-600-200-hover:active {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-600-200-hover:hover, .bgc-neutral-600-200-hover:focus, .bgc-neutral-600-200-hover:active {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-600-300 {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-600-300 {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-600-300-hover:hover, .clr-neutral-600-300-hover:focus, .clr-neutral-600-300-hover:active {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-600-300-hover:hover, .bgc-neutral-600-300-hover:focus, .bgc-neutral-600-300-hover:active {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-600-400 {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-600-400 {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-600-400-hover:hover, .clr-neutral-600-400-hover:focus, .clr-neutral-600-400-hover:active {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-600-400-hover:hover, .bgc-neutral-600-400-hover:focus, .bgc-neutral-600-400-hover:active {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-600-500 {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-600-500 {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-600-500-hover:hover, .clr-neutral-600-500-hover:focus, .clr-neutral-600-500-hover:active {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-600-500-hover:hover, .bgc-neutral-600-500-hover:focus, .bgc-neutral-600-500-hover:active {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-600-600 {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-600-600 {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-600-600-hover:hover, .clr-neutral-600-600-hover:focus, .clr-neutral-600-600-hover:active {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-600-600-hover:hover, .bgc-neutral-600-600-hover:focus, .bgc-neutral-600-600-hover:active {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-600-700 {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-600-700 {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-600-700-hover:hover, .clr-neutral-600-700-hover:focus, .clr-neutral-600-700-hover:active {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-600-700-hover:hover, .bgc-neutral-600-700-hover:focus, .bgc-neutral-600-700-hover:active {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-600-800 {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-600-800 {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-600-800-hover:hover, .clr-neutral-600-800-hover:focus, .clr-neutral-600-800-hover:active {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-600-800-hover:hover, .bgc-neutral-600-800-hover:focus, .bgc-neutral-600-800-hover:active {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-600-900 {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-600-900 {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-600-900-hover:hover, .clr-neutral-600-900-hover:focus, .clr-neutral-600-900-hover:active {
  color: hwb(from #666666 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-600-900-hover:hover, .bgc-neutral-600-900-hover:focus, .bgc-neutral-600-900-hover:active {
  background-color: hwb(from #666666 calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-650 {
  color: #616161;
}

.bgc-neutral-650 {
  background-color: #616161;
}

/********** HOVER **********/
.clr-neutral-650-hover:hover, .clr-neutral-650-hover:focus, .clr-neutral-650-hover:active {
  color: #616161;
}

.bgc-neutral-650-hover:hover, .bgc-neutral-650-hover:focus, .bgc-neutral-650-hover:active {
  background-color: #616161;
}

/********** SHADES/OPACITY **********/
.clr-neutral-650-100 {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-650-100 {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-650-100-hover:hover, .clr-neutral-650-100-hover:focus, .clr-neutral-650-100-hover:active {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-650-100-hover:hover, .bgc-neutral-650-100-hover:focus, .bgc-neutral-650-100-hover:active {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-650-200 {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-650-200 {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-650-200-hover:hover, .clr-neutral-650-200-hover:focus, .clr-neutral-650-200-hover:active {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-650-200-hover:hover, .bgc-neutral-650-200-hover:focus, .bgc-neutral-650-200-hover:active {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-650-300 {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-650-300 {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-650-300-hover:hover, .clr-neutral-650-300-hover:focus, .clr-neutral-650-300-hover:active {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-650-300-hover:hover, .bgc-neutral-650-300-hover:focus, .bgc-neutral-650-300-hover:active {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-650-400 {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-650-400 {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-650-400-hover:hover, .clr-neutral-650-400-hover:focus, .clr-neutral-650-400-hover:active {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-650-400-hover:hover, .bgc-neutral-650-400-hover:focus, .bgc-neutral-650-400-hover:active {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-650-500 {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-650-500 {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-650-500-hover:hover, .clr-neutral-650-500-hover:focus, .clr-neutral-650-500-hover:active {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-650-500-hover:hover, .bgc-neutral-650-500-hover:focus, .bgc-neutral-650-500-hover:active {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-650-600 {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-650-600 {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-650-600-hover:hover, .clr-neutral-650-600-hover:focus, .clr-neutral-650-600-hover:active {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-650-600-hover:hover, .bgc-neutral-650-600-hover:focus, .bgc-neutral-650-600-hover:active {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-650-700 {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-650-700 {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-650-700-hover:hover, .clr-neutral-650-700-hover:focus, .clr-neutral-650-700-hover:active {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-650-700-hover:hover, .bgc-neutral-650-700-hover:focus, .bgc-neutral-650-700-hover:active {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-650-800 {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-650-800 {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-650-800-hover:hover, .clr-neutral-650-800-hover:focus, .clr-neutral-650-800-hover:active {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-650-800-hover:hover, .bgc-neutral-650-800-hover:focus, .bgc-neutral-650-800-hover:active {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-650-900 {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-650-900 {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-650-900-hover:hover, .clr-neutral-650-900-hover:focus, .clr-neutral-650-900-hover:active {
  color: hwb(from #616161 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-650-900-hover:hover, .bgc-neutral-650-900-hover:focus, .bgc-neutral-650-900-hover:active {
  background-color: hwb(from #616161 calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-670 {
  color: #434548;
}

.bgc-neutral-670 {
  background-color: #434548;
}

/********** HOVER **********/
.clr-neutral-670-hover:hover, .clr-neutral-670-hover:focus, .clr-neutral-670-hover:active {
  color: #434548;
}

.bgc-neutral-670-hover:hover, .bgc-neutral-670-hover:focus, .bgc-neutral-670-hover:active {
  background-color: #434548;
}

/********** SHADES/OPACITY **********/
.clr-neutral-670-100 {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-670-100 {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-670-100-hover:hover, .clr-neutral-670-100-hover:focus, .clr-neutral-670-100-hover:active {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-670-100-hover:hover, .bgc-neutral-670-100-hover:focus, .bgc-neutral-670-100-hover:active {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-670-200 {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-670-200 {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-670-200-hover:hover, .clr-neutral-670-200-hover:focus, .clr-neutral-670-200-hover:active {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-670-200-hover:hover, .bgc-neutral-670-200-hover:focus, .bgc-neutral-670-200-hover:active {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-670-300 {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-670-300 {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-670-300-hover:hover, .clr-neutral-670-300-hover:focus, .clr-neutral-670-300-hover:active {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-670-300-hover:hover, .bgc-neutral-670-300-hover:focus, .bgc-neutral-670-300-hover:active {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-670-400 {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-670-400 {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-670-400-hover:hover, .clr-neutral-670-400-hover:focus, .clr-neutral-670-400-hover:active {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-670-400-hover:hover, .bgc-neutral-670-400-hover:focus, .bgc-neutral-670-400-hover:active {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-670-500 {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-670-500 {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-670-500-hover:hover, .clr-neutral-670-500-hover:focus, .clr-neutral-670-500-hover:active {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-670-500-hover:hover, .bgc-neutral-670-500-hover:focus, .bgc-neutral-670-500-hover:active {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-670-600 {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-670-600 {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-670-600-hover:hover, .clr-neutral-670-600-hover:focus, .clr-neutral-670-600-hover:active {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-670-600-hover:hover, .bgc-neutral-670-600-hover:focus, .bgc-neutral-670-600-hover:active {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-670-700 {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-670-700 {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-670-700-hover:hover, .clr-neutral-670-700-hover:focus, .clr-neutral-670-700-hover:active {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-670-700-hover:hover, .bgc-neutral-670-700-hover:focus, .bgc-neutral-670-700-hover:active {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-670-800 {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-670-800 {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-670-800-hover:hover, .clr-neutral-670-800-hover:focus, .clr-neutral-670-800-hover:active {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-670-800-hover:hover, .bgc-neutral-670-800-hover:focus, .bgc-neutral-670-800-hover:active {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-670-900 {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-670-900 {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-670-900-hover:hover, .clr-neutral-670-900-hover:focus, .clr-neutral-670-900-hover:active {
  color: hwb(from #434548 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-670-900-hover:hover, .bgc-neutral-670-900-hover:focus, .bgc-neutral-670-900-hover:active {
  background-color: hwb(from #434548 calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-680 {
  color: #424242;
}

.bgc-neutral-680 {
  background-color: #424242;
}

/********** HOVER **********/
.clr-neutral-680-hover:hover, .clr-neutral-680-hover:focus, .clr-neutral-680-hover:active {
  color: #424242;
}

.bgc-neutral-680-hover:hover, .bgc-neutral-680-hover:focus, .bgc-neutral-680-hover:active {
  background-color: #424242;
}

/********** SHADES/OPACITY **********/
.clr-neutral-680-100 {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-680-100 {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-680-100-hover:hover, .clr-neutral-680-100-hover:focus, .clr-neutral-680-100-hover:active {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-680-100-hover:hover, .bgc-neutral-680-100-hover:focus, .bgc-neutral-680-100-hover:active {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-680-200 {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-680-200 {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-680-200-hover:hover, .clr-neutral-680-200-hover:focus, .clr-neutral-680-200-hover:active {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-680-200-hover:hover, .bgc-neutral-680-200-hover:focus, .bgc-neutral-680-200-hover:active {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-680-300 {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-680-300 {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-680-300-hover:hover, .clr-neutral-680-300-hover:focus, .clr-neutral-680-300-hover:active {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-680-300-hover:hover, .bgc-neutral-680-300-hover:focus, .bgc-neutral-680-300-hover:active {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-680-400 {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-680-400 {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-680-400-hover:hover, .clr-neutral-680-400-hover:focus, .clr-neutral-680-400-hover:active {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-680-400-hover:hover, .bgc-neutral-680-400-hover:focus, .bgc-neutral-680-400-hover:active {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-680-500 {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-680-500 {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-680-500-hover:hover, .clr-neutral-680-500-hover:focus, .clr-neutral-680-500-hover:active {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-680-500-hover:hover, .bgc-neutral-680-500-hover:focus, .bgc-neutral-680-500-hover:active {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-680-600 {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-680-600 {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-680-600-hover:hover, .clr-neutral-680-600-hover:focus, .clr-neutral-680-600-hover:active {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-680-600-hover:hover, .bgc-neutral-680-600-hover:focus, .bgc-neutral-680-600-hover:active {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-680-700 {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-680-700 {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-680-700-hover:hover, .clr-neutral-680-700-hover:focus, .clr-neutral-680-700-hover:active {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-680-700-hover:hover, .bgc-neutral-680-700-hover:focus, .bgc-neutral-680-700-hover:active {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-680-800 {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-680-800 {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-680-800-hover:hover, .clr-neutral-680-800-hover:focus, .clr-neutral-680-800-hover:active {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-680-800-hover:hover, .bgc-neutral-680-800-hover:focus, .bgc-neutral-680-800-hover:active {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-680-900 {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-680-900 {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-680-900-hover:hover, .clr-neutral-680-900-hover:focus, .clr-neutral-680-900-hover:active {
  color: hwb(from #424242 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-680-900-hover:hover, .bgc-neutral-680-900-hover:focus, .bgc-neutral-680-900-hover:active {
  background-color: hwb(from #424242 calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-700 {
  color: #3E3E3E;
}

.bgc-neutral-700 {
  background-color: #3E3E3E;
}

/********** HOVER **********/
.clr-neutral-700-hover:hover, .clr-neutral-700-hover:focus, .clr-neutral-700-hover:active {
  color: #3E3E3E;
}

.bgc-neutral-700-hover:hover, .bgc-neutral-700-hover:focus, .bgc-neutral-700-hover:active {
  background-color: #3E3E3E;
}

/********** SHADES/OPACITY **********/
.clr-neutral-700-100 {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-700-100 {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-700-100-hover:hover, .clr-neutral-700-100-hover:focus, .clr-neutral-700-100-hover:active {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-700-100-hover:hover, .bgc-neutral-700-100-hover:focus, .bgc-neutral-700-100-hover:active {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-700-200 {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-700-200 {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-700-200-hover:hover, .clr-neutral-700-200-hover:focus, .clr-neutral-700-200-hover:active {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-700-200-hover:hover, .bgc-neutral-700-200-hover:focus, .bgc-neutral-700-200-hover:active {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-700-300 {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-700-300 {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-700-300-hover:hover, .clr-neutral-700-300-hover:focus, .clr-neutral-700-300-hover:active {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-700-300-hover:hover, .bgc-neutral-700-300-hover:focus, .bgc-neutral-700-300-hover:active {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-700-400 {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-700-400 {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-700-400-hover:hover, .clr-neutral-700-400-hover:focus, .clr-neutral-700-400-hover:active {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-700-400-hover:hover, .bgc-neutral-700-400-hover:focus, .bgc-neutral-700-400-hover:active {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-700-500 {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-700-500 {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-700-500-hover:hover, .clr-neutral-700-500-hover:focus, .clr-neutral-700-500-hover:active {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-700-500-hover:hover, .bgc-neutral-700-500-hover:focus, .bgc-neutral-700-500-hover:active {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-700-600 {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-700-600 {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-700-600-hover:hover, .clr-neutral-700-600-hover:focus, .clr-neutral-700-600-hover:active {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-700-600-hover:hover, .bgc-neutral-700-600-hover:focus, .bgc-neutral-700-600-hover:active {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-700-700 {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-700-700 {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-700-700-hover:hover, .clr-neutral-700-700-hover:focus, .clr-neutral-700-700-hover:active {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-700-700-hover:hover, .bgc-neutral-700-700-hover:focus, .bgc-neutral-700-700-hover:active {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-700-800 {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-700-800 {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-700-800-hover:hover, .clr-neutral-700-800-hover:focus, .clr-neutral-700-800-hover:active {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-700-800-hover:hover, .bgc-neutral-700-800-hover:focus, .bgc-neutral-700-800-hover:active {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-700-900 {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-700-900 {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-700-900-hover:hover, .clr-neutral-700-900-hover:focus, .clr-neutral-700-900-hover:active {
  color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-700-900-hover:hover, .bgc-neutral-700-900-hover:focus, .bgc-neutral-700-900-hover:active {
  background-color: hwb(from #3E3E3E calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-750 {
  color: #333333;
}

.bgc-neutral-750 {
  background-color: #333333;
}

/********** HOVER **********/
.clr-neutral-750-hover:hover, .clr-neutral-750-hover:focus, .clr-neutral-750-hover:active {
  color: #333333;
}

.bgc-neutral-750-hover:hover, .bgc-neutral-750-hover:focus, .bgc-neutral-750-hover:active {
  background-color: #333333;
}

/********** SHADES/OPACITY **********/
.clr-neutral-750-100 {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-750-100 {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-750-100-hover:hover, .clr-neutral-750-100-hover:focus, .clr-neutral-750-100-hover:active {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-750-100-hover:hover, .bgc-neutral-750-100-hover:focus, .bgc-neutral-750-100-hover:active {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-750-200 {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-750-200 {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-750-200-hover:hover, .clr-neutral-750-200-hover:focus, .clr-neutral-750-200-hover:active {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-750-200-hover:hover, .bgc-neutral-750-200-hover:focus, .bgc-neutral-750-200-hover:active {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-750-300 {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-750-300 {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-750-300-hover:hover, .clr-neutral-750-300-hover:focus, .clr-neutral-750-300-hover:active {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-750-300-hover:hover, .bgc-neutral-750-300-hover:focus, .bgc-neutral-750-300-hover:active {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-750-400 {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-750-400 {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-750-400-hover:hover, .clr-neutral-750-400-hover:focus, .clr-neutral-750-400-hover:active {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-750-400-hover:hover, .bgc-neutral-750-400-hover:focus, .bgc-neutral-750-400-hover:active {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-750-500 {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-750-500 {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-750-500-hover:hover, .clr-neutral-750-500-hover:focus, .clr-neutral-750-500-hover:active {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-750-500-hover:hover, .bgc-neutral-750-500-hover:focus, .bgc-neutral-750-500-hover:active {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-750-600 {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-750-600 {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-750-600-hover:hover, .clr-neutral-750-600-hover:focus, .clr-neutral-750-600-hover:active {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-750-600-hover:hover, .bgc-neutral-750-600-hover:focus, .bgc-neutral-750-600-hover:active {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-750-700 {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-750-700 {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-750-700-hover:hover, .clr-neutral-750-700-hover:focus, .clr-neutral-750-700-hover:active {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-750-700-hover:hover, .bgc-neutral-750-700-hover:focus, .bgc-neutral-750-700-hover:active {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-750-800 {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-750-800 {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-750-800-hover:hover, .clr-neutral-750-800-hover:focus, .clr-neutral-750-800-hover:active {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-750-800-hover:hover, .bgc-neutral-750-800-hover:focus, .bgc-neutral-750-800-hover:active {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-750-900 {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-750-900 {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-750-900-hover:hover, .clr-neutral-750-900-hover:focus, .clr-neutral-750-900-hover:active {
  color: hwb(from #333333 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-750-900-hover:hover, .bgc-neutral-750-900-hover:focus, .bgc-neutral-750-900-hover:active {
  background-color: hwb(from #333333 calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-800 {
  color: #252525;
}

.bgc-neutral-800 {
  background-color: #252525;
}

/********** HOVER **********/
.clr-neutral-800-hover:hover, .clr-neutral-800-hover:focus, .clr-neutral-800-hover:active {
  color: #252525;
}

.bgc-neutral-800-hover:hover, .bgc-neutral-800-hover:focus, .bgc-neutral-800-hover:active {
  background-color: #252525;
}

/********** SHADES/OPACITY **********/
.clr-neutral-800-100 {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-800-100 {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-800-100-hover:hover, .clr-neutral-800-100-hover:focus, .clr-neutral-800-100-hover:active {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-800-100-hover:hover, .bgc-neutral-800-100-hover:focus, .bgc-neutral-800-100-hover:active {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-800-200 {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-800-200 {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-800-200-hover:hover, .clr-neutral-800-200-hover:focus, .clr-neutral-800-200-hover:active {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-800-200-hover:hover, .bgc-neutral-800-200-hover:focus, .bgc-neutral-800-200-hover:active {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-800-300 {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-800-300 {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-800-300-hover:hover, .clr-neutral-800-300-hover:focus, .clr-neutral-800-300-hover:active {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-800-300-hover:hover, .bgc-neutral-800-300-hover:focus, .bgc-neutral-800-300-hover:active {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-800-400 {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-800-400 {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-800-400-hover:hover, .clr-neutral-800-400-hover:focus, .clr-neutral-800-400-hover:active {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-800-400-hover:hover, .bgc-neutral-800-400-hover:focus, .bgc-neutral-800-400-hover:active {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-800-500 {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-800-500 {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-800-500-hover:hover, .clr-neutral-800-500-hover:focus, .clr-neutral-800-500-hover:active {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-800-500-hover:hover, .bgc-neutral-800-500-hover:focus, .bgc-neutral-800-500-hover:active {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-800-600 {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-800-600 {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-800-600-hover:hover, .clr-neutral-800-600-hover:focus, .clr-neutral-800-600-hover:active {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-800-600-hover:hover, .bgc-neutral-800-600-hover:focus, .bgc-neutral-800-600-hover:active {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-800-700 {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-800-700 {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-800-700-hover:hover, .clr-neutral-800-700-hover:focus, .clr-neutral-800-700-hover:active {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-800-700-hover:hover, .bgc-neutral-800-700-hover:focus, .bgc-neutral-800-700-hover:active {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-800-800 {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-800-800 {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-800-800-hover:hover, .clr-neutral-800-800-hover:focus, .clr-neutral-800-800-hover:active {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-800-800-hover:hover, .bgc-neutral-800-800-hover:focus, .bgc-neutral-800-800-hover:active {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-800-900 {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-800-900 {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-800-900-hover:hover, .clr-neutral-800-900-hover:focus, .clr-neutral-800-900-hover:active {
  color: hwb(from #252525 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-800-900-hover:hover, .bgc-neutral-800-900-hover:focus, .bgc-neutral-800-900-hover:active {
  background-color: hwb(from #252525 calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-850 {
  color: #222222;
}

.bgc-neutral-850 {
  background-color: #222222;
}

/********** HOVER **********/
.clr-neutral-850-hover:hover, .clr-neutral-850-hover:focus, .clr-neutral-850-hover:active {
  color: #222222;
}

.bgc-neutral-850-hover:hover, .bgc-neutral-850-hover:focus, .bgc-neutral-850-hover:active {
  background-color: #222222;
}

/********** SHADES/OPACITY **********/
.clr-neutral-850-100 {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-850-100 {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-850-100-hover:hover, .clr-neutral-850-100-hover:focus, .clr-neutral-850-100-hover:active {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-850-100-hover:hover, .bgc-neutral-850-100-hover:focus, .bgc-neutral-850-100-hover:active {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-850-200 {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-850-200 {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-850-200-hover:hover, .clr-neutral-850-200-hover:focus, .clr-neutral-850-200-hover:active {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-850-200-hover:hover, .bgc-neutral-850-200-hover:focus, .bgc-neutral-850-200-hover:active {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-850-300 {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-850-300 {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-850-300-hover:hover, .clr-neutral-850-300-hover:focus, .clr-neutral-850-300-hover:active {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-850-300-hover:hover, .bgc-neutral-850-300-hover:focus, .bgc-neutral-850-300-hover:active {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-850-400 {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-850-400 {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-850-400-hover:hover, .clr-neutral-850-400-hover:focus, .clr-neutral-850-400-hover:active {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-850-400-hover:hover, .bgc-neutral-850-400-hover:focus, .bgc-neutral-850-400-hover:active {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-850-500 {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-850-500 {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-850-500-hover:hover, .clr-neutral-850-500-hover:focus, .clr-neutral-850-500-hover:active {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-850-500-hover:hover, .bgc-neutral-850-500-hover:focus, .bgc-neutral-850-500-hover:active {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-850-600 {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-850-600 {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-850-600-hover:hover, .clr-neutral-850-600-hover:focus, .clr-neutral-850-600-hover:active {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-850-600-hover:hover, .bgc-neutral-850-600-hover:focus, .bgc-neutral-850-600-hover:active {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-850-700 {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-850-700 {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-850-700-hover:hover, .clr-neutral-850-700-hover:focus, .clr-neutral-850-700-hover:active {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-850-700-hover:hover, .bgc-neutral-850-700-hover:focus, .bgc-neutral-850-700-hover:active {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-850-800 {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-850-800 {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-850-800-hover:hover, .clr-neutral-850-800-hover:focus, .clr-neutral-850-800-hover:active {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-850-800-hover:hover, .bgc-neutral-850-800-hover:focus, .bgc-neutral-850-800-hover:active {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-850-900 {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-850-900 {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-850-900-hover:hover, .clr-neutral-850-900-hover:focus, .clr-neutral-850-900-hover:active {
  color: hwb(from #222222 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-850-900-hover:hover, .bgc-neutral-850-900-hover:focus, .bgc-neutral-850-900-hover:active {
  background-color: hwb(from #222222 calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-880 {
  color: #212121;
}

.bgc-neutral-880 {
  background-color: #212121;
}

/********** HOVER **********/
.clr-neutral-880-hover:hover, .clr-neutral-880-hover:focus, .clr-neutral-880-hover:active {
  color: #212121;
}

.bgc-neutral-880-hover:hover, .bgc-neutral-880-hover:focus, .bgc-neutral-880-hover:active {
  background-color: #212121;
}

/********** SHADES/OPACITY **********/
.clr-neutral-880-100 {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-880-100 {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-880-100-hover:hover, .clr-neutral-880-100-hover:focus, .clr-neutral-880-100-hover:active {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-880-100-hover:hover, .bgc-neutral-880-100-hover:focus, .bgc-neutral-880-100-hover:active {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-880-200 {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-880-200 {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-880-200-hover:hover, .clr-neutral-880-200-hover:focus, .clr-neutral-880-200-hover:active {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-880-200-hover:hover, .bgc-neutral-880-200-hover:focus, .bgc-neutral-880-200-hover:active {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-880-300 {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-880-300 {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-880-300-hover:hover, .clr-neutral-880-300-hover:focus, .clr-neutral-880-300-hover:active {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-880-300-hover:hover, .bgc-neutral-880-300-hover:focus, .bgc-neutral-880-300-hover:active {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-880-400 {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-880-400 {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-880-400-hover:hover, .clr-neutral-880-400-hover:focus, .clr-neutral-880-400-hover:active {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-880-400-hover:hover, .bgc-neutral-880-400-hover:focus, .bgc-neutral-880-400-hover:active {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-880-500 {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-880-500 {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-880-500-hover:hover, .clr-neutral-880-500-hover:focus, .clr-neutral-880-500-hover:active {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-880-500-hover:hover, .bgc-neutral-880-500-hover:focus, .bgc-neutral-880-500-hover:active {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-880-600 {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-880-600 {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-880-600-hover:hover, .clr-neutral-880-600-hover:focus, .clr-neutral-880-600-hover:active {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-880-600-hover:hover, .bgc-neutral-880-600-hover:focus, .bgc-neutral-880-600-hover:active {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-880-700 {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-880-700 {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-880-700-hover:hover, .clr-neutral-880-700-hover:focus, .clr-neutral-880-700-hover:active {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-880-700-hover:hover, .bgc-neutral-880-700-hover:focus, .bgc-neutral-880-700-hover:active {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-880-800 {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-880-800 {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-880-800-hover:hover, .clr-neutral-880-800-hover:focus, .clr-neutral-880-800-hover:active {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-880-800-hover:hover, .bgc-neutral-880-800-hover:focus, .bgc-neutral-880-800-hover:active {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-880-900 {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-880-900 {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-880-900-hover:hover, .clr-neutral-880-900-hover:focus, .clr-neutral-880-900-hover:active {
  color: hwb(from #212121 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-880-900-hover:hover, .bgc-neutral-880-900-hover:focus, .bgc-neutral-880-900-hover:active {
  background-color: hwb(from #212121 calc(h) calc(w) calc(b) / 90%);
}

.clr-neutral-900 {
  color: #000000;
}

.bgc-neutral-900 {
  background-color: #000000;
}

/********** HOVER **********/
.clr-neutral-900-hover:hover, .clr-neutral-900-hover:focus, .clr-neutral-900-hover:active {
  color: #000000;
}

.bgc-neutral-900-hover:hover, .bgc-neutral-900-hover:focus, .bgc-neutral-900-hover:active {
  background-color: #000000;
}

/********** SHADES/OPACITY **********/
.clr-neutral-900-100 {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-900-100 {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-900-100-hover:hover, .clr-neutral-900-100-hover:focus, .clr-neutral-900-100-hover:active {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 10%);
}

.bgc-neutral-900-100-hover:hover, .bgc-neutral-900-100-hover:focus, .bgc-neutral-900-100-hover:active {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-900-200 {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-900-200 {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-900-200-hover:hover, .clr-neutral-900-200-hover:focus, .clr-neutral-900-200-hover:active {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 20%);
}

.bgc-neutral-900-200-hover:hover, .bgc-neutral-900-200-hover:focus, .bgc-neutral-900-200-hover:active {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-900-300 {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-900-300 {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-900-300-hover:hover, .clr-neutral-900-300-hover:focus, .clr-neutral-900-300-hover:active {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 30%);
}

.bgc-neutral-900-300-hover:hover, .bgc-neutral-900-300-hover:focus, .bgc-neutral-900-300-hover:active {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-900-400 {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-900-400 {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-900-400-hover:hover, .clr-neutral-900-400-hover:focus, .clr-neutral-900-400-hover:active {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 40%);
}

.bgc-neutral-900-400-hover:hover, .bgc-neutral-900-400-hover:focus, .bgc-neutral-900-400-hover:active {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-900-500 {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-900-500 {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-900-500-hover:hover, .clr-neutral-900-500-hover:focus, .clr-neutral-900-500-hover:active {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 50%);
}

.bgc-neutral-900-500-hover:hover, .bgc-neutral-900-500-hover:focus, .bgc-neutral-900-500-hover:active {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-900-600 {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-900-600 {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-900-600-hover:hover, .clr-neutral-900-600-hover:focus, .clr-neutral-900-600-hover:active {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 60%);
}

.bgc-neutral-900-600-hover:hover, .bgc-neutral-900-600-hover:focus, .bgc-neutral-900-600-hover:active {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-900-700 {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-900-700 {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-900-700-hover:hover, .clr-neutral-900-700-hover:focus, .clr-neutral-900-700-hover:active {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 70%);
}

.bgc-neutral-900-700-hover:hover, .bgc-neutral-900-700-hover:focus, .bgc-neutral-900-700-hover:active {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-900-800 {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-900-800 {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-900-800-hover:hover, .clr-neutral-900-800-hover:focus, .clr-neutral-900-800-hover:active {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 80%);
}

.bgc-neutral-900-800-hover:hover, .bgc-neutral-900-800-hover:focus, .bgc-neutral-900-800-hover:active {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-neutral-900-900 {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-900-900 {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-neutral-900-900-hover:hover, .clr-neutral-900-900-hover:focus, .clr-neutral-900-900-hover:active {
  color: hwb(from #000000 calc(h) calc(w) calc(b) / 90%);
}

.bgc-neutral-900-900-hover:hover, .bgc-neutral-900-900-hover:focus, .bgc-neutral-900-900-hover:active {
  background-color: hwb(from #000000 calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-100 {
  color: #ffffff;
}

.bgc-primary-100 {
  background-color: #ffffff;
}

/********** HOVER **********/
.clr-primary-100-hover:hover, .clr-primary-100-hover:focus, .clr-primary-100-hover:active {
  color: #ffffff;
}

.bgc-primary-100-hover:hover, .bgc-primary-100-hover:focus, .bgc-primary-100-hover:active {
  background-color: #ffffff;
}

/********** SHADES/OPACITY **********/
.clr-primary-100-100 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-100-100 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-100-100-hover:hover, .clr-primary-100-100-hover:focus, .clr-primary-100-100-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-100-100-hover:hover, .bgc-primary-100-100-hover:focus, .bgc-primary-100-100-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-100-200 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-100-200 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-100-200-hover:hover, .clr-primary-100-200-hover:focus, .clr-primary-100-200-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-100-200-hover:hover, .bgc-primary-100-200-hover:focus, .bgc-primary-100-200-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-100-300 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-100-300 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-100-300-hover:hover, .clr-primary-100-300-hover:focus, .clr-primary-100-300-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-100-300-hover:hover, .bgc-primary-100-300-hover:focus, .bgc-primary-100-300-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-100-400 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-100-400 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-100-400-hover:hover, .clr-primary-100-400-hover:focus, .clr-primary-100-400-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-100-400-hover:hover, .bgc-primary-100-400-hover:focus, .bgc-primary-100-400-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-100-500 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-100-500 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-100-500-hover:hover, .clr-primary-100-500-hover:focus, .clr-primary-100-500-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-100-500-hover:hover, .bgc-primary-100-500-hover:focus, .bgc-primary-100-500-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-100-600 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-100-600 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-100-600-hover:hover, .clr-primary-100-600-hover:focus, .clr-primary-100-600-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-100-600-hover:hover, .bgc-primary-100-600-hover:focus, .bgc-primary-100-600-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-100-700 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-100-700 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-100-700-hover:hover, .clr-primary-100-700-hover:focus, .clr-primary-100-700-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-100-700-hover:hover, .bgc-primary-100-700-hover:focus, .bgc-primary-100-700-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-100-800 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-100-800 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-100-800-hover:hover, .clr-primary-100-800-hover:focus, .clr-primary-100-800-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-100-800-hover:hover, .bgc-primary-100-800-hover:focus, .bgc-primary-100-800-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-100-900 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-100-900 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-100-900-hover:hover, .clr-primary-100-900-hover:focus, .clr-primary-100-900-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-100-900-hover:hover, .bgc-primary-100-900-hover:focus, .bgc-primary-100-900-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-200 {
  color: #0077C6;
}

.bgc-primary-200 {
  background-color: #0077C6;
}

/********** HOVER **********/
.clr-primary-200-hover:hover, .clr-primary-200-hover:focus, .clr-primary-200-hover:active {
  color: #0077C6;
}

.bgc-primary-200-hover:hover, .bgc-primary-200-hover:focus, .bgc-primary-200-hover:active {
  background-color: #0077C6;
}

/********** SHADES/OPACITY **********/
.clr-primary-200-100 {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-200-100 {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-200-100-hover:hover, .clr-primary-200-100-hover:focus, .clr-primary-200-100-hover:active {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-200-100-hover:hover, .bgc-primary-200-100-hover:focus, .bgc-primary-200-100-hover:active {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-200-200 {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-200-200 {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-200-200-hover:hover, .clr-primary-200-200-hover:focus, .clr-primary-200-200-hover:active {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-200-200-hover:hover, .bgc-primary-200-200-hover:focus, .bgc-primary-200-200-hover:active {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-200-300 {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-200-300 {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-200-300-hover:hover, .clr-primary-200-300-hover:focus, .clr-primary-200-300-hover:active {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-200-300-hover:hover, .bgc-primary-200-300-hover:focus, .bgc-primary-200-300-hover:active {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-200-400 {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-200-400 {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-200-400-hover:hover, .clr-primary-200-400-hover:focus, .clr-primary-200-400-hover:active {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-200-400-hover:hover, .bgc-primary-200-400-hover:focus, .bgc-primary-200-400-hover:active {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-200-500 {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-200-500 {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-200-500-hover:hover, .clr-primary-200-500-hover:focus, .clr-primary-200-500-hover:active {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-200-500-hover:hover, .bgc-primary-200-500-hover:focus, .bgc-primary-200-500-hover:active {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-200-600 {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-200-600 {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-200-600-hover:hover, .clr-primary-200-600-hover:focus, .clr-primary-200-600-hover:active {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-200-600-hover:hover, .bgc-primary-200-600-hover:focus, .bgc-primary-200-600-hover:active {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-200-700 {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-200-700 {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-200-700-hover:hover, .clr-primary-200-700-hover:focus, .clr-primary-200-700-hover:active {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-200-700-hover:hover, .bgc-primary-200-700-hover:focus, .bgc-primary-200-700-hover:active {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-200-800 {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-200-800 {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-200-800-hover:hover, .clr-primary-200-800-hover:focus, .clr-primary-200-800-hover:active {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-200-800-hover:hover, .bgc-primary-200-800-hover:focus, .bgc-primary-200-800-hover:active {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-200-900 {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-200-900 {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-200-900-hover:hover, .clr-primary-200-900-hover:focus, .clr-primary-200-900-hover:active {
  color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-200-900-hover:hover, .bgc-primary-200-900-hover:focus, .bgc-primary-200-900-hover:active {
  background-color: hwb(from #0077C6 calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-210 {
  color: #035991;
}

.bgc-primary-210 {
  background-color: #035991;
}

/********** HOVER **********/
.clr-primary-210-hover:hover, .clr-primary-210-hover:focus, .clr-primary-210-hover:active {
  color: #035991;
}

.bgc-primary-210-hover:hover, .bgc-primary-210-hover:focus, .bgc-primary-210-hover:active {
  background-color: #035991;
}

/********** SHADES/OPACITY **********/
.clr-primary-210-100 {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-210-100 {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-210-100-hover:hover, .clr-primary-210-100-hover:focus, .clr-primary-210-100-hover:active {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-210-100-hover:hover, .bgc-primary-210-100-hover:focus, .bgc-primary-210-100-hover:active {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-210-200 {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-210-200 {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-210-200-hover:hover, .clr-primary-210-200-hover:focus, .clr-primary-210-200-hover:active {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-210-200-hover:hover, .bgc-primary-210-200-hover:focus, .bgc-primary-210-200-hover:active {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-210-300 {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-210-300 {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-210-300-hover:hover, .clr-primary-210-300-hover:focus, .clr-primary-210-300-hover:active {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-210-300-hover:hover, .bgc-primary-210-300-hover:focus, .bgc-primary-210-300-hover:active {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-210-400 {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-210-400 {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-210-400-hover:hover, .clr-primary-210-400-hover:focus, .clr-primary-210-400-hover:active {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-210-400-hover:hover, .bgc-primary-210-400-hover:focus, .bgc-primary-210-400-hover:active {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-210-500 {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-210-500 {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-210-500-hover:hover, .clr-primary-210-500-hover:focus, .clr-primary-210-500-hover:active {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-210-500-hover:hover, .bgc-primary-210-500-hover:focus, .bgc-primary-210-500-hover:active {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-210-600 {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-210-600 {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-210-600-hover:hover, .clr-primary-210-600-hover:focus, .clr-primary-210-600-hover:active {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-210-600-hover:hover, .bgc-primary-210-600-hover:focus, .bgc-primary-210-600-hover:active {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-210-700 {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-210-700 {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-210-700-hover:hover, .clr-primary-210-700-hover:focus, .clr-primary-210-700-hover:active {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-210-700-hover:hover, .bgc-primary-210-700-hover:focus, .bgc-primary-210-700-hover:active {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-210-800 {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-210-800 {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-210-800-hover:hover, .clr-primary-210-800-hover:focus, .clr-primary-210-800-hover:active {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-210-800-hover:hover, .bgc-primary-210-800-hover:focus, .bgc-primary-210-800-hover:active {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-210-900 {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-210-900 {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-210-900-hover:hover, .clr-primary-210-900-hover:focus, .clr-primary-210-900-hover:active {
  color: hwb(from #035991 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-210-900-hover:hover, .bgc-primary-210-900-hover:focus, .bgc-primary-210-900-hover:active {
  background-color: hwb(from #035991 calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-230 {
  color: #0595FF;
}

.bgc-primary-230 {
  background-color: #0595FF;
}

/********** HOVER **********/
.clr-primary-230-hover:hover, .clr-primary-230-hover:focus, .clr-primary-230-hover:active {
  color: #0595FF;
}

.bgc-primary-230-hover:hover, .bgc-primary-230-hover:focus, .bgc-primary-230-hover:active {
  background-color: #0595FF;
}

/********** SHADES/OPACITY **********/
.clr-primary-230-100 {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-230-100 {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-230-100-hover:hover, .clr-primary-230-100-hover:focus, .clr-primary-230-100-hover:active {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-230-100-hover:hover, .bgc-primary-230-100-hover:focus, .bgc-primary-230-100-hover:active {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-230-200 {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-230-200 {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-230-200-hover:hover, .clr-primary-230-200-hover:focus, .clr-primary-230-200-hover:active {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-230-200-hover:hover, .bgc-primary-230-200-hover:focus, .bgc-primary-230-200-hover:active {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-230-300 {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-230-300 {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-230-300-hover:hover, .clr-primary-230-300-hover:focus, .clr-primary-230-300-hover:active {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-230-300-hover:hover, .bgc-primary-230-300-hover:focus, .bgc-primary-230-300-hover:active {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-230-400 {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-230-400 {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-230-400-hover:hover, .clr-primary-230-400-hover:focus, .clr-primary-230-400-hover:active {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-230-400-hover:hover, .bgc-primary-230-400-hover:focus, .bgc-primary-230-400-hover:active {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-230-500 {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-230-500 {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-230-500-hover:hover, .clr-primary-230-500-hover:focus, .clr-primary-230-500-hover:active {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-230-500-hover:hover, .bgc-primary-230-500-hover:focus, .bgc-primary-230-500-hover:active {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-230-600 {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-230-600 {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-230-600-hover:hover, .clr-primary-230-600-hover:focus, .clr-primary-230-600-hover:active {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-230-600-hover:hover, .bgc-primary-230-600-hover:focus, .bgc-primary-230-600-hover:active {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-230-700 {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-230-700 {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-230-700-hover:hover, .clr-primary-230-700-hover:focus, .clr-primary-230-700-hover:active {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-230-700-hover:hover, .bgc-primary-230-700-hover:focus, .bgc-primary-230-700-hover:active {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-230-800 {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-230-800 {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-230-800-hover:hover, .clr-primary-230-800-hover:focus, .clr-primary-230-800-hover:active {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-230-800-hover:hover, .bgc-primary-230-800-hover:focus, .bgc-primary-230-800-hover:active {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-230-900 {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-230-900 {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-230-900-hover:hover, .clr-primary-230-900-hover:focus, .clr-primary-230-900-hover:active {
  color: hwb(from #0595FF calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-230-900-hover:hover, .bgc-primary-230-900-hover:focus, .bgc-primary-230-900-hover:active {
  background-color: hwb(from #0595FF calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-240 {
  color: #BCDAEE;
}

.bgc-primary-240 {
  background-color: #BCDAEE;
}

/********** HOVER **********/
.clr-primary-240-hover:hover, .clr-primary-240-hover:focus, .clr-primary-240-hover:active {
  color: #BCDAEE;
}

.bgc-primary-240-hover:hover, .bgc-primary-240-hover:focus, .bgc-primary-240-hover:active {
  background-color: #BCDAEE;
}

/********** SHADES/OPACITY **********/
.clr-primary-240-100 {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-240-100 {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-240-100-hover:hover, .clr-primary-240-100-hover:focus, .clr-primary-240-100-hover:active {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-240-100-hover:hover, .bgc-primary-240-100-hover:focus, .bgc-primary-240-100-hover:active {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-240-200 {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-240-200 {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-240-200-hover:hover, .clr-primary-240-200-hover:focus, .clr-primary-240-200-hover:active {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-240-200-hover:hover, .bgc-primary-240-200-hover:focus, .bgc-primary-240-200-hover:active {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-240-300 {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-240-300 {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-240-300-hover:hover, .clr-primary-240-300-hover:focus, .clr-primary-240-300-hover:active {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-240-300-hover:hover, .bgc-primary-240-300-hover:focus, .bgc-primary-240-300-hover:active {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-240-400 {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-240-400 {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-240-400-hover:hover, .clr-primary-240-400-hover:focus, .clr-primary-240-400-hover:active {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-240-400-hover:hover, .bgc-primary-240-400-hover:focus, .bgc-primary-240-400-hover:active {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-240-500 {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-240-500 {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-240-500-hover:hover, .clr-primary-240-500-hover:focus, .clr-primary-240-500-hover:active {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-240-500-hover:hover, .bgc-primary-240-500-hover:focus, .bgc-primary-240-500-hover:active {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-240-600 {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-240-600 {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-240-600-hover:hover, .clr-primary-240-600-hover:focus, .clr-primary-240-600-hover:active {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-240-600-hover:hover, .bgc-primary-240-600-hover:focus, .bgc-primary-240-600-hover:active {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-240-700 {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-240-700 {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-240-700-hover:hover, .clr-primary-240-700-hover:focus, .clr-primary-240-700-hover:active {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-240-700-hover:hover, .bgc-primary-240-700-hover:focus, .bgc-primary-240-700-hover:active {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-240-800 {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-240-800 {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-240-800-hover:hover, .clr-primary-240-800-hover:focus, .clr-primary-240-800-hover:active {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-240-800-hover:hover, .bgc-primary-240-800-hover:focus, .bgc-primary-240-800-hover:active {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-240-900 {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-240-900 {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-240-900-hover:hover, .clr-primary-240-900-hover:focus, .clr-primary-240-900-hover:active {
  color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-240-900-hover:hover, .bgc-primary-240-900-hover:focus, .bgc-primary-240-900-hover:active {
  background-color: hwb(from #BCDAEE calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-250 {
  color: #00b3a9;
}

.bgc-primary-250 {
  background-color: #00b3a9;
}

/********** HOVER **********/
.clr-primary-250-hover:hover, .clr-primary-250-hover:focus, .clr-primary-250-hover:active {
  color: #00b3a9;
}

.bgc-primary-250-hover:hover, .bgc-primary-250-hover:focus, .bgc-primary-250-hover:active {
  background-color: #00b3a9;
}

/********** SHADES/OPACITY **********/
.clr-primary-250-100 {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-250-100 {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-250-100-hover:hover, .clr-primary-250-100-hover:focus, .clr-primary-250-100-hover:active {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-250-100-hover:hover, .bgc-primary-250-100-hover:focus, .bgc-primary-250-100-hover:active {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-250-200 {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-250-200 {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-250-200-hover:hover, .clr-primary-250-200-hover:focus, .clr-primary-250-200-hover:active {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-250-200-hover:hover, .bgc-primary-250-200-hover:focus, .bgc-primary-250-200-hover:active {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-250-300 {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-250-300 {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-250-300-hover:hover, .clr-primary-250-300-hover:focus, .clr-primary-250-300-hover:active {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-250-300-hover:hover, .bgc-primary-250-300-hover:focus, .bgc-primary-250-300-hover:active {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-250-400 {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-250-400 {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-250-400-hover:hover, .clr-primary-250-400-hover:focus, .clr-primary-250-400-hover:active {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-250-400-hover:hover, .bgc-primary-250-400-hover:focus, .bgc-primary-250-400-hover:active {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-250-500 {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-250-500 {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-250-500-hover:hover, .clr-primary-250-500-hover:focus, .clr-primary-250-500-hover:active {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-250-500-hover:hover, .bgc-primary-250-500-hover:focus, .bgc-primary-250-500-hover:active {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-250-600 {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-250-600 {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-250-600-hover:hover, .clr-primary-250-600-hover:focus, .clr-primary-250-600-hover:active {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-250-600-hover:hover, .bgc-primary-250-600-hover:focus, .bgc-primary-250-600-hover:active {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-250-700 {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-250-700 {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-250-700-hover:hover, .clr-primary-250-700-hover:focus, .clr-primary-250-700-hover:active {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-250-700-hover:hover, .bgc-primary-250-700-hover:focus, .bgc-primary-250-700-hover:active {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-250-800 {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-250-800 {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-250-800-hover:hover, .clr-primary-250-800-hover:focus, .clr-primary-250-800-hover:active {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-250-800-hover:hover, .bgc-primary-250-800-hover:focus, .bgc-primary-250-800-hover:active {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-250-900 {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-250-900 {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-250-900-hover:hover, .clr-primary-250-900-hover:focus, .clr-primary-250-900-hover:active {
  color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-250-900-hover:hover, .bgc-primary-250-900-hover:focus, .bgc-primary-250-900-hover:active {
  background-color: hwb(from #00b3a9 calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-260 {
  color: #166293;
}

.bgc-primary-260 {
  background-color: #166293;
}

/********** HOVER **********/
.clr-primary-260-hover:hover, .clr-primary-260-hover:focus, .clr-primary-260-hover:active {
  color: #166293;
}

.bgc-primary-260-hover:hover, .bgc-primary-260-hover:focus, .bgc-primary-260-hover:active {
  background-color: #166293;
}

/********** SHADES/OPACITY **********/
.clr-primary-260-100 {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-260-100 {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-260-100-hover:hover, .clr-primary-260-100-hover:focus, .clr-primary-260-100-hover:active {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-260-100-hover:hover, .bgc-primary-260-100-hover:focus, .bgc-primary-260-100-hover:active {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-260-200 {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-260-200 {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-260-200-hover:hover, .clr-primary-260-200-hover:focus, .clr-primary-260-200-hover:active {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-260-200-hover:hover, .bgc-primary-260-200-hover:focus, .bgc-primary-260-200-hover:active {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-260-300 {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-260-300 {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-260-300-hover:hover, .clr-primary-260-300-hover:focus, .clr-primary-260-300-hover:active {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-260-300-hover:hover, .bgc-primary-260-300-hover:focus, .bgc-primary-260-300-hover:active {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-260-400 {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-260-400 {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-260-400-hover:hover, .clr-primary-260-400-hover:focus, .clr-primary-260-400-hover:active {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-260-400-hover:hover, .bgc-primary-260-400-hover:focus, .bgc-primary-260-400-hover:active {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-260-500 {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-260-500 {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-260-500-hover:hover, .clr-primary-260-500-hover:focus, .clr-primary-260-500-hover:active {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-260-500-hover:hover, .bgc-primary-260-500-hover:focus, .bgc-primary-260-500-hover:active {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-260-600 {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-260-600 {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-260-600-hover:hover, .clr-primary-260-600-hover:focus, .clr-primary-260-600-hover:active {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-260-600-hover:hover, .bgc-primary-260-600-hover:focus, .bgc-primary-260-600-hover:active {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-260-700 {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-260-700 {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-260-700-hover:hover, .clr-primary-260-700-hover:focus, .clr-primary-260-700-hover:active {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-260-700-hover:hover, .bgc-primary-260-700-hover:focus, .bgc-primary-260-700-hover:active {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-260-800 {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-260-800 {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-260-800-hover:hover, .clr-primary-260-800-hover:focus, .clr-primary-260-800-hover:active {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-260-800-hover:hover, .bgc-primary-260-800-hover:focus, .bgc-primary-260-800-hover:active {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-260-900 {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-260-900 {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-260-900-hover:hover, .clr-primary-260-900-hover:focus, .clr-primary-260-900-hover:active {
  color: hwb(from #166293 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-260-900-hover:hover, .bgc-primary-260-900-hover:focus, .bgc-primary-260-900-hover:active {
  background-color: hwb(from #166293 calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-270 {
  color: #1d6a9a;
}

.bgc-primary-270 {
  background-color: #1d6a9a;
}

/********** HOVER **********/
.clr-primary-270-hover:hover, .clr-primary-270-hover:focus, .clr-primary-270-hover:active {
  color: #1d6a9a;
}

.bgc-primary-270-hover:hover, .bgc-primary-270-hover:focus, .bgc-primary-270-hover:active {
  background-color: #1d6a9a;
}

/********** SHADES/OPACITY **********/
.clr-primary-270-100 {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-270-100 {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-270-100-hover:hover, .clr-primary-270-100-hover:focus, .clr-primary-270-100-hover:active {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-270-100-hover:hover, .bgc-primary-270-100-hover:focus, .bgc-primary-270-100-hover:active {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-270-200 {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-270-200 {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-270-200-hover:hover, .clr-primary-270-200-hover:focus, .clr-primary-270-200-hover:active {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-270-200-hover:hover, .bgc-primary-270-200-hover:focus, .bgc-primary-270-200-hover:active {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-270-300 {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-270-300 {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-270-300-hover:hover, .clr-primary-270-300-hover:focus, .clr-primary-270-300-hover:active {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-270-300-hover:hover, .bgc-primary-270-300-hover:focus, .bgc-primary-270-300-hover:active {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-270-400 {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-270-400 {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-270-400-hover:hover, .clr-primary-270-400-hover:focus, .clr-primary-270-400-hover:active {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-270-400-hover:hover, .bgc-primary-270-400-hover:focus, .bgc-primary-270-400-hover:active {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-270-500 {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-270-500 {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-270-500-hover:hover, .clr-primary-270-500-hover:focus, .clr-primary-270-500-hover:active {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-270-500-hover:hover, .bgc-primary-270-500-hover:focus, .bgc-primary-270-500-hover:active {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-270-600 {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-270-600 {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-270-600-hover:hover, .clr-primary-270-600-hover:focus, .clr-primary-270-600-hover:active {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-270-600-hover:hover, .bgc-primary-270-600-hover:focus, .bgc-primary-270-600-hover:active {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-270-700 {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-270-700 {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-270-700-hover:hover, .clr-primary-270-700-hover:focus, .clr-primary-270-700-hover:active {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-270-700-hover:hover, .bgc-primary-270-700-hover:focus, .bgc-primary-270-700-hover:active {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-270-800 {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-270-800 {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-270-800-hover:hover, .clr-primary-270-800-hover:focus, .clr-primary-270-800-hover:active {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-270-800-hover:hover, .bgc-primary-270-800-hover:focus, .bgc-primary-270-800-hover:active {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-270-900 {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-270-900 {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-270-900-hover:hover, .clr-primary-270-900-hover:focus, .clr-primary-270-900-hover:active {
  color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-270-900-hover:hover, .bgc-primary-270-900-hover:focus, .bgc-primary-270-900-hover:active {
  background-color: hwb(from #1d6a9a calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-280 {
  color: #0a2544;
}

.bgc-primary-280 {
  background-color: #0a2544;
}

/********** HOVER **********/
.clr-primary-280-hover:hover, .clr-primary-280-hover:focus, .clr-primary-280-hover:active {
  color: #0a2544;
}

.bgc-primary-280-hover:hover, .bgc-primary-280-hover:focus, .bgc-primary-280-hover:active {
  background-color: #0a2544;
}

/********** SHADES/OPACITY **********/
.clr-primary-280-100 {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-280-100 {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-280-100-hover:hover, .clr-primary-280-100-hover:focus, .clr-primary-280-100-hover:active {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-280-100-hover:hover, .bgc-primary-280-100-hover:focus, .bgc-primary-280-100-hover:active {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-280-200 {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-280-200 {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-280-200-hover:hover, .clr-primary-280-200-hover:focus, .clr-primary-280-200-hover:active {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-280-200-hover:hover, .bgc-primary-280-200-hover:focus, .bgc-primary-280-200-hover:active {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-280-300 {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-280-300 {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-280-300-hover:hover, .clr-primary-280-300-hover:focus, .clr-primary-280-300-hover:active {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-280-300-hover:hover, .bgc-primary-280-300-hover:focus, .bgc-primary-280-300-hover:active {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-280-400 {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-280-400 {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-280-400-hover:hover, .clr-primary-280-400-hover:focus, .clr-primary-280-400-hover:active {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-280-400-hover:hover, .bgc-primary-280-400-hover:focus, .bgc-primary-280-400-hover:active {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-280-500 {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-280-500 {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-280-500-hover:hover, .clr-primary-280-500-hover:focus, .clr-primary-280-500-hover:active {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-280-500-hover:hover, .bgc-primary-280-500-hover:focus, .bgc-primary-280-500-hover:active {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-280-600 {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-280-600 {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-280-600-hover:hover, .clr-primary-280-600-hover:focus, .clr-primary-280-600-hover:active {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-280-600-hover:hover, .bgc-primary-280-600-hover:focus, .bgc-primary-280-600-hover:active {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-280-700 {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-280-700 {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-280-700-hover:hover, .clr-primary-280-700-hover:focus, .clr-primary-280-700-hover:active {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-280-700-hover:hover, .bgc-primary-280-700-hover:focus, .bgc-primary-280-700-hover:active {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-280-800 {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-280-800 {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-280-800-hover:hover, .clr-primary-280-800-hover:focus, .clr-primary-280-800-hover:active {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-280-800-hover:hover, .bgc-primary-280-800-hover:focus, .bgc-primary-280-800-hover:active {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-280-900 {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-280-900 {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-280-900-hover:hover, .clr-primary-280-900-hover:focus, .clr-primary-280-900-hover:active {
  color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-280-900-hover:hover, .bgc-primary-280-900-hover:focus, .bgc-primary-280-900-hover:active {
  background-color: hwb(from #0a2544 calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-290 {
  color: #121F2F;
}

.bgc-primary-290 {
  background-color: #121F2F;
}

/********** HOVER **********/
.clr-primary-290-hover:hover, .clr-primary-290-hover:focus, .clr-primary-290-hover:active {
  color: #121F2F;
}

.bgc-primary-290-hover:hover, .bgc-primary-290-hover:focus, .bgc-primary-290-hover:active {
  background-color: #121F2F;
}

/********** SHADES/OPACITY **********/
.clr-primary-290-100 {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-290-100 {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-290-100-hover:hover, .clr-primary-290-100-hover:focus, .clr-primary-290-100-hover:active {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-290-100-hover:hover, .bgc-primary-290-100-hover:focus, .bgc-primary-290-100-hover:active {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-290-200 {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-290-200 {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-290-200-hover:hover, .clr-primary-290-200-hover:focus, .clr-primary-290-200-hover:active {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-290-200-hover:hover, .bgc-primary-290-200-hover:focus, .bgc-primary-290-200-hover:active {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-290-300 {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-290-300 {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-290-300-hover:hover, .clr-primary-290-300-hover:focus, .clr-primary-290-300-hover:active {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-290-300-hover:hover, .bgc-primary-290-300-hover:focus, .bgc-primary-290-300-hover:active {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-290-400 {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-290-400 {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-290-400-hover:hover, .clr-primary-290-400-hover:focus, .clr-primary-290-400-hover:active {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-290-400-hover:hover, .bgc-primary-290-400-hover:focus, .bgc-primary-290-400-hover:active {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-290-500 {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-290-500 {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-290-500-hover:hover, .clr-primary-290-500-hover:focus, .clr-primary-290-500-hover:active {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-290-500-hover:hover, .bgc-primary-290-500-hover:focus, .bgc-primary-290-500-hover:active {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-290-600 {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-290-600 {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-290-600-hover:hover, .clr-primary-290-600-hover:focus, .clr-primary-290-600-hover:active {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-290-600-hover:hover, .bgc-primary-290-600-hover:focus, .bgc-primary-290-600-hover:active {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-290-700 {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-290-700 {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-290-700-hover:hover, .clr-primary-290-700-hover:focus, .clr-primary-290-700-hover:active {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-290-700-hover:hover, .bgc-primary-290-700-hover:focus, .bgc-primary-290-700-hover:active {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-290-800 {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-290-800 {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-290-800-hover:hover, .clr-primary-290-800-hover:focus, .clr-primary-290-800-hover:active {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-290-800-hover:hover, .bgc-primary-290-800-hover:focus, .bgc-primary-290-800-hover:active {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-290-900 {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-290-900 {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-290-900-hover:hover, .clr-primary-290-900-hover:focus, .clr-primary-290-900-hover:active {
  color: hwb(from #121F2F calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-290-900-hover:hover, .bgc-primary-290-900-hover:focus, .bgc-primary-290-900-hover:active {
  background-color: hwb(from #121F2F calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-295 {
  color: rgba(46, 91, 255, 0.0784313725);
}

.bgc-primary-295 {
  background-color: rgba(46, 91, 255, 0.0784313725);
}

/********** HOVER **********/
.clr-primary-295-hover:hover, .clr-primary-295-hover:focus, .clr-primary-295-hover:active {
  color: rgba(46, 91, 255, 0.0784313725);
}

.bgc-primary-295-hover:hover, .bgc-primary-295-hover:focus, .bgc-primary-295-hover:active {
  background-color: rgba(46, 91, 255, 0.0784313725);
}

/********** SHADES/OPACITY **********/
.clr-primary-295-100 {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-295-100 {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-295-100-hover:hover, .clr-primary-295-100-hover:focus, .clr-primary-295-100-hover:active {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-295-100-hover:hover, .bgc-primary-295-100-hover:focus, .bgc-primary-295-100-hover:active {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-295-200 {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-295-200 {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-295-200-hover:hover, .clr-primary-295-200-hover:focus, .clr-primary-295-200-hover:active {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-295-200-hover:hover, .bgc-primary-295-200-hover:focus, .bgc-primary-295-200-hover:active {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-295-300 {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-295-300 {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-295-300-hover:hover, .clr-primary-295-300-hover:focus, .clr-primary-295-300-hover:active {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-295-300-hover:hover, .bgc-primary-295-300-hover:focus, .bgc-primary-295-300-hover:active {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-295-400 {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-295-400 {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-295-400-hover:hover, .clr-primary-295-400-hover:focus, .clr-primary-295-400-hover:active {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-295-400-hover:hover, .bgc-primary-295-400-hover:focus, .bgc-primary-295-400-hover:active {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-295-500 {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-295-500 {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-295-500-hover:hover, .clr-primary-295-500-hover:focus, .clr-primary-295-500-hover:active {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-295-500-hover:hover, .bgc-primary-295-500-hover:focus, .bgc-primary-295-500-hover:active {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-295-600 {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-295-600 {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-295-600-hover:hover, .clr-primary-295-600-hover:focus, .clr-primary-295-600-hover:active {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-295-600-hover:hover, .bgc-primary-295-600-hover:focus, .bgc-primary-295-600-hover:active {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-295-700 {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-295-700 {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-295-700-hover:hover, .clr-primary-295-700-hover:focus, .clr-primary-295-700-hover:active {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-295-700-hover:hover, .bgc-primary-295-700-hover:focus, .bgc-primary-295-700-hover:active {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-295-800 {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-295-800 {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-295-800-hover:hover, .clr-primary-295-800-hover:focus, .clr-primary-295-800-hover:active {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-295-800-hover:hover, .bgc-primary-295-800-hover:focus, .bgc-primary-295-800-hover:active {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-295-900 {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-295-900 {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-295-900-hover:hover, .clr-primary-295-900-hover:focus, .clr-primary-295-900-hover:active {
  color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-295-900-hover:hover, .bgc-primary-295-900-hover:focus, .bgc-primary-295-900-hover:active {
  background-color: hwb(from rgba(46, 91, 255, 0.0784313725) calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-300 {
  color: #EEF2FF;
}

.bgc-primary-300 {
  background-color: #EEF2FF;
}

/********** HOVER **********/
.clr-primary-300-hover:hover, .clr-primary-300-hover:focus, .clr-primary-300-hover:active {
  color: #EEF2FF;
}

.bgc-primary-300-hover:hover, .bgc-primary-300-hover:focus, .bgc-primary-300-hover:active {
  background-color: #EEF2FF;
}

/********** SHADES/OPACITY **********/
.clr-primary-300-100 {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-300-100 {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-300-100-hover:hover, .clr-primary-300-100-hover:focus, .clr-primary-300-100-hover:active {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-300-100-hover:hover, .bgc-primary-300-100-hover:focus, .bgc-primary-300-100-hover:active {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-300-200 {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-300-200 {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-300-200-hover:hover, .clr-primary-300-200-hover:focus, .clr-primary-300-200-hover:active {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-300-200-hover:hover, .bgc-primary-300-200-hover:focus, .bgc-primary-300-200-hover:active {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-300-300 {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-300-300 {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-300-300-hover:hover, .clr-primary-300-300-hover:focus, .clr-primary-300-300-hover:active {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-300-300-hover:hover, .bgc-primary-300-300-hover:focus, .bgc-primary-300-300-hover:active {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-300-400 {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-300-400 {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-300-400-hover:hover, .clr-primary-300-400-hover:focus, .clr-primary-300-400-hover:active {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-300-400-hover:hover, .bgc-primary-300-400-hover:focus, .bgc-primary-300-400-hover:active {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-300-500 {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-300-500 {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-300-500-hover:hover, .clr-primary-300-500-hover:focus, .clr-primary-300-500-hover:active {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-300-500-hover:hover, .bgc-primary-300-500-hover:focus, .bgc-primary-300-500-hover:active {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-300-600 {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-300-600 {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-300-600-hover:hover, .clr-primary-300-600-hover:focus, .clr-primary-300-600-hover:active {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-300-600-hover:hover, .bgc-primary-300-600-hover:focus, .bgc-primary-300-600-hover:active {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-300-700 {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-300-700 {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-300-700-hover:hover, .clr-primary-300-700-hover:focus, .clr-primary-300-700-hover:active {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-300-700-hover:hover, .bgc-primary-300-700-hover:focus, .bgc-primary-300-700-hover:active {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-300-800 {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-300-800 {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-300-800-hover:hover, .clr-primary-300-800-hover:focus, .clr-primary-300-800-hover:active {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-300-800-hover:hover, .bgc-primary-300-800-hover:focus, .bgc-primary-300-800-hover:active {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-300-900 {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-300-900 {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-300-900-hover:hover, .clr-primary-300-900-hover:focus, .clr-primary-300-900-hover:active {
  color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-300-900-hover:hover, .bgc-primary-300-900-hover:focus, .bgc-primary-300-900-hover:active {
  background-color: hwb(from #EEF2FF calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-400 {
  color: #748599;
}

.bgc-primary-400 {
  background-color: #748599;
}

/********** HOVER **********/
.clr-primary-400-hover:hover, .clr-primary-400-hover:focus, .clr-primary-400-hover:active {
  color: #748599;
}

.bgc-primary-400-hover:hover, .bgc-primary-400-hover:focus, .bgc-primary-400-hover:active {
  background-color: #748599;
}

/********** SHADES/OPACITY **********/
.clr-primary-400-100 {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-400-100 {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-400-100-hover:hover, .clr-primary-400-100-hover:focus, .clr-primary-400-100-hover:active {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-400-100-hover:hover, .bgc-primary-400-100-hover:focus, .bgc-primary-400-100-hover:active {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-400-200 {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-400-200 {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-400-200-hover:hover, .clr-primary-400-200-hover:focus, .clr-primary-400-200-hover:active {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-400-200-hover:hover, .bgc-primary-400-200-hover:focus, .bgc-primary-400-200-hover:active {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-400-300 {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-400-300 {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-400-300-hover:hover, .clr-primary-400-300-hover:focus, .clr-primary-400-300-hover:active {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-400-300-hover:hover, .bgc-primary-400-300-hover:focus, .bgc-primary-400-300-hover:active {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-400-400 {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-400-400 {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-400-400-hover:hover, .clr-primary-400-400-hover:focus, .clr-primary-400-400-hover:active {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-400-400-hover:hover, .bgc-primary-400-400-hover:focus, .bgc-primary-400-400-hover:active {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-400-500 {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-400-500 {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-400-500-hover:hover, .clr-primary-400-500-hover:focus, .clr-primary-400-500-hover:active {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-400-500-hover:hover, .bgc-primary-400-500-hover:focus, .bgc-primary-400-500-hover:active {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-400-600 {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-400-600 {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-400-600-hover:hover, .clr-primary-400-600-hover:focus, .clr-primary-400-600-hover:active {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-400-600-hover:hover, .bgc-primary-400-600-hover:focus, .bgc-primary-400-600-hover:active {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-400-700 {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-400-700 {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-400-700-hover:hover, .clr-primary-400-700-hover:focus, .clr-primary-400-700-hover:active {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-400-700-hover:hover, .bgc-primary-400-700-hover:focus, .bgc-primary-400-700-hover:active {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-400-800 {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-400-800 {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-400-800-hover:hover, .clr-primary-400-800-hover:focus, .clr-primary-400-800-hover:active {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-400-800-hover:hover, .bgc-primary-400-800-hover:focus, .bgc-primary-400-800-hover:active {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-400-900 {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-400-900 {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-400-900-hover:hover, .clr-primary-400-900-hover:focus, .clr-primary-400-900-hover:active {
  color: hwb(from #748599 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-400-900-hover:hover, .bgc-primary-400-900-hover:focus, .bgc-primary-400-900-hover:active {
  background-color: hwb(from #748599 calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-500 {
  color: #29A85F;
}

.bgc-primary-500 {
  background-color: #29A85F;
}

/********** HOVER **********/
.clr-primary-500-hover:hover, .clr-primary-500-hover:focus, .clr-primary-500-hover:active {
  color: #29A85F;
}

.bgc-primary-500-hover:hover, .bgc-primary-500-hover:focus, .bgc-primary-500-hover:active {
  background-color: #29A85F;
}

/********** SHADES/OPACITY **********/
.clr-primary-500-100 {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-500-100 {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-500-100-hover:hover, .clr-primary-500-100-hover:focus, .clr-primary-500-100-hover:active {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-500-100-hover:hover, .bgc-primary-500-100-hover:focus, .bgc-primary-500-100-hover:active {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-500-200 {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-500-200 {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-500-200-hover:hover, .clr-primary-500-200-hover:focus, .clr-primary-500-200-hover:active {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-500-200-hover:hover, .bgc-primary-500-200-hover:focus, .bgc-primary-500-200-hover:active {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-500-300 {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-500-300 {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-500-300-hover:hover, .clr-primary-500-300-hover:focus, .clr-primary-500-300-hover:active {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-500-300-hover:hover, .bgc-primary-500-300-hover:focus, .bgc-primary-500-300-hover:active {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-500-400 {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-500-400 {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-500-400-hover:hover, .clr-primary-500-400-hover:focus, .clr-primary-500-400-hover:active {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-500-400-hover:hover, .bgc-primary-500-400-hover:focus, .bgc-primary-500-400-hover:active {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-500-500 {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-500-500 {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-500-500-hover:hover, .clr-primary-500-500-hover:focus, .clr-primary-500-500-hover:active {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-500-500-hover:hover, .bgc-primary-500-500-hover:focus, .bgc-primary-500-500-hover:active {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-500-600 {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-500-600 {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-500-600-hover:hover, .clr-primary-500-600-hover:focus, .clr-primary-500-600-hover:active {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-500-600-hover:hover, .bgc-primary-500-600-hover:focus, .bgc-primary-500-600-hover:active {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-500-700 {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-500-700 {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-500-700-hover:hover, .clr-primary-500-700-hover:focus, .clr-primary-500-700-hover:active {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-500-700-hover:hover, .bgc-primary-500-700-hover:focus, .bgc-primary-500-700-hover:active {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-500-800 {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-500-800 {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-500-800-hover:hover, .clr-primary-500-800-hover:focus, .clr-primary-500-800-hover:active {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-500-800-hover:hover, .bgc-primary-500-800-hover:focus, .bgc-primary-500-800-hover:active {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-500-900 {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-500-900 {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-500-900-hover:hover, .clr-primary-500-900-hover:focus, .clr-primary-500-900-hover:active {
  color: hwb(from #29A85F calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-500-900-hover:hover, .bgc-primary-500-900-hover:focus, .bgc-primary-500-900-hover:active {
  background-color: hwb(from #29A85F calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-600 {
  color: #ffffff;
}

.bgc-primary-600 {
  background-color: #ffffff;
}

/********** HOVER **********/
.clr-primary-600-hover:hover, .clr-primary-600-hover:focus, .clr-primary-600-hover:active {
  color: #ffffff;
}

.bgc-primary-600-hover:hover, .bgc-primary-600-hover:focus, .bgc-primary-600-hover:active {
  background-color: #ffffff;
}

/********** SHADES/OPACITY **********/
.clr-primary-600-100 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-600-100 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-600-100-hover:hover, .clr-primary-600-100-hover:focus, .clr-primary-600-100-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-600-100-hover:hover, .bgc-primary-600-100-hover:focus, .bgc-primary-600-100-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-600-200 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-600-200 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-600-200-hover:hover, .clr-primary-600-200-hover:focus, .clr-primary-600-200-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-600-200-hover:hover, .bgc-primary-600-200-hover:focus, .bgc-primary-600-200-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-600-300 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-600-300 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-600-300-hover:hover, .clr-primary-600-300-hover:focus, .clr-primary-600-300-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-600-300-hover:hover, .bgc-primary-600-300-hover:focus, .bgc-primary-600-300-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-600-400 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-600-400 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-600-400-hover:hover, .clr-primary-600-400-hover:focus, .clr-primary-600-400-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-600-400-hover:hover, .bgc-primary-600-400-hover:focus, .bgc-primary-600-400-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-600-500 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-600-500 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-600-500-hover:hover, .clr-primary-600-500-hover:focus, .clr-primary-600-500-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-600-500-hover:hover, .bgc-primary-600-500-hover:focus, .bgc-primary-600-500-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-600-600 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-600-600 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-600-600-hover:hover, .clr-primary-600-600-hover:focus, .clr-primary-600-600-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-600-600-hover:hover, .bgc-primary-600-600-hover:focus, .bgc-primary-600-600-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-600-700 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-600-700 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-600-700-hover:hover, .clr-primary-600-700-hover:focus, .clr-primary-600-700-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-600-700-hover:hover, .bgc-primary-600-700-hover:focus, .bgc-primary-600-700-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-600-800 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-600-800 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-600-800-hover:hover, .clr-primary-600-800-hover:focus, .clr-primary-600-800-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-600-800-hover:hover, .bgc-primary-600-800-hover:focus, .bgc-primary-600-800-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-600-900 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-600-900 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-600-900-hover:hover, .clr-primary-600-900-hover:focus, .clr-primary-600-900-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-600-900-hover:hover, .bgc-primary-600-900-hover:focus, .bgc-primary-600-900-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-630 {
  color: #F5CD3B;
}

.bgc-primary-630 {
  background-color: #F5CD3B;
}

/********** HOVER **********/
.clr-primary-630-hover:hover, .clr-primary-630-hover:focus, .clr-primary-630-hover:active {
  color: #F5CD3B;
}

.bgc-primary-630-hover:hover, .bgc-primary-630-hover:focus, .bgc-primary-630-hover:active {
  background-color: #F5CD3B;
}

/********** SHADES/OPACITY **********/
.clr-primary-630-100 {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-630-100 {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-630-100-hover:hover, .clr-primary-630-100-hover:focus, .clr-primary-630-100-hover:active {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-630-100-hover:hover, .bgc-primary-630-100-hover:focus, .bgc-primary-630-100-hover:active {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-630-200 {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-630-200 {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-630-200-hover:hover, .clr-primary-630-200-hover:focus, .clr-primary-630-200-hover:active {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-630-200-hover:hover, .bgc-primary-630-200-hover:focus, .bgc-primary-630-200-hover:active {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-630-300 {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-630-300 {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-630-300-hover:hover, .clr-primary-630-300-hover:focus, .clr-primary-630-300-hover:active {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-630-300-hover:hover, .bgc-primary-630-300-hover:focus, .bgc-primary-630-300-hover:active {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-630-400 {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-630-400 {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-630-400-hover:hover, .clr-primary-630-400-hover:focus, .clr-primary-630-400-hover:active {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-630-400-hover:hover, .bgc-primary-630-400-hover:focus, .bgc-primary-630-400-hover:active {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-630-500 {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-630-500 {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-630-500-hover:hover, .clr-primary-630-500-hover:focus, .clr-primary-630-500-hover:active {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-630-500-hover:hover, .bgc-primary-630-500-hover:focus, .bgc-primary-630-500-hover:active {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-630-600 {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-630-600 {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-630-600-hover:hover, .clr-primary-630-600-hover:focus, .clr-primary-630-600-hover:active {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-630-600-hover:hover, .bgc-primary-630-600-hover:focus, .bgc-primary-630-600-hover:active {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-630-700 {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-630-700 {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-630-700-hover:hover, .clr-primary-630-700-hover:focus, .clr-primary-630-700-hover:active {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-630-700-hover:hover, .bgc-primary-630-700-hover:focus, .bgc-primary-630-700-hover:active {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-630-800 {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-630-800 {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-630-800-hover:hover, .clr-primary-630-800-hover:focus, .clr-primary-630-800-hover:active {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-630-800-hover:hover, .bgc-primary-630-800-hover:focus, .bgc-primary-630-800-hover:active {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-630-900 {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-630-900 {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-630-900-hover:hover, .clr-primary-630-900-hover:focus, .clr-primary-630-900-hover:active {
  color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-630-900-hover:hover, .bgc-primary-630-900-hover:focus, .bgc-primary-630-900-hover:active {
  background-color: hwb(from #F5CD3B calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-650 {
  color: #FF9E1D;
}

.bgc-primary-650 {
  background-color: #FF9E1D;
}

/********** HOVER **********/
.clr-primary-650-hover:hover, .clr-primary-650-hover:focus, .clr-primary-650-hover:active {
  color: #FF9E1D;
}

.bgc-primary-650-hover:hover, .bgc-primary-650-hover:focus, .bgc-primary-650-hover:active {
  background-color: #FF9E1D;
}

/********** SHADES/OPACITY **********/
.clr-primary-650-100 {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-650-100 {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-650-100-hover:hover, .clr-primary-650-100-hover:focus, .clr-primary-650-100-hover:active {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-650-100-hover:hover, .bgc-primary-650-100-hover:focus, .bgc-primary-650-100-hover:active {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-650-200 {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-650-200 {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-650-200-hover:hover, .clr-primary-650-200-hover:focus, .clr-primary-650-200-hover:active {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-650-200-hover:hover, .bgc-primary-650-200-hover:focus, .bgc-primary-650-200-hover:active {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-650-300 {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-650-300 {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-650-300-hover:hover, .clr-primary-650-300-hover:focus, .clr-primary-650-300-hover:active {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-650-300-hover:hover, .bgc-primary-650-300-hover:focus, .bgc-primary-650-300-hover:active {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-650-400 {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-650-400 {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-650-400-hover:hover, .clr-primary-650-400-hover:focus, .clr-primary-650-400-hover:active {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-650-400-hover:hover, .bgc-primary-650-400-hover:focus, .bgc-primary-650-400-hover:active {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-650-500 {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-650-500 {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-650-500-hover:hover, .clr-primary-650-500-hover:focus, .clr-primary-650-500-hover:active {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-650-500-hover:hover, .bgc-primary-650-500-hover:focus, .bgc-primary-650-500-hover:active {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-650-600 {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-650-600 {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-650-600-hover:hover, .clr-primary-650-600-hover:focus, .clr-primary-650-600-hover:active {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-650-600-hover:hover, .bgc-primary-650-600-hover:focus, .bgc-primary-650-600-hover:active {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-650-700 {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-650-700 {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-650-700-hover:hover, .clr-primary-650-700-hover:focus, .clr-primary-650-700-hover:active {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-650-700-hover:hover, .bgc-primary-650-700-hover:focus, .bgc-primary-650-700-hover:active {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-650-800 {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-650-800 {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-650-800-hover:hover, .clr-primary-650-800-hover:focus, .clr-primary-650-800-hover:active {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-650-800-hover:hover, .bgc-primary-650-800-hover:focus, .bgc-primary-650-800-hover:active {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-650-900 {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-650-900 {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-650-900-hover:hover, .clr-primary-650-900-hover:focus, .clr-primary-650-900-hover:active {
  color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-650-900-hover:hover, .bgc-primary-650-900-hover:focus, .bgc-primary-650-900-hover:active {
  background-color: hwb(from #FF9E1D calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-680 {
  color: #FFA329;
}

.bgc-primary-680 {
  background-color: #FFA329;
}

/********** HOVER **********/
.clr-primary-680-hover:hover, .clr-primary-680-hover:focus, .clr-primary-680-hover:active {
  color: #FFA329;
}

.bgc-primary-680-hover:hover, .bgc-primary-680-hover:focus, .bgc-primary-680-hover:active {
  background-color: #FFA329;
}

/********** SHADES/OPACITY **********/
.clr-primary-680-100 {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-680-100 {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-680-100-hover:hover, .clr-primary-680-100-hover:focus, .clr-primary-680-100-hover:active {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-680-100-hover:hover, .bgc-primary-680-100-hover:focus, .bgc-primary-680-100-hover:active {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-680-200 {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-680-200 {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-680-200-hover:hover, .clr-primary-680-200-hover:focus, .clr-primary-680-200-hover:active {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-680-200-hover:hover, .bgc-primary-680-200-hover:focus, .bgc-primary-680-200-hover:active {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-680-300 {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-680-300 {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-680-300-hover:hover, .clr-primary-680-300-hover:focus, .clr-primary-680-300-hover:active {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-680-300-hover:hover, .bgc-primary-680-300-hover:focus, .bgc-primary-680-300-hover:active {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-680-400 {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-680-400 {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-680-400-hover:hover, .clr-primary-680-400-hover:focus, .clr-primary-680-400-hover:active {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-680-400-hover:hover, .bgc-primary-680-400-hover:focus, .bgc-primary-680-400-hover:active {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-680-500 {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-680-500 {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-680-500-hover:hover, .clr-primary-680-500-hover:focus, .clr-primary-680-500-hover:active {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-680-500-hover:hover, .bgc-primary-680-500-hover:focus, .bgc-primary-680-500-hover:active {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-680-600 {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-680-600 {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-680-600-hover:hover, .clr-primary-680-600-hover:focus, .clr-primary-680-600-hover:active {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-680-600-hover:hover, .bgc-primary-680-600-hover:focus, .bgc-primary-680-600-hover:active {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-680-700 {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-680-700 {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-680-700-hover:hover, .clr-primary-680-700-hover:focus, .clr-primary-680-700-hover:active {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-680-700-hover:hover, .bgc-primary-680-700-hover:focus, .bgc-primary-680-700-hover:active {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-680-800 {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-680-800 {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-680-800-hover:hover, .clr-primary-680-800-hover:focus, .clr-primary-680-800-hover:active {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-680-800-hover:hover, .bgc-primary-680-800-hover:focus, .bgc-primary-680-800-hover:active {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-680-900 {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-680-900 {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-680-900-hover:hover, .clr-primary-680-900-hover:focus, .clr-primary-680-900-hover:active {
  color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-680-900-hover:hover, .bgc-primary-680-900-hover:focus, .bgc-primary-680-900-hover:active {
  background-color: hwb(from #FFA329 calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-690 {
  color: #FFBB29;
}

.bgc-primary-690 {
  background-color: #FFBB29;
}

/********** HOVER **********/
.clr-primary-690-hover:hover, .clr-primary-690-hover:focus, .clr-primary-690-hover:active {
  color: #FFBB29;
}

.bgc-primary-690-hover:hover, .bgc-primary-690-hover:focus, .bgc-primary-690-hover:active {
  background-color: #FFBB29;
}

/********** SHADES/OPACITY **********/
.clr-primary-690-100 {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-690-100 {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-690-100-hover:hover, .clr-primary-690-100-hover:focus, .clr-primary-690-100-hover:active {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-690-100-hover:hover, .bgc-primary-690-100-hover:focus, .bgc-primary-690-100-hover:active {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-690-200 {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-690-200 {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-690-200-hover:hover, .clr-primary-690-200-hover:focus, .clr-primary-690-200-hover:active {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-690-200-hover:hover, .bgc-primary-690-200-hover:focus, .bgc-primary-690-200-hover:active {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-690-300 {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-690-300 {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-690-300-hover:hover, .clr-primary-690-300-hover:focus, .clr-primary-690-300-hover:active {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-690-300-hover:hover, .bgc-primary-690-300-hover:focus, .bgc-primary-690-300-hover:active {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-690-400 {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-690-400 {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-690-400-hover:hover, .clr-primary-690-400-hover:focus, .clr-primary-690-400-hover:active {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-690-400-hover:hover, .bgc-primary-690-400-hover:focus, .bgc-primary-690-400-hover:active {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-690-500 {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-690-500 {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-690-500-hover:hover, .clr-primary-690-500-hover:focus, .clr-primary-690-500-hover:active {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-690-500-hover:hover, .bgc-primary-690-500-hover:focus, .bgc-primary-690-500-hover:active {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-690-600 {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-690-600 {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-690-600-hover:hover, .clr-primary-690-600-hover:focus, .clr-primary-690-600-hover:active {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-690-600-hover:hover, .bgc-primary-690-600-hover:focus, .bgc-primary-690-600-hover:active {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-690-700 {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-690-700 {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-690-700-hover:hover, .clr-primary-690-700-hover:focus, .clr-primary-690-700-hover:active {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-690-700-hover:hover, .bgc-primary-690-700-hover:focus, .bgc-primary-690-700-hover:active {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-690-800 {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-690-800 {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-690-800-hover:hover, .clr-primary-690-800-hover:focus, .clr-primary-690-800-hover:active {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-690-800-hover:hover, .bgc-primary-690-800-hover:focus, .bgc-primary-690-800-hover:active {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-690-900 {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-690-900 {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-690-900-hover:hover, .clr-primary-690-900-hover:focus, .clr-primary-690-900-hover:active {
  color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-690-900-hover:hover, .bgc-primary-690-900-hover:focus, .bgc-primary-690-900-hover:active {
  background-color: hwb(from #FFBB29 calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-700 {
  color: #FD671A;
}

.bgc-primary-700 {
  background-color: #FD671A;
}

/********** HOVER **********/
.clr-primary-700-hover:hover, .clr-primary-700-hover:focus, .clr-primary-700-hover:active {
  color: #FD671A;
}

.bgc-primary-700-hover:hover, .bgc-primary-700-hover:focus, .bgc-primary-700-hover:active {
  background-color: #FD671A;
}

/********** SHADES/OPACITY **********/
.clr-primary-700-100 {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-700-100 {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-700-100-hover:hover, .clr-primary-700-100-hover:focus, .clr-primary-700-100-hover:active {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-700-100-hover:hover, .bgc-primary-700-100-hover:focus, .bgc-primary-700-100-hover:active {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-700-200 {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-700-200 {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-700-200-hover:hover, .clr-primary-700-200-hover:focus, .clr-primary-700-200-hover:active {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-700-200-hover:hover, .bgc-primary-700-200-hover:focus, .bgc-primary-700-200-hover:active {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-700-300 {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-700-300 {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-700-300-hover:hover, .clr-primary-700-300-hover:focus, .clr-primary-700-300-hover:active {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-700-300-hover:hover, .bgc-primary-700-300-hover:focus, .bgc-primary-700-300-hover:active {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-700-400 {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-700-400 {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-700-400-hover:hover, .clr-primary-700-400-hover:focus, .clr-primary-700-400-hover:active {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-700-400-hover:hover, .bgc-primary-700-400-hover:focus, .bgc-primary-700-400-hover:active {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-700-500 {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-700-500 {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-700-500-hover:hover, .clr-primary-700-500-hover:focus, .clr-primary-700-500-hover:active {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-700-500-hover:hover, .bgc-primary-700-500-hover:focus, .bgc-primary-700-500-hover:active {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-700-600 {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-700-600 {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-700-600-hover:hover, .clr-primary-700-600-hover:focus, .clr-primary-700-600-hover:active {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-700-600-hover:hover, .bgc-primary-700-600-hover:focus, .bgc-primary-700-600-hover:active {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-700-700 {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-700-700 {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-700-700-hover:hover, .clr-primary-700-700-hover:focus, .clr-primary-700-700-hover:active {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-700-700-hover:hover, .bgc-primary-700-700-hover:focus, .bgc-primary-700-700-hover:active {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-700-800 {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-700-800 {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-700-800-hover:hover, .clr-primary-700-800-hover:focus, .clr-primary-700-800-hover:active {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-700-800-hover:hover, .bgc-primary-700-800-hover:focus, .bgc-primary-700-800-hover:active {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-700-900 {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-700-900 {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-700-900-hover:hover, .clr-primary-700-900-hover:focus, .clr-primary-700-900-hover:active {
  color: hwb(from #FD671A calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-700-900-hover:hover, .bgc-primary-700-900-hover:focus, .bgc-primary-700-900-hover:active {
  background-color: hwb(from #FD671A calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-750 {
  color: #FF5722;
}

.bgc-primary-750 {
  background-color: #FF5722;
}

/********** HOVER **********/
.clr-primary-750-hover:hover, .clr-primary-750-hover:focus, .clr-primary-750-hover:active {
  color: #FF5722;
}

.bgc-primary-750-hover:hover, .bgc-primary-750-hover:focus, .bgc-primary-750-hover:active {
  background-color: #FF5722;
}

/********** SHADES/OPACITY **********/
.clr-primary-750-100 {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-750-100 {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-750-100-hover:hover, .clr-primary-750-100-hover:focus, .clr-primary-750-100-hover:active {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-750-100-hover:hover, .bgc-primary-750-100-hover:focus, .bgc-primary-750-100-hover:active {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-750-200 {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-750-200 {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-750-200-hover:hover, .clr-primary-750-200-hover:focus, .clr-primary-750-200-hover:active {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-750-200-hover:hover, .bgc-primary-750-200-hover:focus, .bgc-primary-750-200-hover:active {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-750-300 {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-750-300 {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-750-300-hover:hover, .clr-primary-750-300-hover:focus, .clr-primary-750-300-hover:active {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-750-300-hover:hover, .bgc-primary-750-300-hover:focus, .bgc-primary-750-300-hover:active {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-750-400 {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-750-400 {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-750-400-hover:hover, .clr-primary-750-400-hover:focus, .clr-primary-750-400-hover:active {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-750-400-hover:hover, .bgc-primary-750-400-hover:focus, .bgc-primary-750-400-hover:active {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-750-500 {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-750-500 {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-750-500-hover:hover, .clr-primary-750-500-hover:focus, .clr-primary-750-500-hover:active {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-750-500-hover:hover, .bgc-primary-750-500-hover:focus, .bgc-primary-750-500-hover:active {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-750-600 {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-750-600 {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-750-600-hover:hover, .clr-primary-750-600-hover:focus, .clr-primary-750-600-hover:active {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-750-600-hover:hover, .bgc-primary-750-600-hover:focus, .bgc-primary-750-600-hover:active {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-750-700 {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-750-700 {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-750-700-hover:hover, .clr-primary-750-700-hover:focus, .clr-primary-750-700-hover:active {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-750-700-hover:hover, .bgc-primary-750-700-hover:focus, .bgc-primary-750-700-hover:active {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-750-800 {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-750-800 {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-750-800-hover:hover, .clr-primary-750-800-hover:focus, .clr-primary-750-800-hover:active {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-750-800-hover:hover, .bgc-primary-750-800-hover:focus, .bgc-primary-750-800-hover:active {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-750-900 {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-750-900 {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-750-900-hover:hover, .clr-primary-750-900-hover:focus, .clr-primary-750-900-hover:active {
  color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-750-900-hover:hover, .bgc-primary-750-900-hover:focus, .bgc-primary-750-900-hover:active {
  background-color: hwb(from #FF5722 calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-780 {
  color: #D62F61;
}

.bgc-primary-780 {
  background-color: #D62F61;
}

/********** HOVER **********/
.clr-primary-780-hover:hover, .clr-primary-780-hover:focus, .clr-primary-780-hover:active {
  color: #D62F61;
}

.bgc-primary-780-hover:hover, .bgc-primary-780-hover:focus, .bgc-primary-780-hover:active {
  background-color: #D62F61;
}

/********** SHADES/OPACITY **********/
.clr-primary-780-100 {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-780-100 {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-780-100-hover:hover, .clr-primary-780-100-hover:focus, .clr-primary-780-100-hover:active {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-780-100-hover:hover, .bgc-primary-780-100-hover:focus, .bgc-primary-780-100-hover:active {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-780-200 {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-780-200 {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-780-200-hover:hover, .clr-primary-780-200-hover:focus, .clr-primary-780-200-hover:active {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-780-200-hover:hover, .bgc-primary-780-200-hover:focus, .bgc-primary-780-200-hover:active {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-780-300 {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-780-300 {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-780-300-hover:hover, .clr-primary-780-300-hover:focus, .clr-primary-780-300-hover:active {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-780-300-hover:hover, .bgc-primary-780-300-hover:focus, .bgc-primary-780-300-hover:active {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-780-400 {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-780-400 {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-780-400-hover:hover, .clr-primary-780-400-hover:focus, .clr-primary-780-400-hover:active {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-780-400-hover:hover, .bgc-primary-780-400-hover:focus, .bgc-primary-780-400-hover:active {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-780-500 {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-780-500 {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-780-500-hover:hover, .clr-primary-780-500-hover:focus, .clr-primary-780-500-hover:active {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-780-500-hover:hover, .bgc-primary-780-500-hover:focus, .bgc-primary-780-500-hover:active {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-780-600 {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-780-600 {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-780-600-hover:hover, .clr-primary-780-600-hover:focus, .clr-primary-780-600-hover:active {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-780-600-hover:hover, .bgc-primary-780-600-hover:focus, .bgc-primary-780-600-hover:active {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-780-700 {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-780-700 {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-780-700-hover:hover, .clr-primary-780-700-hover:focus, .clr-primary-780-700-hover:active {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-780-700-hover:hover, .bgc-primary-780-700-hover:focus, .bgc-primary-780-700-hover:active {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-780-800 {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-780-800 {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-780-800-hover:hover, .clr-primary-780-800-hover:focus, .clr-primary-780-800-hover:active {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-780-800-hover:hover, .bgc-primary-780-800-hover:focus, .bgc-primary-780-800-hover:active {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-780-900 {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-780-900 {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-780-900-hover:hover, .clr-primary-780-900-hover:focus, .clr-primary-780-900-hover:active {
  color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-780-900-hover:hover, .bgc-primary-780-900-hover:focus, .bgc-primary-780-900-hover:active {
  background-color: hwb(from #D62F61 calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-800 {
  color: #D13539;
}

.bgc-primary-800 {
  background-color: #D13539;
}

/********** HOVER **********/
.clr-primary-800-hover:hover, .clr-primary-800-hover:focus, .clr-primary-800-hover:active {
  color: #D13539;
}

.bgc-primary-800-hover:hover, .bgc-primary-800-hover:focus, .bgc-primary-800-hover:active {
  background-color: #D13539;
}

/********** SHADES/OPACITY **********/
.clr-primary-800-100 {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-800-100 {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-800-100-hover:hover, .clr-primary-800-100-hover:focus, .clr-primary-800-100-hover:active {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-800-100-hover:hover, .bgc-primary-800-100-hover:focus, .bgc-primary-800-100-hover:active {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-800-200 {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-800-200 {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-800-200-hover:hover, .clr-primary-800-200-hover:focus, .clr-primary-800-200-hover:active {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-800-200-hover:hover, .bgc-primary-800-200-hover:focus, .bgc-primary-800-200-hover:active {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-800-300 {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-800-300 {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-800-300-hover:hover, .clr-primary-800-300-hover:focus, .clr-primary-800-300-hover:active {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-800-300-hover:hover, .bgc-primary-800-300-hover:focus, .bgc-primary-800-300-hover:active {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-800-400 {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-800-400 {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-800-400-hover:hover, .clr-primary-800-400-hover:focus, .clr-primary-800-400-hover:active {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-800-400-hover:hover, .bgc-primary-800-400-hover:focus, .bgc-primary-800-400-hover:active {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-800-500 {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-800-500 {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-800-500-hover:hover, .clr-primary-800-500-hover:focus, .clr-primary-800-500-hover:active {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-800-500-hover:hover, .bgc-primary-800-500-hover:focus, .bgc-primary-800-500-hover:active {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-800-600 {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-800-600 {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-800-600-hover:hover, .clr-primary-800-600-hover:focus, .clr-primary-800-600-hover:active {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-800-600-hover:hover, .bgc-primary-800-600-hover:focus, .bgc-primary-800-600-hover:active {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-800-700 {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-800-700 {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-800-700-hover:hover, .clr-primary-800-700-hover:focus, .clr-primary-800-700-hover:active {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-800-700-hover:hover, .bgc-primary-800-700-hover:focus, .bgc-primary-800-700-hover:active {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-800-800 {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-800-800 {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-800-800-hover:hover, .clr-primary-800-800-hover:focus, .clr-primary-800-800-hover:active {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-800-800-hover:hover, .bgc-primary-800-800-hover:focus, .bgc-primary-800-800-hover:active {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-800-900 {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-800-900 {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-800-900-hover:hover, .clr-primary-800-900-hover:focus, .clr-primary-800-900-hover:active {
  color: hwb(from #D13539 calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-800-900-hover:hover, .bgc-primary-800-900-hover:focus, .bgc-primary-800-900-hover:active {
  background-color: hwb(from #D13539 calc(h) calc(w) calc(b) / 90%);
}

.clr-primary-900 {
  color: #ffffff;
}

.bgc-primary-900 {
  background-color: #ffffff;
}

/********** HOVER **********/
.clr-primary-900-hover:hover, .clr-primary-900-hover:focus, .clr-primary-900-hover:active {
  color: #ffffff;
}

.bgc-primary-900-hover:hover, .bgc-primary-900-hover:focus, .bgc-primary-900-hover:active {
  background-color: #ffffff;
}

/********** SHADES/OPACITY **********/
.clr-primary-900-100 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-900-100 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-900-100-hover:hover, .clr-primary-900-100-hover:focus, .clr-primary-900-100-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 10%);
}

.bgc-primary-900-100-hover:hover, .bgc-primary-900-100-hover:focus, .bgc-primary-900-100-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-primary-900-200 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-900-200 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-900-200-hover:hover, .clr-primary-900-200-hover:focus, .clr-primary-900-200-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 20%);
}

.bgc-primary-900-200-hover:hover, .bgc-primary-900-200-hover:focus, .bgc-primary-900-200-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-primary-900-300 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-900-300 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-900-300-hover:hover, .clr-primary-900-300-hover:focus, .clr-primary-900-300-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 30%);
}

.bgc-primary-900-300-hover:hover, .bgc-primary-900-300-hover:focus, .bgc-primary-900-300-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-primary-900-400 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-900-400 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-900-400-hover:hover, .clr-primary-900-400-hover:focus, .clr-primary-900-400-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 40%);
}

.bgc-primary-900-400-hover:hover, .bgc-primary-900-400-hover:focus, .bgc-primary-900-400-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-primary-900-500 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-900-500 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-900-500-hover:hover, .clr-primary-900-500-hover:focus, .clr-primary-900-500-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 50%);
}

.bgc-primary-900-500-hover:hover, .bgc-primary-900-500-hover:focus, .bgc-primary-900-500-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-primary-900-600 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-900-600 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-900-600-hover:hover, .clr-primary-900-600-hover:focus, .clr-primary-900-600-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 60%);
}

.bgc-primary-900-600-hover:hover, .bgc-primary-900-600-hover:focus, .bgc-primary-900-600-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-primary-900-700 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-900-700 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-900-700-hover:hover, .clr-primary-900-700-hover:focus, .clr-primary-900-700-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 70%);
}

.bgc-primary-900-700-hover:hover, .bgc-primary-900-700-hover:focus, .bgc-primary-900-700-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-primary-900-800 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-900-800 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-900-800-hover:hover, .clr-primary-900-800-hover:focus, .clr-primary-900-800-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 80%);
}

.bgc-primary-900-800-hover:hover, .bgc-primary-900-800-hover:focus, .bgc-primary-900-800-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-primary-900-900 {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-900-900 {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-primary-900-900-hover:hover, .clr-primary-900-900-hover:focus, .clr-primary-900-900-hover:active {
  color: hwb(from #ffffff calc(h) calc(w) calc(b) / 90%);
}

.bgc-primary-900-900-hover:hover, .bgc-primary-900-900-hover:focus, .bgc-primary-900-900-hover:active {
  background-color: hwb(from #ffffff calc(h) calc(w) calc(b) / 90%);
}

.clr-svg-100 {
  color: invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%);
}

.bgc-svg-100 {
  background-color: invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%);
}

/********** HOVER **********/
.clr-svg-100-hover:hover, .clr-svg-100-hover:focus, .clr-svg-100-hover:active {
  color: invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%);
}

.bgc-svg-100-hover:hover, .bgc-svg-100-hover:focus, .bgc-svg-100-hover:active {
  background-color: invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%);
}

/********** SHADES/OPACITY **********/
.clr-svg-100-100 {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 10%);
}

.bgc-svg-100-100 {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-100-100-hover:hover, .clr-svg-100-100-hover:focus, .clr-svg-100-100-hover:active {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 10%);
}

.bgc-svg-100-100-hover:hover, .bgc-svg-100-100-hover:focus, .bgc-svg-100-100-hover:active {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-svg-100-200 {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 20%);
}

.bgc-svg-100-200 {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-100-200-hover:hover, .clr-svg-100-200-hover:focus, .clr-svg-100-200-hover:active {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 20%);
}

.bgc-svg-100-200-hover:hover, .bgc-svg-100-200-hover:focus, .bgc-svg-100-200-hover:active {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-svg-100-300 {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 30%);
}

.bgc-svg-100-300 {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-100-300-hover:hover, .clr-svg-100-300-hover:focus, .clr-svg-100-300-hover:active {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 30%);
}

.bgc-svg-100-300-hover:hover, .bgc-svg-100-300-hover:focus, .bgc-svg-100-300-hover:active {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-svg-100-400 {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 40%);
}

.bgc-svg-100-400 {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-100-400-hover:hover, .clr-svg-100-400-hover:focus, .clr-svg-100-400-hover:active {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 40%);
}

.bgc-svg-100-400-hover:hover, .bgc-svg-100-400-hover:focus, .bgc-svg-100-400-hover:active {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-svg-100-500 {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 50%);
}

.bgc-svg-100-500 {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-100-500-hover:hover, .clr-svg-100-500-hover:focus, .clr-svg-100-500-hover:active {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 50%);
}

.bgc-svg-100-500-hover:hover, .bgc-svg-100-500-hover:focus, .bgc-svg-100-500-hover:active {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-svg-100-600 {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 60%);
}

.bgc-svg-100-600 {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-100-600-hover:hover, .clr-svg-100-600-hover:focus, .clr-svg-100-600-hover:active {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 60%);
}

.bgc-svg-100-600-hover:hover, .bgc-svg-100-600-hover:focus, .bgc-svg-100-600-hover:active {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-svg-100-700 {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 70%);
}

.bgc-svg-100-700 {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-100-700-hover:hover, .clr-svg-100-700-hover:focus, .clr-svg-100-700-hover:active {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 70%);
}

.bgc-svg-100-700-hover:hover, .bgc-svg-100-700-hover:focus, .bgc-svg-100-700-hover:active {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-svg-100-800 {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 80%);
}

.bgc-svg-100-800 {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-100-800-hover:hover, .clr-svg-100-800-hover:focus, .clr-svg-100-800-hover:active {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 80%);
}

.bgc-svg-100-800-hover:hover, .bgc-svg-100-800-hover:focus, .bgc-svg-100-800-hover:active {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-svg-100-900 {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 90%);
}

.bgc-svg-100-900 {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-100-900-hover:hover, .clr-svg-100-900-hover:focus, .clr-svg-100-900-hover:active {
  color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 90%);
}

.bgc-svg-100-900-hover:hover, .bgc-svg-100-900-hover:focus, .bgc-svg-100-900-hover:active {
  background-color: hwb(from invert(100%) sepia(0%) saturate(7493%) hue-rotate(226deg) brightness(102%) contrast(100%) calc(h) calc(w) calc(b) / 90%);
}

.clr-svg-200 {
  color: invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%);
}

.bgc-svg-200 {
  background-color: invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%);
}

/********** HOVER **********/
.clr-svg-200-hover:hover, .clr-svg-200-hover:focus, .clr-svg-200-hover:active {
  color: invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%);
}

.bgc-svg-200-hover:hover, .bgc-svg-200-hover:focus, .bgc-svg-200-hover:active {
  background-color: invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%);
}

/********** SHADES/OPACITY **********/
.clr-svg-200-100 {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 10%);
}

.bgc-svg-200-100 {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-200-100-hover:hover, .clr-svg-200-100-hover:focus, .clr-svg-200-100-hover:active {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 10%);
}

.bgc-svg-200-100-hover:hover, .bgc-svg-200-100-hover:focus, .bgc-svg-200-100-hover:active {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-svg-200-200 {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 20%);
}

.bgc-svg-200-200 {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-200-200-hover:hover, .clr-svg-200-200-hover:focus, .clr-svg-200-200-hover:active {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 20%);
}

.bgc-svg-200-200-hover:hover, .bgc-svg-200-200-hover:focus, .bgc-svg-200-200-hover:active {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-svg-200-300 {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 30%);
}

.bgc-svg-200-300 {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-200-300-hover:hover, .clr-svg-200-300-hover:focus, .clr-svg-200-300-hover:active {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 30%);
}

.bgc-svg-200-300-hover:hover, .bgc-svg-200-300-hover:focus, .bgc-svg-200-300-hover:active {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-svg-200-400 {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 40%);
}

.bgc-svg-200-400 {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-200-400-hover:hover, .clr-svg-200-400-hover:focus, .clr-svg-200-400-hover:active {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 40%);
}

.bgc-svg-200-400-hover:hover, .bgc-svg-200-400-hover:focus, .bgc-svg-200-400-hover:active {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-svg-200-500 {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 50%);
}

.bgc-svg-200-500 {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-200-500-hover:hover, .clr-svg-200-500-hover:focus, .clr-svg-200-500-hover:active {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 50%);
}

.bgc-svg-200-500-hover:hover, .bgc-svg-200-500-hover:focus, .bgc-svg-200-500-hover:active {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-svg-200-600 {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 60%);
}

.bgc-svg-200-600 {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-200-600-hover:hover, .clr-svg-200-600-hover:focus, .clr-svg-200-600-hover:active {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 60%);
}

.bgc-svg-200-600-hover:hover, .bgc-svg-200-600-hover:focus, .bgc-svg-200-600-hover:active {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-svg-200-700 {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 70%);
}

.bgc-svg-200-700 {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-200-700-hover:hover, .clr-svg-200-700-hover:focus, .clr-svg-200-700-hover:active {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 70%);
}

.bgc-svg-200-700-hover:hover, .bgc-svg-200-700-hover:focus, .bgc-svg-200-700-hover:active {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-svg-200-800 {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 80%);
}

.bgc-svg-200-800 {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-200-800-hover:hover, .clr-svg-200-800-hover:focus, .clr-svg-200-800-hover:active {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 80%);
}

.bgc-svg-200-800-hover:hover, .bgc-svg-200-800-hover:focus, .bgc-svg-200-800-hover:active {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-svg-200-900 {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 90%);
}

.bgc-svg-200-900 {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-200-900-hover:hover, .clr-svg-200-900-hover:focus, .clr-svg-200-900-hover:active {
  color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 90%);
}

.bgc-svg-200-900-hover:hover, .bgc-svg-200-900-hover:focus, .bgc-svg-200-900-hover:active {
  background-color: hwb(from invert(40%) sepia(93%) saturate(409%) hue-rotate(160deg) brightness(93%) contrast(89%) calc(h) calc(w) calc(b) / 90%);
}

.clr-svg-500 {
  color: invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%);
}

.bgc-svg-500 {
  background-color: invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%);
}

/********** HOVER **********/
.clr-svg-500-hover:hover, .clr-svg-500-hover:focus, .clr-svg-500-hover:active {
  color: invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%);
}

.bgc-svg-500-hover:hover, .bgc-svg-500-hover:focus, .bgc-svg-500-hover:active {
  background-color: invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%);
}

/********** SHADES/OPACITY **********/
.clr-svg-500-100 {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 10%);
}

.bgc-svg-500-100 {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 10%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-500-100-hover:hover, .clr-svg-500-100-hover:focus, .clr-svg-500-100-hover:active {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 10%);
}

.bgc-svg-500-100-hover:hover, .bgc-svg-500-100-hover:focus, .bgc-svg-500-100-hover:active {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 10%);
}

/********** SHADES/OPACITY **********/
.clr-svg-500-200 {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 20%);
}

.bgc-svg-500-200 {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 20%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-500-200-hover:hover, .clr-svg-500-200-hover:focus, .clr-svg-500-200-hover:active {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 20%);
}

.bgc-svg-500-200-hover:hover, .bgc-svg-500-200-hover:focus, .bgc-svg-500-200-hover:active {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 20%);
}

/********** SHADES/OPACITY **********/
.clr-svg-500-300 {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 30%);
}

.bgc-svg-500-300 {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 30%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-500-300-hover:hover, .clr-svg-500-300-hover:focus, .clr-svg-500-300-hover:active {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 30%);
}

.bgc-svg-500-300-hover:hover, .bgc-svg-500-300-hover:focus, .bgc-svg-500-300-hover:active {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 30%);
}

/********** SHADES/OPACITY **********/
.clr-svg-500-400 {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 40%);
}

.bgc-svg-500-400 {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 40%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-500-400-hover:hover, .clr-svg-500-400-hover:focus, .clr-svg-500-400-hover:active {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 40%);
}

.bgc-svg-500-400-hover:hover, .bgc-svg-500-400-hover:focus, .bgc-svg-500-400-hover:active {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 40%);
}

/********** SHADES/OPACITY **********/
.clr-svg-500-500 {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 50%);
}

.bgc-svg-500-500 {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 50%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-500-500-hover:hover, .clr-svg-500-500-hover:focus, .clr-svg-500-500-hover:active {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 50%);
}

.bgc-svg-500-500-hover:hover, .bgc-svg-500-500-hover:focus, .bgc-svg-500-500-hover:active {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 50%);
}

/********** SHADES/OPACITY **********/
.clr-svg-500-600 {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 60%);
}

.bgc-svg-500-600 {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 60%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-500-600-hover:hover, .clr-svg-500-600-hover:focus, .clr-svg-500-600-hover:active {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 60%);
}

.bgc-svg-500-600-hover:hover, .bgc-svg-500-600-hover:focus, .bgc-svg-500-600-hover:active {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 60%);
}

/********** SHADES/OPACITY **********/
.clr-svg-500-700 {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 70%);
}

.bgc-svg-500-700 {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 70%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-500-700-hover:hover, .clr-svg-500-700-hover:focus, .clr-svg-500-700-hover:active {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 70%);
}

.bgc-svg-500-700-hover:hover, .bgc-svg-500-700-hover:focus, .bgc-svg-500-700-hover:active {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 70%);
}

/********** SHADES/OPACITY **********/
.clr-svg-500-800 {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 80%);
}

.bgc-svg-500-800 {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 80%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-500-800-hover:hover, .clr-svg-500-800-hover:focus, .clr-svg-500-800-hover:active {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 80%);
}

.bgc-svg-500-800-hover:hover, .bgc-svg-500-800-hover:focus, .bgc-svg-500-800-hover:active {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 80%);
}

/********** SHADES/OPACITY **********/
.clr-svg-500-900 {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 90%);
}

.bgc-svg-500-900 {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 90%);
}

/********** HOVER SHADES/OPACITY **********/
.clr-svg-500-900-hover:hover, .clr-svg-500-900-hover:focus, .clr-svg-500-900-hover:active {
  color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 90%);
}

.bgc-svg-500-900-hover:hover, .bgc-svg-500-900-hover:focus, .bgc-svg-500-900-hover:active {
  background-color: hwb(from invert(18%) sepia(7%) saturate(0%) hue-rotate(252deg) brightness(99%) contrast(81%) calc(h) calc(w) calc(b) / 90%);
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/*.container {
   --padding: calc(2rem * 2);
   --max-width: 60rem;

   @include mq-min('medium') {
      --padding: 5rem;
   }

   @include mq-min('large') {
      --padding: calc(4rem * 2);
   }

   @include mq-max('ipad') {
      --padding: 3rem;
   }

   width: min(calc(100% - var(--padding)), var(--max-width));
   margin-left: auto;
   margin-right: auto;

   &.container-medium {
      --max-width: 70rem;
   }

   &.container-wide {
      --max-width: 92rem;
   }

   &.container-full-bleed {
      --padding: 0;
      --max-width: 100%;
   }
}*/
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.gap-1 {
  gap: 0.5rem;
}

.row-gap-1 {
  row-gap: 0.5rem;
}

.col-gap-1 {
  column-gap: 0.5rem;
}

.gap-2 {
  gap: 0.75rem;
}

.row-gap-2 {
  row-gap: 0.75rem;
}

.col-gap-2 {
  column-gap: 0.75rem;
}

.gap-3 {
  gap: 1rem;
}

.row-gap-3 {
  row-gap: 1rem;
}

.col-gap-3 {
  column-gap: 1rem;
}

.gap-4 {
  gap: 1.25rem;
}

.row-gap-4 {
  row-gap: 1.25rem;
}

.col-gap-4 {
  column-gap: 1.25rem;
}

.gap-5 {
  gap: 1.5rem;
}

.row-gap-5 {
  row-gap: 1.5rem;
}

.col-gap-5 {
  column-gap: 1.5rem;
}

.gap-6 {
  gap: 2rem;
}

.row-gap-6 {
  row-gap: 2rem;
}

.col-gap-6 {
  column-gap: 2rem;
}

.gap-7 {
  gap: 2.25rem;
}

.row-gap-7 {
  row-gap: 2.25rem;
}

.col-gap-7 {
  column-gap: 2.25rem;
}

.gap-8 {
  gap: 3rem;
}

.row-gap-8 {
  row-gap: 3rem;
}

.col-gap-8 {
  column-gap: 3rem;
}

.gap-9 {
  gap: 4rem;
}

.row-gap-9 {
  row-gap: 4rem;
}

.col-gap-9 {
  column-gap: 4rem;
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.visually-hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.hide {
  display: none;
}

.inner-spacing > *:where(:not(:first-child)) {
  margin-top: var(--flow-spacer, 1rem);
}

.mw-max-content {
  max-width: max-content;
}

.w-auto {
  width: auto;
}

.w-inherit {
  width: inherit;
}

.w-0 {
  width: 0;
}

.w-25 {
  width: 25%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-75 {
  width: 75%;
}

.w-80 {
  width: 80%;
}

.w-100 {
  width: 100%;
}

.vw-100 {
  width: 100vw;
}

.h-auto {
  height: auto;
}

.h-100 {
  height: 100%;
}

.vh-100 {
  height: 100vh;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.pos-fixed {
  position: fixed;
}

.pos-absolute {
  position: absolute;
}

.pos-relative {
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.cursor-pointer {
  cursor: pointer;
}

.header-underline {
  position: relative;
  padding-bottom: 12px;
}
.header-underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #616161;
}

.float-left {
  float: left;
}
.float-right {
  float: right;
}

.r-90 {
  transform: rotate(90deg);
}

.r-180 {
  transform: rotate(180deg);
}

.r-270 {
  transform: rotate(270deg);
}

/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

/*
.section,
section {
   padding-top: $section-padding;
   padding-bottom: $section-padding;
}
*/
.section-spacing-large {
  padding-top: clamp(6rem, 20vh, 14rem);
  padding-bottom: clamp(6rem, 20vh, 14rem);
}
@media screen and (max-width: 65em) {
  .section-spacing-large {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }
}
@media screen and (max-width: 45em) {
  .section-spacing-large {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }
}

.section-spacing-medium {
  padding-top: clamp(5rem, 14vh, 9rem);
  padding-bottom: clamp(5rem, 14vh, 9rem);
}
@media screen and (max-width: 45em) {
  .section-spacing-medium {
    padding-top: 4vh;
    padding-bottom: 4vh;
  }
}

.section-spacing-small {
  padding-top: clamp(2rem, 7vh, 4rem);
  padding-bottom: clamp(2rem, 7vh, 4rem);
}
@media screen and (max-width: 45em) {
  .section-spacing-small {
    padding-top: 2vh;
    padding-bottom: 2vh;
  }
}

.p-0 {
  padding: 0;
}

.m-0 {
  margin: 0;
}

.p-1 {
  padding: 6px;
}

.m-1 {
  margin: 6px;
}

.p-2 {
  padding: 12px;
}

.m-2 {
  margin: 12px;
}

.p-3 {
  padding: 18px;
}

.m-3 {
  margin: 18px;
}

.p-4 {
  padding: 24px;
}

.m-4 {
  margin: 24px;
}

.p-5 {
  padding: 30px;
}

.m-5 {
  margin: 30px;
}

.p-6 {
  padding: 36px;
}

.m-6 {
  margin: 36px;
}

.p-7 {
  padding: 42px;
}

.m-7 {
  margin: 42px;
}

.p-8 {
  padding: 48px;
}

.m-8 {
  margin: 48px;
}

.p-9 {
  padding: 54px;
}

.m-9 {
  margin: 54px;
}

.p-10 {
  padding: 60px;
}

.m-10 {
  margin: 60px;
}

.p-11 {
  padding: 66px;
}

.m-11 {
  margin: 66px;
}

.p-12 {
  padding: 74px;
}

.m-12 {
  margin: 74px;
}

.m-auto {
  margin: auto;
}

@media screen and (min-width: 88em) {
  .p-xl-0 {
    padding: 0;
  }
  .m-xl-0 {
    margin: 0;
  }
  .p-xl-1 {
    padding: 6px;
  }
  .m-xl-1 {
    margin: 6px;
  }
  .p-xl-2 {
    padding: 12px;
  }
  .m-xl-2 {
    margin: 12px;
  }
  .p-xl-3 {
    padding: 18px;
  }
  .m-xl-3 {
    margin: 18px;
  }
  .p-xl-4 {
    padding: 24px;
  }
  .m-xl-4 {
    margin: 24px;
  }
  .p-xl-5 {
    padding: 30px;
  }
  .m-xl-5 {
    margin: 30px;
  }
  .p-xl-6 {
    padding: 36px;
  }
  .m-xl-6 {
    margin: 36px;
  }
  .p-xl-7 {
    padding: 42px;
  }
  .m-xl-7 {
    margin: 42px;
  }
  .p-xl-8 {
    padding: 48px;
  }
  .m-xl-8 {
    margin: 48px;
  }
  .p-xl-9 {
    padding: 54px;
  }
  .m-xl-9 {
    margin: 54px;
  }
  .p-xl-10 {
    padding: 60px;
  }
  .m-xl-10 {
    margin: 60px;
  }
  .p-xl-11 {
    padding: 66px;
  }
  .m-xl-11 {
    margin: 66px;
  }
  .p-xl-12 {
    padding: 74px;
  }
  .m-xl-12 {
    margin: 74px;
  }
  .m-xl-auto {
    margin: auto;
  }
}
@media screen and (min-width: 65em) {
  .p-lg-0 {
    padding: 0;
  }
  .m-lg-0 {
    margin: 0;
  }
  .p-lg-1 {
    padding: 6px;
  }
  .m-lg-1 {
    margin: 6px;
  }
  .p-lg-2 {
    padding: 12px;
  }
  .m-lg-2 {
    margin: 12px;
  }
  .p-lg-3 {
    padding: 18px;
  }
  .m-lg-3 {
    margin: 18px;
  }
  .p-lg-4 {
    padding: 24px;
  }
  .m-lg-4 {
    margin: 24px;
  }
  .p-lg-5 {
    padding: 30px;
  }
  .m-lg-5 {
    margin: 30px;
  }
  .p-lg-6 {
    padding: 36px;
  }
  .m-lg-6 {
    margin: 36px;
  }
  .p-lg-7 {
    padding: 42px;
  }
  .m-lg-7 {
    margin: 42px;
  }
  .p-lg-8 {
    padding: 48px;
  }
  .m-lg-8 {
    margin: 48px;
  }
  .p-lg-9 {
    padding: 54px;
  }
  .m-lg-9 {
    margin: 54px;
  }
  .p-lg-10 {
    padding: 60px;
  }
  .m-lg-10 {
    margin: 60px;
  }
  .p-lg-11 {
    padding: 66px;
  }
  .m-lg-11 {
    margin: 66px;
  }
  .p-lg-12 {
    padding: 74px;
  }
  .m-lg-12 {
    margin: 74px;
  }
  .m-lg-auto {
    margin: auto;
  }
}
@media screen and (max-width: 833px) {
  .p-ipad-0 {
    padding: 0;
  }
  .m-ipad-0 {
    margin: 0;
  }
  .p-ipad-1 {
    padding: 6px;
  }
  .m-ipad-1 {
    margin: 6px;
  }
  .p-ipad-2 {
    padding: 12px;
  }
  .m-ipad-2 {
    margin: 12px;
  }
  .p-ipad-3 {
    padding: 18px;
  }
  .m-ipad-3 {
    margin: 18px;
  }
  .p-ipad-4 {
    padding: 24px;
  }
  .m-ipad-4 {
    margin: 24px;
  }
  .p-ipad-5 {
    padding: 30px;
  }
  .m-ipad-5 {
    margin: 30px;
  }
  .p-ipad-6 {
    padding: 36px;
  }
  .m-ipad-6 {
    margin: 36px;
  }
  .p-ipad-7 {
    padding: 42px;
  }
  .m-ipad-7 {
    margin: 42px;
  }
  .p-ipad-8 {
    padding: 48px;
  }
  .m-ipad-8 {
    margin: 48px;
  }
  .p-ipad-9 {
    padding: 54px;
  }
  .m-ipad-9 {
    margin: 54px;
  }
  .p-ipad-10 {
    padding: 60px;
  }
  .m-ipad-10 {
    margin: 60px;
  }
  .p-ipad-11 {
    padding: 66px;
  }
  .m-ipad-11 {
    margin: 66px;
  }
  .p-ipad-12 {
    padding: 74px;
  }
  .m-ipad-12 {
    margin: 74px;
  }
  .m-ipad-auto {
    margin: auto;
  }
}
@media screen and (min-width: 45em) {
  .p-md-0 {
    padding: 0;
  }
  .m-md-0 {
    margin: 0;
  }
  .p-md-1 {
    padding: 6px;
  }
  .m-md-1 {
    margin: 6px;
  }
  .p-md-2 {
    padding: 12px;
  }
  .m-md-2 {
    margin: 12px;
  }
  .p-md-3 {
    padding: 18px;
  }
  .m-md-3 {
    margin: 18px;
  }
  .p-md-4 {
    padding: 24px;
  }
  .m-md-4 {
    margin: 24px;
  }
  .p-md-5 {
    padding: 30px;
  }
  .m-md-5 {
    margin: 30px;
  }
  .p-md-6 {
    padding: 36px;
  }
  .m-md-6 {
    margin: 36px;
  }
  .p-md-7 {
    padding: 42px;
  }
  .m-md-7 {
    margin: 42px;
  }
  .p-md-8 {
    padding: 48px;
  }
  .m-md-8 {
    margin: 48px;
  }
  .p-md-9 {
    padding: 54px;
  }
  .m-md-9 {
    margin: 54px;
  }
  .p-md-10 {
    padding: 60px;
  }
  .m-md-10 {
    margin: 60px;
  }
  .p-md-11 {
    padding: 66px;
  }
  .m-md-11 {
    margin: 66px;
  }
  .p-md-12 {
    padding: 74px;
  }
  .m-md-12 {
    margin: 74px;
  }
  .m-md-auto {
    margin: auto;
  }
}
@media screen and (max-width: 30em) {
  .p-sm-0 {
    padding: 0;
  }
  .m-sm-0 {
    margin: 0;
  }
  .p-sm-1 {
    padding: 6px;
  }
  .m-sm-1 {
    margin: 6px;
  }
  .p-sm-2 {
    padding: 12px;
  }
  .m-sm-2 {
    margin: 12px;
  }
  .p-sm-3 {
    padding: 18px;
  }
  .m-sm-3 {
    margin: 18px;
  }
  .p-sm-4 {
    padding: 24px;
  }
  .m-sm-4 {
    margin: 24px;
  }
  .p-sm-5 {
    padding: 30px;
  }
  .m-sm-5 {
    margin: 30px;
  }
  .p-sm-6 {
    padding: 36px;
  }
  .m-sm-6 {
    margin: 36px;
  }
  .p-sm-7 {
    padding: 42px;
  }
  .m-sm-7 {
    margin: 42px;
  }
  .p-sm-8 {
    padding: 48px;
  }
  .m-sm-8 {
    margin: 48px;
  }
  .p-sm-9 {
    padding: 54px;
  }
  .m-sm-9 {
    margin: 54px;
  }
  .p-sm-10 {
    padding: 60px;
  }
  .m-sm-10 {
    margin: 60px;
  }
  .p-sm-11 {
    padding: 66px;
  }
  .m-sm-11 {
    margin: 66px;
  }
  .p-sm-12 {
    padding: 74px;
  }
  .m-sm-12 {
    margin: 74px;
  }
  .m-sm-auto {
    margin: auto;
  }
}
.pt-0 {
  padding-top: 0;
}

.mt-0 {
  margin-top: 0;
}

.pt-1 {
  padding-top: 6px;
}

.mt-1 {
  margin-top: 6px;
}

.pt-2 {
  padding-top: 12px;
}

.mt-2 {
  margin-top: 12px;
}

.pt-3 {
  padding-top: 18px;
}

.mt-3 {
  margin-top: 18px;
}

.pt-4 {
  padding-top: 24px;
}

.mt-4 {
  margin-top: 24px;
}

.pt-5 {
  padding-top: 30px;
}

.mt-5 {
  margin-top: 30px;
}

.pt-6 {
  padding-top: 36px;
}

.mt-6 {
  margin-top: 36px;
}

.pt-7 {
  padding-top: 42px;
}

.mt-7 {
  margin-top: 42px;
}

.pt-8 {
  padding-top: 48px;
}

.mt-8 {
  margin-top: 48px;
}

.pt-9 {
  padding-top: 54px;
}

.mt-9 {
  margin-top: 54px;
}

.pt-10 {
  padding-top: 60px;
}

.mt-10 {
  margin-top: 60px;
}

.pt-11 {
  padding-top: 66px;
}

.mt-11 {
  margin-top: 66px;
}

.pt-12 {
  padding-top: 74px;
}

.mt-12 {
  margin-top: 74px;
}

.mt-auto {
  margin-top: auto;
}

@media screen and (min-width: 88em) {
  .pt-xl-0 {
    padding-top: 0;
  }
  .mt-xl-0 {
    margin-top: 0;
  }
  .pt-xl-1 {
    padding-top: 6px;
  }
  .mt-xl-1 {
    margin-top: 6px;
  }
  .pt-xl-2 {
    padding-top: 12px;
  }
  .mt-xl-2 {
    margin-top: 12px;
  }
  .pt-xl-3 {
    padding-top: 18px;
  }
  .mt-xl-3 {
    margin-top: 18px;
  }
  .pt-xl-4 {
    padding-top: 24px;
  }
  .mt-xl-4 {
    margin-top: 24px;
  }
  .pt-xl-5 {
    padding-top: 30px;
  }
  .mt-xl-5 {
    margin-top: 30px;
  }
  .pt-xl-6 {
    padding-top: 36px;
  }
  .mt-xl-6 {
    margin-top: 36px;
  }
  .pt-xl-7 {
    padding-top: 42px;
  }
  .mt-xl-7 {
    margin-top: 42px;
  }
  .pt-xl-8 {
    padding-top: 48px;
  }
  .mt-xl-8 {
    margin-top: 48px;
  }
  .pt-xl-9 {
    padding-top: 54px;
  }
  .mt-xl-9 {
    margin-top: 54px;
  }
  .pt-xl-10 {
    padding-top: 60px;
  }
  .mt-xl-10 {
    margin-top: 60px;
  }
  .pt-xl-11 {
    padding-top: 66px;
  }
  .mt-xl-11 {
    margin-top: 66px;
  }
  .pt-xl-12 {
    padding-top: 74px;
  }
  .mt-xl-12 {
    margin-top: 74px;
  }
  .mt-xl-auto {
    margin-top: auto;
  }
}
@media screen and (min-width: 65em) {
  .pt-lg-0 {
    padding-top: 0;
  }
  .mt-lg-0 {
    margin-top: 0;
  }
  .pt-lg-1 {
    padding-top: 6px;
  }
  .mt-lg-1 {
    margin-top: 6px;
  }
  .pt-lg-2 {
    padding-top: 12px;
  }
  .mt-lg-2 {
    margin-top: 12px;
  }
  .pt-lg-3 {
    padding-top: 18px;
  }
  .mt-lg-3 {
    margin-top: 18px;
  }
  .pt-lg-4 {
    padding-top: 24px;
  }
  .mt-lg-4 {
    margin-top: 24px;
  }
  .pt-lg-5 {
    padding-top: 30px;
  }
  .mt-lg-5 {
    margin-top: 30px;
  }
  .pt-lg-6 {
    padding-top: 36px;
  }
  .mt-lg-6 {
    margin-top: 36px;
  }
  .pt-lg-7 {
    padding-top: 42px;
  }
  .mt-lg-7 {
    margin-top: 42px;
  }
  .pt-lg-8 {
    padding-top: 48px;
  }
  .mt-lg-8 {
    margin-top: 48px;
  }
  .pt-lg-9 {
    padding-top: 54px;
  }
  .mt-lg-9 {
    margin-top: 54px;
  }
  .pt-lg-10 {
    padding-top: 60px;
  }
  .mt-lg-10 {
    margin-top: 60px;
  }
  .pt-lg-11 {
    padding-top: 66px;
  }
  .mt-lg-11 {
    margin-top: 66px;
  }
  .pt-lg-12 {
    padding-top: 74px;
  }
  .mt-lg-12 {
    margin-top: 74px;
  }
  .mt-lg-auto {
    margin-top: auto;
  }
}
@media screen and (max-width: 833px) {
  .pt-ipad-0 {
    padding-top: 0;
  }
  .mt-ipad-0 {
    margin-top: 0;
  }
  .pt-ipad-1 {
    padding-top: 6px;
  }
  .mt-ipad-1 {
    margin-top: 6px;
  }
  .pt-ipad-2 {
    padding-top: 12px;
  }
  .mt-ipad-2 {
    margin-top: 12px;
  }
  .pt-ipad-3 {
    padding-top: 18px;
  }
  .mt-ipad-3 {
    margin-top: 18px;
  }
  .pt-ipad-4 {
    padding-top: 24px;
  }
  .mt-ipad-4 {
    margin-top: 24px;
  }
  .pt-ipad-5 {
    padding-top: 30px;
  }
  .mt-ipad-5 {
    margin-top: 30px;
  }
  .pt-ipad-6 {
    padding-top: 36px;
  }
  .mt-ipad-6 {
    margin-top: 36px;
  }
  .pt-ipad-7 {
    padding-top: 42px;
  }
  .mt-ipad-7 {
    margin-top: 42px;
  }
  .pt-ipad-8 {
    padding-top: 48px;
  }
  .mt-ipad-8 {
    margin-top: 48px;
  }
  .pt-ipad-9 {
    padding-top: 54px;
  }
  .mt-ipad-9 {
    margin-top: 54px;
  }
  .pt-ipad-10 {
    padding-top: 60px;
  }
  .mt-ipad-10 {
    margin-top: 60px;
  }
  .pt-ipad-11 {
    padding-top: 66px;
  }
  .mt-ipad-11 {
    margin-top: 66px;
  }
  .pt-ipad-12 {
    padding-top: 74px;
  }
  .mt-ipad-12 {
    margin-top: 74px;
  }
  .mt-ipad-auto {
    margin-top: auto;
  }
}
@media screen and (min-width: 45em) {
  .pt-md-0 {
    padding-top: 0;
  }
  .mt-md-0 {
    margin-top: 0;
  }
  .pt-md-1 {
    padding-top: 6px;
  }
  .mt-md-1 {
    margin-top: 6px;
  }
  .pt-md-2 {
    padding-top: 12px;
  }
  .mt-md-2 {
    margin-top: 12px;
  }
  .pt-md-3 {
    padding-top: 18px;
  }
  .mt-md-3 {
    margin-top: 18px;
  }
  .pt-md-4 {
    padding-top: 24px;
  }
  .mt-md-4 {
    margin-top: 24px;
  }
  .pt-md-5 {
    padding-top: 30px;
  }
  .mt-md-5 {
    margin-top: 30px;
  }
  .pt-md-6 {
    padding-top: 36px;
  }
  .mt-md-6 {
    margin-top: 36px;
  }
  .pt-md-7 {
    padding-top: 42px;
  }
  .mt-md-7 {
    margin-top: 42px;
  }
  .pt-md-8 {
    padding-top: 48px;
  }
  .mt-md-8 {
    margin-top: 48px;
  }
  .pt-md-9 {
    padding-top: 54px;
  }
  .mt-md-9 {
    margin-top: 54px;
  }
  .pt-md-10 {
    padding-top: 60px;
  }
  .mt-md-10 {
    margin-top: 60px;
  }
  .pt-md-11 {
    padding-top: 66px;
  }
  .mt-md-11 {
    margin-top: 66px;
  }
  .pt-md-12 {
    padding-top: 74px;
  }
  .mt-md-12 {
    margin-top: 74px;
  }
  .mt-md-auto {
    margin-top: auto;
  }
}
@media screen and (max-width: 30em) {
  .pt-sm-0 {
    padding-top: 0;
  }
  .mt-sm-0 {
    margin-top: 0;
  }
  .pt-sm-1 {
    padding-top: 6px;
  }
  .mt-sm-1 {
    margin-top: 6px;
  }
  .pt-sm-2 {
    padding-top: 12px;
  }
  .mt-sm-2 {
    margin-top: 12px;
  }
  .pt-sm-3 {
    padding-top: 18px;
  }
  .mt-sm-3 {
    margin-top: 18px;
  }
  .pt-sm-4 {
    padding-top: 24px;
  }
  .mt-sm-4 {
    margin-top: 24px;
  }
  .pt-sm-5 {
    padding-top: 30px;
  }
  .mt-sm-5 {
    margin-top: 30px;
  }
  .pt-sm-6 {
    padding-top: 36px;
  }
  .mt-sm-6 {
    margin-top: 36px;
  }
  .pt-sm-7 {
    padding-top: 42px;
  }
  .mt-sm-7 {
    margin-top: 42px;
  }
  .pt-sm-8 {
    padding-top: 48px;
  }
  .mt-sm-8 {
    margin-top: 48px;
  }
  .pt-sm-9 {
    padding-top: 54px;
  }
  .mt-sm-9 {
    margin-top: 54px;
  }
  .pt-sm-10 {
    padding-top: 60px;
  }
  .mt-sm-10 {
    margin-top: 60px;
  }
  .pt-sm-11 {
    padding-top: 66px;
  }
  .mt-sm-11 {
    margin-top: 66px;
  }
  .pt-sm-12 {
    padding-top: 74px;
  }
  .mt-sm-12 {
    margin-top: 74px;
  }
}
.pr-0 {
  padding-right: 0;
}

.mr-0 {
  margin-right: 0;
}

.pr-1 {
  padding-right: 6px;
}

.mr-1 {
  margin-right: 6px;
}

.pr-2 {
  padding-right: 12px;
}

.mr-2 {
  margin-right: 12px;
}

.pr-3 {
  padding-right: 18px;
}

.mr-3 {
  margin-right: 18px;
}

.pr-4 {
  padding-right: 24px;
}

.mr-4 {
  margin-right: 24px;
}

.pr-5 {
  padding-right: 30px;
}

.mr-5 {
  margin-right: 30px;
}

.pr-6 {
  padding-right: 36px;
}

.mr-6 {
  margin-right: 36px;
}

.pr-7 {
  padding-right: 42px;
}

.mr-7 {
  margin-right: 42px;
}

.pr-8 {
  padding-right: 48px;
}

.mr-8 {
  margin-right: 48px;
}

.pr-9 {
  padding-right: 54px;
}

.mr-9 {
  margin-right: 54px;
}

.pr-10 {
  padding-right: 60px;
}

.mr-10 {
  margin-right: 60px;
}

.pr-11 {
  padding-right: 66px;
}

.mr-11 {
  margin-right: 66px;
}

.pr-12 {
  padding-right: 74px;
}

.mr-12 {
  margin-right: 74px;
}

.mr-auto {
  margin-right: auto;
}

@media screen and (min-width: 88em) {
  .pr-xl-0 {
    padding-right: 0;
  }
  .mr-xl-0 {
    margin-right: 0;
  }
  .pr-xl-1 {
    padding-right: 6px;
  }
  .mr-xl-1 {
    margin-right: 6px;
  }
  .pr-xl-2 {
    padding-right: 12px;
  }
  .mr-xl-2 {
    margin-right: 12px;
  }
  .pr-xl-3 {
    padding-right: 18px;
  }
  .mr-xl-3 {
    margin-right: 18px;
  }
  .pr-xl-4 {
    padding-right: 24px;
  }
  .mr-xl-4 {
    margin-right: 24px;
  }
  .pr-xl-5 {
    padding-right: 30px;
  }
  .mr-xl-5 {
    margin-right: 30px;
  }
  .pr-xl-6 {
    padding-right: 36px;
  }
  .mr-xl-6 {
    margin-right: 36px;
  }
  .pr-xl-7 {
    padding-right: 42px;
  }
  .mr-xl-7 {
    margin-right: 42px;
  }
  .pr-xl-8 {
    padding-right: 48px;
  }
  .mr-xl-8 {
    margin-right: 48px;
  }
  .pr-xl-9 {
    padding-right: 54px;
  }
  .mr-xl-9 {
    margin-right: 54px;
  }
  .pr-xl-10 {
    padding-right: 60px;
  }
  .mr-xl-10 {
    margin-right: 60px;
  }
  .pr-xl-11 {
    padding-right: 66px;
  }
  .mr-xl-11 {
    margin-right: 66px;
  }
  .pr-xl-12 {
    padding-right: 74px;
  }
  .mr-xl-12 {
    margin-right: 74px;
  }
  .mr-xl-auto {
    margin-right: auto;
  }
}
@media screen and (min-width: 65em) {
  .pr-lg-0 {
    padding-right: 0;
  }
  .mr-lg-0 {
    margin-right: 0;
  }
  .pr-lg-1 {
    padding-right: 6px;
  }
  .mr-lg-1 {
    margin-right: 6px;
  }
  .pr-lg-2 {
    padding-right: 12px;
  }
  .mr-lg-2 {
    margin-right: 12px;
  }
  .pr-lg-3 {
    padding-right: 18px;
  }
  .mr-lg-3 {
    margin-right: 18px;
  }
  .pr-lg-4 {
    padding-right: 24px;
  }
  .mr-lg-4 {
    margin-right: 24px;
  }
  .pr-lg-5 {
    padding-right: 30px;
  }
  .mr-lg-5 {
    margin-right: 30px;
  }
  .pr-lg-6 {
    padding-right: 36px;
  }
  .mr-lg-6 {
    margin-right: 36px;
  }
  .pr-lg-7 {
    padding-right: 42px;
  }
  .mr-lg-7 {
    margin-right: 42px;
  }
  .pr-lg-8 {
    padding-right: 48px;
  }
  .mr-lg-8 {
    margin-right: 48px;
  }
  .pr-lg-9 {
    padding-right: 54px;
  }
  .mr-lg-9 {
    margin-right: 54px;
  }
  .pr-lg-10 {
    padding-right: 60px;
  }
  .mr-lg-10 {
    margin-right: 60px;
  }
  .pr-lg-11 {
    padding-right: 66px;
  }
  .mr-lg-11 {
    margin-right: 66px;
  }
  .pr-lg-12 {
    padding-right: 74px;
  }
  .mr-lg-12 {
    margin-right: 74px;
  }
  .mr-lg-auto {
    margin-right: auto;
  }
}
@media screen and (max-width: 833px) {
  .pr-ipad-0 {
    padding-right: 0;
  }
  .mr-ipad-0 {
    margin-right: 0;
  }
  .pr-ipad-1 {
    padding-right: 6px;
  }
  .mr-ipad-1 {
    margin-right: 6px;
  }
  .pr-ipad-2 {
    padding-right: 12px;
  }
  .mr-ipad-2 {
    margin-right: 12px;
  }
  .pr-ipad-3 {
    padding-right: 18px;
  }
  .mr-ipad-3 {
    margin-right: 18px;
  }
  .pr-ipad-4 {
    padding-right: 24px;
  }
  .mr-ipad-4 {
    margin-right: 24px;
  }
  .pr-ipad-5 {
    padding-right: 30px;
  }
  .mr-ipad-5 {
    margin-right: 30px;
  }
  .pr-ipad-6 {
    padding-right: 36px;
  }
  .mr-ipad-6 {
    margin-right: 36px;
  }
  .pr-ipad-7 {
    padding-right: 42px;
  }
  .mr-ipad-7 {
    margin-right: 42px;
  }
  .pr-ipad-8 {
    padding-right: 48px;
  }
  .mr-ipad-8 {
    margin-right: 48px;
  }
  .pr-ipad-9 {
    padding-right: 54px;
  }
  .mr-ipad-9 {
    margin-right: 54px;
  }
  .pr-ipad-10 {
    padding-right: 60px;
  }
  .mr-ipad-10 {
    margin-right: 60px;
  }
  .pr-ipad-11 {
    padding-right: 66px;
  }
  .mr-ipad-11 {
    margin-right: 66px;
  }
  .pr-ipad-12 {
    padding-right: 74px;
  }
  .mr-ipad-12 {
    margin-right: 74px;
  }
  .mr-ipad-auto {
    margin-right: auto;
  }
}
@media screen and (min-width: 45em) {
  .pr-md-0 {
    padding-right: 0;
  }
  .mr-md-0 {
    margin-right: 0;
  }
  .pr-md-1 {
    padding-right: 6px;
  }
  .mr-md-1 {
    margin-right: 6px;
  }
  .pr-md-2 {
    padding-right: 12px;
  }
  .mr-md-2 {
    margin-right: 12px;
  }
  .pr-md-3 {
    padding-right: 18px;
  }
  .mr-md-3 {
    margin-right: 18px;
  }
  .pr-md-4 {
    padding-right: 24px;
  }
  .mr-md-4 {
    margin-right: 24px;
  }
  .pr-md-5 {
    padding-right: 30px;
  }
  .mr-md-5 {
    margin-right: 30px;
  }
  .pr-md-6 {
    padding-right: 36px;
  }
  .mr-md-6 {
    margin-right: 36px;
  }
  .pr-md-7 {
    padding-right: 42px;
  }
  .mr-md-7 {
    margin-right: 42px;
  }
  .pr-md-8 {
    padding-right: 48px;
  }
  .mr-md-8 {
    margin-right: 48px;
  }
  .pr-md-9 {
    padding-right: 54px;
  }
  .mr-md-9 {
    margin-right: 54px;
  }
  .pr-md-10 {
    padding-right: 60px;
  }
  .mr-md-10 {
    margin-right: 60px;
  }
  .pr-md-11 {
    padding-right: 66px;
  }
  .mr-md-11 {
    margin-right: 66px;
  }
  .pr-md-12 {
    padding-right: 74px;
  }
  .mr-md-12 {
    margin-right: 74px;
  }
  .mr-md-auto {
    margin-right: auto;
  }
}
@media screen and (max-width: 30em) {
  .pr-sm-0 {
    padding-right: 0;
  }
  .mr-sm-0 {
    margin-right: 0;
  }
  .pr-sm-1 {
    padding-right: 6px;
  }
  .mr-sm-1 {
    margin-right: 6px;
  }
  .pr-sm-2 {
    padding-right: 12px;
  }
  .mr-sm-2 {
    margin-right: 12px;
  }
  .pr-sm-3 {
    padding-right: 18px;
  }
  .mr-sm-3 {
    margin-right: 18px;
  }
  .pr-sm-4 {
    padding-right: 24px;
  }
  .mr-sm-4 {
    margin-right: 24px;
  }
  .pr-sm-5 {
    padding-right: 30px;
  }
  .mr-sm-5 {
    margin-right: 30px;
  }
  .pr-sm-6 {
    padding-right: 36px;
  }
  .mr-sm-6 {
    margin-right: 36px;
  }
  .pr-sm-7 {
    padding-right: 42px;
  }
  .mr-sm-7 {
    margin-right: 42px;
  }
  .pr-sm-8 {
    padding-right: 48px;
  }
  .mr-sm-8 {
    margin-right: 48px;
  }
  .pr-sm-9 {
    padding-right: 54px;
  }
  .mr-sm-9 {
    margin-right: 54px;
  }
  .pr-sm-10 {
    padding-right: 60px;
  }
  .mr-sm-10 {
    margin-right: 60px;
  }
  .pr-sm-11 {
    padding-right: 66px;
  }
  .mr-sm-11 {
    margin-right: 66px;
  }
  .pr-sm-12 {
    padding-right: 74px;
  }
  .mr-sm-12 {
    margin-right: 74px;
  }
  .mr-sm-auto {
    margin-right: auto;
  }
}
.pb-0 {
  padding-bottom: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.pb-1 {
  padding-bottom: 6px;
}

.mb-1 {
  margin-bottom: 6px;
}

.pb-2 {
  padding-bottom: 12px;
}

.mb-2 {
  margin-bottom: 12px;
}

.pb-3 {
  padding-bottom: 18px;
}

.mb-3 {
  margin-bottom: 18px;
}

.pb-4 {
  padding-bottom: 24px;
}

.mb-4 {
  margin-bottom: 24px;
}

.pb-5 {
  padding-bottom: 30px;
}

.mb-5 {
  margin-bottom: 30px;
}

.pb-6 {
  padding-bottom: 36px;
}

.mb-6 {
  margin-bottom: 36px;
}

.pb-7 {
  padding-bottom: 42px;
}

.mb-7 {
  margin-bottom: 42px;
}

.pb-8 {
  padding-bottom: 48px;
}

.mb-8 {
  margin-bottom: 48px;
}

.pb-9 {
  padding-bottom: 54px;
}

.mb-9 {
  margin-bottom: 54px;
}

.pb-10 {
  padding-bottom: 60px;
}

.mb-10 {
  margin-bottom: 60px;
}

.pb-11 {
  padding-bottom: 66px;
}

.mb-11 {
  margin-bottom: 66px;
}

.pb-12 {
  padding-bottom: 74px;
}

.mb-12 {
  margin-bottom: 74px;
}

.mb-auto {
  margin-bottom: auto;
}

@media screen and (min-width: 88em) {
  .pb-xl-0 {
    padding-bottom: 0;
  }
  .mb-xl-0 {
    margin-bottom: 0;
  }
  .pb-xl-1 {
    padding-bottom: 6px;
  }
  .mb-xl-1 {
    margin-bottom: 6px;
  }
  .pb-xl-2 {
    padding-bottom: 12px;
  }
  .mb-xl-2 {
    margin-bottom: 12px;
  }
  .pb-xl-3 {
    padding-bottom: 18px;
  }
  .mb-xl-3 {
    margin-bottom: 18px;
  }
  .pb-xl-4 {
    padding-bottom: 24px;
  }
  .mb-xl-4 {
    margin-bottom: 24px;
  }
  .pb-xl-5 {
    padding-bottom: 30px;
  }
  .mb-xl-5 {
    margin-bottom: 30px;
  }
  .pb-xl-6 {
    padding-bottom: 36px;
  }
  .mb-xl-6 {
    margin-bottom: 36px;
  }
  .pb-xl-7 {
    padding-bottom: 42px;
  }
  .mb-xl-7 {
    margin-bottom: 42px;
  }
  .pb-xl-8 {
    padding-bottom: 48px;
  }
  .mb-xl-8 {
    margin-bottom: 48px;
  }
  .pb-xl-9 {
    padding-bottom: 54px;
  }
  .mb-xl-9 {
    margin-bottom: 54px;
  }
  .pb-xl-10 {
    padding-bottom: 60px;
  }
  .mb-xl-10 {
    margin-bottom: 60px;
  }
  .pb-xl-11 {
    padding-bottom: 66px;
  }
  .mb-xl-11 {
    margin-bottom: 66px;
  }
  .pb-xl-12 {
    padding-bottom: 74px;
  }
  .mb-xl-12 {
    margin-bottom: 74px;
  }
  .mb-xl-auto {
    margin-bottom: auto;
  }
}
@media screen and (min-width: 65em) {
  .pb-lg-0 {
    padding-bottom: 0;
  }
  .mb-lg-0 {
    margin-bottom: 0;
  }
  .pb-lg-1 {
    padding-bottom: 6px;
  }
  .mb-lg-1 {
    margin-bottom: 6px;
  }
  .pb-lg-2 {
    padding-bottom: 12px;
  }
  .mb-lg-2 {
    margin-bottom: 12px;
  }
  .pb-lg-3 {
    padding-bottom: 18px;
  }
  .mb-lg-3 {
    margin-bottom: 18px;
  }
  .pb-lg-4 {
    padding-bottom: 24px;
  }
  .mb-lg-4 {
    margin-bottom: 24px;
  }
  .pb-lg-5 {
    padding-bottom: 30px;
  }
  .mb-lg-5 {
    margin-bottom: 30px;
  }
  .pb-lg-6 {
    padding-bottom: 36px;
  }
  .mb-lg-6 {
    margin-bottom: 36px;
  }
  .pb-lg-7 {
    padding-bottom: 42px;
  }
  .mb-lg-7 {
    margin-bottom: 42px;
  }
  .pb-lg-8 {
    padding-bottom: 48px;
  }
  .mb-lg-8 {
    margin-bottom: 48px;
  }
  .pb-lg-9 {
    padding-bottom: 54px;
  }
  .mb-lg-9 {
    margin-bottom: 54px;
  }
  .pb-lg-10 {
    padding-bottom: 60px;
  }
  .mb-lg-10 {
    margin-bottom: 60px;
  }
  .pb-lg-11 {
    padding-bottom: 66px;
  }
  .mb-lg-11 {
    margin-bottom: 66px;
  }
  .pb-lg-12 {
    padding-bottom: 74px;
  }
  .mb-lg-12 {
    margin-bottom: 74px;
  }
  .mb-lg-auto {
    margin-bottom: auto;
  }
}
@media screen and (max-width: 833px) {
  .pb-ipad-0 {
    padding-bottom: 0;
  }
  .mb-ipad-0 {
    margin-bottom: 0;
  }
  .pb-ipad-1 {
    padding-bottom: 6px;
  }
  .mb-ipad-1 {
    margin-bottom: 6px;
  }
  .pb-ipad-2 {
    padding-bottom: 12px;
  }
  .mb-ipad-2 {
    margin-bottom: 12px;
  }
  .pb-ipad-3 {
    padding-bottom: 18px;
  }
  .mb-ipad-3 {
    margin-bottom: 18px;
  }
  .pb-ipad-4 {
    padding-bottom: 24px;
  }
  .mb-ipad-4 {
    margin-bottom: 24px;
  }
  .pb-ipad-5 {
    padding-bottom: 30px;
  }
  .mb-ipad-5 {
    margin-bottom: 30px;
  }
  .pb-ipad-6 {
    padding-bottom: 36px;
  }
  .mb-ipad-6 {
    margin-bottom: 36px;
  }
  .pb-ipad-7 {
    padding-bottom: 42px;
  }
  .mb-ipad-7 {
    margin-bottom: 42px;
  }
  .pb-ipad-8 {
    padding-bottom: 48px;
  }
  .mb-ipad-8 {
    margin-bottom: 48px;
  }
  .pb-ipad-9 {
    padding-bottom: 54px;
  }
  .mb-ipad-9 {
    margin-bottom: 54px;
  }
  .pb-ipad-10 {
    padding-bottom: 60px;
  }
  .mb-ipad-10 {
    margin-bottom: 60px;
  }
  .pb-ipad-11 {
    padding-bottom: 66px;
  }
  .mb-ipad-11 {
    margin-bottom: 66px;
  }
  .pb-ipad-12 {
    padding-bottom: 74px;
  }
  .mb-ipad-12 {
    margin-bottom: 74px;
  }
  .mb-ipad-auto {
    margin-bottom: auto;
  }
}
@media screen and (min-width: 45em) {
  .pb-md-0 {
    padding-bottom: 0;
  }
  .mb-md-0 {
    margin-bottom: 0;
  }
  .pb-md-1 {
    padding-bottom: 6px;
  }
  .mb-md-1 {
    margin-bottom: 6px;
  }
  .pb-md-2 {
    padding-bottom: 12px;
  }
  .mb-md-2 {
    margin-bottom: 12px;
  }
  .pb-md-3 {
    padding-bottom: 18px;
  }
  .mb-md-3 {
    margin-bottom: 18px;
  }
  .pb-md-4 {
    padding-bottom: 24px;
  }
  .mb-md-4 {
    margin-bottom: 24px;
  }
  .pb-md-5 {
    padding-bottom: 30px;
  }
  .mb-md-5 {
    margin-bottom: 30px;
  }
  .pb-md-6 {
    padding-bottom: 36px;
  }
  .mb-md-6 {
    margin-bottom: 36px;
  }
  .pb-md-7 {
    padding-bottom: 42px;
  }
  .mb-md-7 {
    margin-bottom: 42px;
  }
  .pb-md-8 {
    padding-bottom: 48px;
  }
  .mb-md-8 {
    margin-bottom: 48px;
  }
  .pb-md-9 {
    padding-bottom: 54px;
  }
  .mb-md-9 {
    margin-bottom: 54px;
  }
  .pb-md-10 {
    padding-bottom: 60px;
  }
  .mb-md-10 {
    margin-bottom: 60px;
  }
  .pb-md-11 {
    padding-bottom: 66px;
  }
  .mb-md-11 {
    margin-bottom: 66px;
  }
  .pb-md-12 {
    padding-bottom: 74px;
  }
  .mb-md-12 {
    margin-bottom: 74px;
  }
  .mb-md-auto {
    margin-bottom: auto;
  }
}
@media screen and (max-width: 30em) {
  .pb-sm-0 {
    padding-bottom: 0;
  }
  .mb-sm-0 {
    margin-bottom: 0;
  }
  .pb-sm-1 {
    padding-bottom: 6px;
  }
  .mb-sm-1 {
    margin-bottom: 6px;
  }
  .pb-sm-2 {
    padding-bottom: 12px;
  }
  .mb-sm-2 {
    margin-bottom: 12px;
  }
  .pb-sm-3 {
    padding-bottom: 18px;
  }
  .mb-sm-3 {
    margin-bottom: 18px;
  }
  .pb-sm-4 {
    padding-bottom: 24px;
  }
  .mb-sm-4 {
    margin-bottom: 24px;
  }
  .pb-sm-5 {
    padding-bottom: 30px;
  }
  .mb-sm-5 {
    margin-bottom: 30px;
  }
  .pb-sm-6 {
    padding-bottom: 36px;
  }
  .mb-sm-6 {
    margin-bottom: 36px;
  }
  .pb-sm-7 {
    padding-bottom: 42px;
  }
  .mb-sm-7 {
    margin-bottom: 42px;
  }
  .pb-sm-8 {
    padding-bottom: 48px;
  }
  .mb-sm-8 {
    margin-bottom: 48px;
  }
  .pb-sm-9 {
    padding-bottom: 54px;
  }
  .mb-sm-9 {
    margin-bottom: 54px;
  }
  .pb-sm-10 {
    padding-bottom: 60px;
  }
  .mb-sm-10 {
    margin-bottom: 60px;
  }
  .pb-sm-11 {
    padding-bottom: 66px;
  }
  .mb-sm-11 {
    margin-bottom: 66px;
  }
  .pb-sm-12 {
    padding-bottom: 74px;
  }
  .mb-sm-12 {
    margin-bottom: 74px;
  }
  .mb-sm-auto {
    margin-bottom: auto;
  }
}
.pl-0 {
  padding-left: 0;
}

.ml-0 {
  margin-left: 0;
}

.pl-1 {
  padding-left: 6px;
}

.ml-1 {
  margin-left: 6px;
}

.pl-2 {
  padding-left: 12px;
}

.ml-2 {
  margin-left: 12px;
}

.pl-3 {
  padding-left: 18px;
}

.ml-3 {
  margin-left: 18px;
}

.pl-4 {
  padding-left: 24px;
}

.ml-4 {
  margin-left: 24px;
}

.pl-5 {
  padding-left: 30px;
}

.ml-5 {
  margin-left: 30px;
}

.pl-6 {
  padding-left: 36px;
}

.ml-6 {
  margin-left: 36px;
}

.pl-7 {
  padding-left: 42px;
}

.ml-7 {
  margin-left: 42px;
}

.pl-8 {
  padding-left: 48px;
}

.ml-8 {
  margin-left: 48px;
}

.pl-9 {
  padding-left: 54px;
}

.ml-9 {
  margin-left: 54px;
}

.pl-10 {
  padding-left: 60px;
}

.ml-10 {
  margin-left: 60px;
}

.pl-11 {
  padding-left: 66px;
}

.ml-11 {
  margin-left: 66px;
}

.pl-12 {
  padding-left: 74px;
}

.ml-12 {
  margin-left: 74px;
}

.ml-auto {
  margin-left: auto;
}

@media screen and (min-width: 88em) {
  .pl-xl-0 {
    padding-left: 0;
  }
  .ml-xl-0 {
    margin-left: 0;
  }
  .pl-xl-1 {
    padding-left: 6px;
  }
  .ml-xl-1 {
    margin-left: 6px;
  }
  .pl-xl-2 {
    padding-left: 12px;
  }
  .ml-xl-2 {
    margin-left: 12px;
  }
  .pl-xl-3 {
    padding-left: 18px;
  }
  .ml-xl-3 {
    margin-left: 18px;
  }
  .pl-xl-4 {
    padding-left: 24px;
  }
  .ml-xl-4 {
    margin-left: 24px;
  }
  .pl-xl-5 {
    padding-left: 30px;
  }
  .ml-xl-5 {
    margin-left: 30px;
  }
  .pl-xl-6 {
    padding-left: 36px;
  }
  .ml-xl-6 {
    margin-left: 36px;
  }
  .pl-xl-7 {
    padding-left: 42px;
  }
  .ml-xl-7 {
    margin-left: 42px;
  }
  .pl-xl-8 {
    padding-left: 48px;
  }
  .ml-xl-8 {
    margin-left: 48px;
  }
  .pl-xl-9 {
    padding-left: 54px;
  }
  .ml-xl-9 {
    margin-left: 54px;
  }
  .pl-xl-10 {
    padding-left: 60px;
  }
  .ml-xl-10 {
    margin-left: 60px;
  }
  .pl-xl-11 {
    padding-left: 66px;
  }
  .ml-xl-11 {
    margin-left: 66px;
  }
  .pl-xl-12 {
    padding-left: 74px;
  }
  .ml-xl-12 {
    margin-left: 74px;
  }
  .ml-xl-auto {
    margin-left: auto;
  }
}
@media screen and (min-width: 65em) {
  .pl-lg-0 {
    padding-left: 0;
  }
  .ml-lg-0 {
    margin-left: 0;
  }
  .pl-lg-1 {
    padding-left: 6px;
  }
  .ml-lg-1 {
    margin-left: 6px;
  }
  .pl-lg-2 {
    padding-left: 12px;
  }
  .ml-lg-2 {
    margin-left: 12px;
  }
  .pl-lg-3 {
    padding-left: 18px;
  }
  .ml-lg-3 {
    margin-left: 18px;
  }
  .pl-lg-4 {
    padding-left: 24px;
  }
  .ml-lg-4 {
    margin-left: 24px;
  }
  .pl-lg-5 {
    padding-left: 30px;
  }
  .ml-lg-5 {
    margin-left: 30px;
  }
  .pl-lg-6 {
    padding-left: 36px;
  }
  .ml-lg-6 {
    margin-left: 36px;
  }
  .pl-lg-7 {
    padding-left: 42px;
  }
  .ml-lg-7 {
    margin-left: 42px;
  }
  .pl-lg-8 {
    padding-left: 48px;
  }
  .ml-lg-8 {
    margin-left: 48px;
  }
  .pl-lg-9 {
    padding-left: 54px;
  }
  .ml-lg-9 {
    margin-left: 54px;
  }
  .pl-lg-10 {
    padding-left: 60px;
  }
  .ml-lg-10 {
    margin-left: 60px;
  }
  .pl-lg-11 {
    padding-left: 66px;
  }
  .ml-lg-11 {
    margin-left: 66px;
  }
  .pl-lg-12 {
    padding-left: 74px;
  }
  .ml-lg-12 {
    margin-left: 74px;
  }
  .ml-lg-auto {
    margin-left: auto;
  }
}
@media screen and (max-width: 833px) {
  .pl-ipad-0 {
    padding-left: 0;
  }
  .ml-ipad-0 {
    margin-left: 0;
  }
  .pl-ipad-1 {
    padding-left: 6px;
  }
  .ml-ipad-1 {
    margin-left: 6px;
  }
  .pl-ipad-2 {
    padding-left: 12px;
  }
  .ml-ipad-2 {
    margin-left: 12px;
  }
  .pl-ipad-3 {
    padding-left: 18px;
  }
  .ml-ipad-3 {
    margin-left: 18px;
  }
  .pl-ipad-4 {
    padding-left: 24px;
  }
  .ml-ipad-4 {
    margin-left: 24px;
  }
  .pl-ipad-5 {
    padding-left: 30px;
  }
  .ml-ipad-5 {
    margin-left: 30px;
  }
  .pl-ipad-6 {
    padding-left: 36px;
  }
  .ml-ipad-6 {
    margin-left: 36px;
  }
  .pl-ipad-7 {
    padding-left: 42px;
  }
  .ml-ipad-7 {
    margin-left: 42px;
  }
  .pl-ipad-8 {
    padding-left: 48px;
  }
  .ml-ipad-8 {
    margin-left: 48px;
  }
  .pl-ipad-9 {
    padding-left: 54px;
  }
  .ml-ipad-9 {
    margin-left: 54px;
  }
  .pl-ipad-10 {
    padding-left: 60px;
  }
  .ml-ipad-10 {
    margin-left: 60px;
  }
  .pl-ipad-11 {
    padding-left: 66px;
  }
  .ml-ipad-11 {
    margin-left: 66px;
  }
  .pl-ipad-12 {
    padding-left: 74px;
  }
  .ml-ipad-12 {
    margin-left: 74px;
  }
  .ml-ipad-auto {
    margin-left: auto;
  }
}
@media screen and (min-width: 45em) {
  .pl-md-0 {
    padding-left: 0;
  }
  .ml-md-0 {
    margin-left: 0;
  }
  .pl-md-1 {
    padding-left: 6px;
  }
  .ml-md-1 {
    margin-left: 6px;
  }
  .pl-md-2 {
    padding-left: 12px;
  }
  .ml-md-2 {
    margin-left: 12px;
  }
  .pl-md-3 {
    padding-left: 18px;
  }
  .ml-md-3 {
    margin-left: 18px;
  }
  .pl-md-4 {
    padding-left: 24px;
  }
  .ml-md-4 {
    margin-left: 24px;
  }
  .pl-md-5 {
    padding-left: 30px;
  }
  .ml-md-5 {
    margin-left: 30px;
  }
  .pl-md-6 {
    padding-left: 36px;
  }
  .ml-md-6 {
    margin-left: 36px;
  }
  .pl-md-7 {
    padding-left: 42px;
  }
  .ml-md-7 {
    margin-left: 42px;
  }
  .pl-md-8 {
    padding-left: 48px;
  }
  .ml-md-8 {
    margin-left: 48px;
  }
  .pl-md-9 {
    padding-left: 54px;
  }
  .ml-md-9 {
    margin-left: 54px;
  }
  .pl-md-10 {
    padding-left: 60px;
  }
  .ml-md-10 {
    margin-left: 60px;
  }
  .pl-md-11 {
    padding-left: 66px;
  }
  .ml-md-11 {
    margin-left: 66px;
  }
  .pl-md-12 {
    padding-left: 74px;
  }
  .ml-md-12 {
    margin-left: 74px;
  }
  .ml-md-auto {
    margin-left: auto;
  }
}
@media screen and (max-width: 30em) {
  .pl-sm-0 {
    padding-left: 0;
  }
  .ml-sm-0 {
    margin-left: 0;
  }
  .pl-sm-1 {
    padding-left: 6px;
  }
  .ml-sm-1 {
    margin-left: 6px;
  }
  .pl-sm-2 {
    padding-left: 12px;
  }
  .ml-sm-2 {
    margin-left: 12px;
  }
  .pl-sm-3 {
    padding-left: 18px;
  }
  .ml-sm-3 {
    margin-left: 18px;
  }
  .pl-sm-4 {
    padding-left: 24px;
  }
  .ml-sm-4 {
    margin-left: 24px;
  }
  .pl-sm-5 {
    padding-left: 30px;
  }
  .ml-sm-5 {
    margin-left: 30px;
  }
  .pl-sm-6 {
    padding-left: 36px;
  }
  .ml-sm-6 {
    margin-left: 36px;
  }
  .pl-sm-7 {
    padding-left: 42px;
  }
  .ml-sm-7 {
    margin-left: 42px;
  }
  .pl-sm-8 {
    padding-left: 48px;
  }
  .ml-sm-8 {
    margin-left: 48px;
  }
  .pl-sm-9 {
    padding-left: 54px;
  }
  .ml-sm-9 {
    margin-left: 54px;
  }
  .pl-sm-10 {
    padding-left: 60px;
  }
  .ml-sm-10 {
    margin-left: 60px;
  }
  .pl-sm-11 {
    padding-left: 66px;
  }
  .ml-sm-11 {
    margin-left: 66px;
  }
  .pl-sm-12 {
    padding-left: 74px;
  }
  .ml-sm-12 {
    margin-left: 74px;
  }
  .ml-sm-auto {
    margin-left: auto;
  }
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.px-1 {
  padding-left: 6px;
  padding-right: 6px;
}

.mx-1 {
  margin-left: 6px;
  margin-right: 6px;
}

.px-2 {
  padding-left: 12px;
  padding-right: 12px;
}

.mx-2 {
  margin-left: 12px;
  margin-right: 12px;
}

.px-3 {
  padding-left: 18px;
  padding-right: 18px;
}

.mx-3 {
  margin-left: 18px;
  margin-right: 18px;
}

.px-4 {
  padding-left: 24px;
  padding-right: 24px;
}

.mx-4 {
  margin-left: 24px;
  margin-right: 24px;
}

.px-5 {
  padding-left: 30px;
  padding-right: 30px;
}

.mx-5 {
  margin-left: 30px;
  margin-right: 30px;
}

.px-6 {
  padding-left: 36px;
  padding-right: 36px;
}

.mx-6 {
  margin-left: 36px;
  margin-right: 36px;
}

.px-7 {
  padding-left: 42px;
  padding-right: 42px;
}

.mx-7 {
  margin-left: 42px;
  margin-right: 42px;
}

.px-8 {
  padding-left: 48px;
  padding-right: 48px;
}

.mx-8 {
  margin-left: 48px;
  margin-right: 48px;
}

.px-9 {
  padding-left: 54px;
  padding-right: 54px;
}

.mx-9 {
  margin-left: 54px;
  margin-right: 54px;
}

.px-10 {
  padding-left: 60px;
  padding-right: 60px;
}

.mx-10 {
  margin-left: 60px;
  margin-right: 60px;
}

.px-11 {
  padding-left: 66px;
  padding-right: 66px;
}

.mx-11 {
  margin-left: 66px;
  margin-right: 66px;
}

.px-12 {
  padding-left: 74px;
  padding-right: 74px;
}

.mx-12 {
  margin-left: 74px;
  margin-right: 74px;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 88em) {
  .px-xl-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .mx-xl-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .px-xl-1 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .mx-xl-1 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .px-xl-2 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .mx-xl-2 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .px-xl-3 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .mx-xl-3 {
    margin-left: 18px;
    margin-right: 18px;
  }
  .px-xl-4 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .mx-xl-4 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .px-xl-5 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .mx-xl-5 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .px-xl-6 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .mx-xl-6 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .px-xl-7 {
    padding-left: 42px;
    padding-right: 42px;
  }
  .mx-xl-7 {
    margin-left: 42px;
    margin-right: 42px;
  }
  .px-xl-8 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .mx-xl-8 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .px-xl-9 {
    padding-left: 54px;
    padding-right: 54px;
  }
  .mx-xl-9 {
    margin-left: 54px;
    margin-right: 54px;
  }
  .px-xl-10 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .mx-xl-10 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .px-xl-11 {
    padding-left: 66px;
    padding-right: 66px;
  }
  .mx-xl-11 {
    margin-left: 66px;
    margin-right: 66px;
  }
  .px-xl-12 {
    padding-left: 74px;
    padding-right: 74px;
  }
  .mx-xl-12 {
    margin-left: 74px;
    margin-right: 74px;
  }
  .mx-xl-auto {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 65em) {
  .px-lg-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .mx-lg-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .px-lg-1 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .mx-lg-1 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .px-lg-2 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .mx-lg-2 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .px-lg-3 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .mx-lg-3 {
    margin-left: 18px;
    margin-right: 18px;
  }
  .px-lg-4 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .mx-lg-4 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .px-lg-5 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .mx-lg-5 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .px-lg-6 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .mx-lg-6 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .px-lg-7 {
    padding-left: 42px;
    padding-right: 42px;
  }
  .mx-lg-7 {
    margin-left: 42px;
    margin-right: 42px;
  }
  .px-lg-8 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .mx-lg-8 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .px-lg-9 {
    padding-left: 54px;
    padding-right: 54px;
  }
  .mx-lg-9 {
    margin-left: 54px;
    margin-right: 54px;
  }
  .px-lg-10 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .mx-lg-10 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .px-lg-11 {
    padding-left: 66px;
    padding-right: 66px;
  }
  .mx-lg-11 {
    margin-left: 66px;
    margin-right: 66px;
  }
  .px-lg-12 {
    padding-left: 74px;
    padding-right: 74px;
  }
  .mx-lg-12 {
    margin-left: 74px;
    margin-right: 74px;
  }
  .mx-lg-auto {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 833px) {
  .px-ipad-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .mx-ipad-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .px-ipad-1 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .mx-ipad-1 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .px-ipad-2 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .mx-ipad-2 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .px-ipad-3 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .mx-ipad-3 {
    margin-left: 18px;
    margin-right: 18px;
  }
  .px-ipad-4 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .mx-ipad-4 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .px-ipad-5 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .mx-ipad-5 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .px-ipad-6 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .mx-ipad-6 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .px-ipad-7 {
    padding-left: 42px;
    padding-right: 42px;
  }
  .mx-ipad-7 {
    margin-left: 42px;
    margin-right: 42px;
  }
  .px-ipad-8 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .mx-ipad-8 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .px-ipad-9 {
    padding-left: 54px;
    padding-right: 54px;
  }
  .mx-ipad-9 {
    margin-left: 54px;
    margin-right: 54px;
  }
  .px-ipad-10 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .mx-ipad-10 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .px-ipad-11 {
    padding-left: 66px;
    padding-right: 66px;
  }
  .mx-ipad-11 {
    margin-left: 66px;
    margin-right: 66px;
  }
  .px-ipad-12 {
    padding-left: 74px;
    padding-right: 74px;
  }
  .mx-ipad-12 {
    margin-left: 74px;
    margin-right: 74px;
  }
  .mx-ipad-auto {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 45em) {
  .px-md-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .mx-md-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .px-md-1 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .mx-md-1 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .px-md-2 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .mx-md-2 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .px-md-3 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .mx-md-3 {
    margin-left: 18px;
    margin-right: 18px;
  }
  .px-md-4 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .mx-md-4 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .px-md-5 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .mx-md-5 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .px-md-6 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .mx-md-6 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .px-md-7 {
    padding-left: 42px;
    padding-right: 42px;
  }
  .mx-md-7 {
    margin-left: 42px;
    margin-right: 42px;
  }
  .px-md-8 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .mx-md-8 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .px-md-9 {
    padding-left: 54px;
    padding-right: 54px;
  }
  .mx-md-9 {
    margin-left: 54px;
    margin-right: 54px;
  }
  .px-md-10 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .mx-md-10 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .px-md-11 {
    padding-left: 66px;
    padding-right: 66px;
  }
  .mx-md-11 {
    margin-left: 66px;
    margin-right: 66px;
  }
  .px-md-12 {
    padding-left: 74px;
    padding-right: 74px;
  }
  .mx-md-12 {
    margin-left: 74px;
    margin-right: 74px;
  }
  .mx-md-auto {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 30em) {
  .px-sm-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .mx-sm-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .px-sm-1 {
    padding-left: 6px;
    padding-right: 6px;
  }
  .mx-sm-1 {
    margin-left: 6px;
    margin-right: 6px;
  }
  .px-sm-2 {
    padding-left: 12px;
    padding-right: 12px;
  }
  .mx-sm-2 {
    margin-left: 12px;
    margin-right: 12px;
  }
  .px-sm-3 {
    padding-left: 18px;
    padding-right: 18px;
  }
  .mx-sm-3 {
    margin-left: 18px;
    margin-right: 18px;
  }
  .px-sm-4 {
    padding-left: 24px;
    padding-right: 24px;
  }
  .mx-sm-4 {
    margin-left: 24px;
    margin-right: 24px;
  }
  .px-sm-5 {
    padding-left: 30px;
    padding-right: 30px;
  }
  .mx-sm-5 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .px-sm-6 {
    padding-left: 36px;
    padding-right: 36px;
  }
  .mx-sm-6 {
    margin-left: 36px;
    margin-right: 36px;
  }
  .px-sm-7 {
    padding-left: 42px;
    padding-right: 42px;
  }
  .mx-sm-7 {
    margin-left: 42px;
    margin-right: 42px;
  }
  .px-sm-8 {
    padding-left: 48px;
    padding-right: 48px;
  }
  .mx-sm-8 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .px-sm-9 {
    padding-left: 54px;
    padding-right: 54px;
  }
  .mx-sm-9 {
    margin-left: 54px;
    margin-right: 54px;
  }
  .px-sm-10 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .mx-sm-10 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .px-sm-11 {
    padding-left: 66px;
    padding-right: 66px;
  }
  .mx-sm-11 {
    margin-left: 66px;
    margin-right: 66px;
  }
  .px-sm-12 {
    padding-left: 74px;
    padding-right: 74px;
  }
  .mx-sm-12 {
    margin-left: 74px;
    margin-right: 74px;
  }
  .mx-sm-auto {
    margin-left: auto;
    margin-right: auto;
  }
}
.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.py-1 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.my-1 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.py-2 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.my-2 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.py-3 {
  padding-top: 18px;
  padding-bottom: 18px;
}

.my-3 {
  margin-top: 18px;
  margin-bottom: 18px;
}

.py-4 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.my-4 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.py-5 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.my-5 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.py-6 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.my-6 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.py-7 {
  padding-top: 42px;
  padding-bottom: 42px;
}

.my-7 {
  margin-top: 42px;
  margin-bottom: 42px;
}

.py-8 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.my-8 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.py-9 {
  padding-top: 54px;
  padding-bottom: 54px;
}

.my-9 {
  margin-top: 54px;
  margin-bottom: 54px;
}

.py-10 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.my-10 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.py-11 {
  padding-top: 66px;
  padding-bottom: 66px;
}

.my-11 {
  margin-top: 66px;
  margin-bottom: 66px;
}

.py-12 {
  padding-top: 74px;
  padding-bottom: 74px;
}

.my-12 {
  margin-top: 74px;
  margin-bottom: 74px;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

@media screen and (min-width: 88em) {
  .py-xl-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .my-xl-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .py-xl-1 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .my-xl-1 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .py-xl-2 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .my-xl-2 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .py-xl-3 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .my-xl-3 {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .py-xl-4 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .my-xl-4 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .py-xl-5 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .my-xl-5 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .py-xl-6 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .my-xl-6 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .py-xl-7 {
    padding-top: 42px;
    padding-bottom: 42px;
  }
  .my-xl-7 {
    margin-top: 42px;
    margin-bottom: 42px;
  }
  .py-xl-8 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .my-xl-8 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .py-xl-9 {
    padding-top: 54px;
    padding-bottom: 54px;
  }
  .my-xl-9 {
    margin-top: 54px;
    margin-bottom: 54px;
  }
  .py-xl-10 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .my-xl-10 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .py-xl-11 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .my-xl-11 {
    margin-top: 66px;
    margin-bottom: 66px;
  }
  .py-xl-12 {
    padding-top: 74px;
    padding-bottom: 74px;
  }
  .my-xl-12 {
    margin-top: 74px;
    margin-bottom: 74px;
  }
  .my-xl-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media screen and (min-width: 65em) {
  .py-lg-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .my-lg-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .py-lg-1 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .my-lg-1 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .py-lg-2 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .my-lg-2 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .py-lg-3 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .my-lg-3 {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .py-lg-4 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .my-lg-4 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .py-lg-5 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .my-lg-5 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .py-lg-6 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .my-lg-6 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .py-lg-7 {
    padding-top: 42px;
    padding-bottom: 42px;
  }
  .my-lg-7 {
    margin-top: 42px;
    margin-bottom: 42px;
  }
  .py-lg-8 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .my-lg-8 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .py-lg-9 {
    padding-top: 54px;
    padding-bottom: 54px;
  }
  .my-lg-9 {
    margin-top: 54px;
    margin-bottom: 54px;
  }
  .py-lg-10 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .my-lg-10 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .py-lg-11 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .my-lg-11 {
    margin-top: 66px;
    margin-bottom: 66px;
  }
  .py-lg-12 {
    padding-top: 74px;
    padding-bottom: 74px;
  }
  .my-lg-12 {
    margin-top: 74px;
    margin-bottom: 74px;
  }
  .my-lg-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media screen and (max-width: 833px) {
  .py-ipad-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .my-ipad-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .py-ipad-1 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .my-ipad-1 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .py-ipad-2 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .my-ipad-2 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .py-ipad-3 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .my-ipad-3 {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .py-ipad-4 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .my-ipad-4 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .py-ipad-5 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .my-ipad-5 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .py-ipad-6 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .my-ipad-6 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .py-ipad-7 {
    padding-top: 42px;
    padding-bottom: 42px;
  }
  .my-ipad-7 {
    margin-top: 42px;
    margin-bottom: 42px;
  }
  .py-ipad-8 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .my-ipad-8 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .py-ipad-9 {
    padding-top: 54px;
    padding-bottom: 54px;
  }
  .my-ipad-9 {
    margin-top: 54px;
    margin-bottom: 54px;
  }
  .py-ipad-10 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .my-ipad-10 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .py-ipad-11 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .my-ipad-11 {
    margin-top: 66px;
    margin-bottom: 66px;
  }
  .py-ipad-12 {
    padding-top: 74px;
    padding-bottom: 74px;
  }
  .my-ipad-12 {
    margin-top: 74px;
    margin-bottom: 74px;
  }
  .my-ipad-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media screen and (min-width: 45em) {
  .py-md-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .my-md-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .py-md-1 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .my-md-1 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .py-md-2 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .my-md-2 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .py-md-3 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .my-md-3 {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .py-md-4 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .my-md-4 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .py-md-5 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .my-md-5 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .py-md-6 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .my-md-6 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .py-md-7 {
    padding-top: 42px;
    padding-bottom: 42px;
  }
  .my-md-7 {
    margin-top: 42px;
    margin-bottom: 42px;
  }
  .py-md-8 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .my-md-8 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .py-md-9 {
    padding-top: 54px;
    padding-bottom: 54px;
  }
  .my-md-9 {
    margin-top: 54px;
    margin-bottom: 54px;
  }
  .py-md-10 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .my-md-10 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .py-md-11 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .my-md-11 {
    margin-top: 66px;
    margin-bottom: 66px;
  }
  .py-md-12 {
    padding-top: 74px;
    padding-bottom: 74px;
  }
  .my-md-12 {
    margin-top: 74px;
    margin-bottom: 74px;
  }
  .my-md-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media screen and (max-width: 30em) {
  .py-sm-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .my-sm-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .py-sm-1 {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .my-sm-1 {
    margin-top: 6px;
    margin-bottom: 6px;
  }
  .py-sm-2 {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .my-sm-2 {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .py-sm-3 {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .my-sm-3 {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .py-sm-4 {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .my-sm-4 {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .py-sm-5 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .my-sm-5 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .py-sm-6 {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .my-sm-6 {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  .py-sm-7 {
    padding-top: 42px;
    padding-bottom: 42px;
  }
  .my-sm-7 {
    margin-top: 42px;
    margin-bottom: 42px;
  }
  .py-sm-8 {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .my-sm-8 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
  .py-sm-9 {
    padding-top: 54px;
    padding-bottom: 54px;
  }
  .my-sm-9 {
    margin-top: 54px;
    margin-bottom: 54px;
  }
  .py-sm-10 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .my-sm-10 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .py-sm-11 {
    padding-top: 66px;
    padding-bottom: 66px;
  }
  .my-sm-11 {
    margin-top: 66px;
    margin-bottom: 66px;
  }
  .py-sm-12 {
    padding-top: 74px;
    padding-bottom: 74px;
  }
  .my-sm-12 {
    margin-top: 74px;
    margin-bottom: 74px;
  }
  .my-sm-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
}
/*Seg transition/animation library*/
/*Seg transition/animation library*/
:root {
  --sizing-unit: 10px;
}

/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
/*
  MDL input theming
  defaulted to grey
*/
.seg-mdl-textfield.seg-mdl-completed label,
.seg-mdl-dot-checkbox label,
.seg-mdl-dropdown.seg-mdl-completed label,
.seg-mdl-passwordfield.seg-mdl-completed label,
.seg-mdl-radio label,
.seg-mdl-searchfield.seg-mdl-completed label,
.seg-mdl-textarea.seg-mdl-completed label,
.seg-mdl-datefield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: #0077C6;
}

.seg-mdl-btn,
.seg-mdl-dot-checkbox-dot::after,
.seg-mdl-passwordfield::after,
.seg-mdl-radio-dot::after,
.seg-mdl-list-radio-dot::after {
  background-color: #0077C6;
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: #0077C6;
}

.fs-930 {
  font-size: 44px;
  line-height: 1.1;
}

.fs-920 {
  font-size: 40px;
  line-height: 1.1;
}

.fs-900 {
  font-size: 36px;
  line-height: 1.1;
}

.fs-800 {
  font-size: 30px;
  line-height: 1.1;
}

.fs-700 {
  font-size: 24px;
  line-height: 1.1;
}

.fs-600 {
  font-size: 20px;
}

.fs-500 {
  font-size: 16px;
}

.fs-400 {
  font-size: 14px;
}

.fs-300 {
  font-size: 12px;
}

.fs-200 {
  font-size: 0.75rem;
}

.fs-100 {
  font-size: 0.5rem;
}

.fw-regular {
  font-weight: 400;
}

.fw-semi-bold {
  font-weight: 600;
}

.fw-bold {
  font-weight: 700;
}

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

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

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

.uppercase {
  text-transform: uppercase;
}

.lh-1 {
  line-height: 1;
}

.lh-base {
  line-height: 1.5;
}

.lh-sm {
  line-height: 1.25;
}

.lh-lg {
  line-height: 2;
}

/*
h1 {
   @include mq-max(1200px) {
      font-size: 3rem;
   }

   @include mq-max(1000px) {
      font-size: 2.5rem;
   }

   @include mq-max(700px) {
      font-size: 2.2rem;
   }
}

h2 {
   @include mq-max(1200px) {
      font-size: 2.5rem;
   }

   @include mq-max(1000px) {
      font-size: 2.2rem;
   }

   @include mq-max(700px) {
      font-size: 2rem;
   }
}*/
.d-none {
  display: none;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-block {
  display: block;
}

.d-table {
  display: table;
}

.d-table-row {
  display: table-row;
}

.d-table-cell {
  display: table-cell;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.woocommerce > section #respond input#submit,
.woocommerce > section a.button,
.woocommerce > section button.button,
.woocommerce > section input.button {
  background-color: #0077C6;
  border: 0px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid #0077C6;
  text-align: center;
  min-width: 150px;
  height: 40px;
  color: #fff;
  padding: 10px 20px;
  transition: background-color 0.2s ease;
}
.woocommerce > section #respond input#submit:hover,
.woocommerce > section a.button:hover,
.woocommerce > section button.button:hover,
.woocommerce > section input.button:hover {
  background-color: #006bb2;
  color: #fff;
}
.woocommerce .woocommerce-ordering select {
  background-color: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: 0 0 0 1px #75787b;
  height: 40px;
  color: #75787b;
  font-weight: normal;
  font-size: 14px;
  width: 240px;
}

.woocommerce-checkout.woocommerce-order-received .woocommerce ul.order_details {
  padding: 10px 0 20px;
  display: flex;
  flex-wrap: wrap;
}
.woocommerce-checkout.woocommerce-order-received .woocommerce ul.order_details li {
  padding-bottom: 10px;
}

.woocommerce-form-login .seg-mdl-active input.input-text,
.woocommerce-form-register .seg-mdl-active input.input-text,
.woocommerce-EditAccountForm .seg-mdl-active input.input-text {
  border: none !important;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
  margin-right: 0;
  font-size: 14px;
}

.page-cart section .woocommerce .coupon {
  display: flex;
}
.page-cart section .woocommerce .coupon input {
  min-width: 180px;
  border-radius: 7px 0 0 7px;
}
.page-cart section .woocommerce .coupon .button {
  border-radius: 0 7px 7px 0;
  background-color: #000;
  border: 1px solid #000;
}
.page-cart section .woocommerce .coupon .button:hover {
  background-color: #1a1a1a;
  color: #fff;
}
.page-cart section .woocommerce #respond input#submit,
.page-cart section .woocommerce a.button,
.page-cart section .woocommerce button.button,
.page-cart section .woocommerce input.button {
  background-color: #0077C6;
  border: 0px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  border: 1px solid #0077C6;
  text-align: center;
  min-width: 150px;
  height: 40px;
  color: #fff;
  padding: 0 20px;
  transition: background-color 0.2s ease;
}
.page-cart section .woocommerce #respond input#submit:hover,
.page-cart section .woocommerce a.button:hover,
.page-cart section .woocommerce button.button:hover,
.page-cart section .woocommerce input.button:hover {
  background-color: #006bb2;
  color: #fff;
}
.page-cart section .woocommerce #respond input#submit:disabled[disabled],
.page-cart section .woocommerce a.button:disabled[disabled],
.page-cart section .woocommerce button.button:disabled[disabled],
.page-cart section .woocommerce input.button:disabled[disabled] {
  padding: 0 20px;
}

.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active,
.page[class*=device-] .woocommerce .seg-disabled-field, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active,
.page[class*=device-].woocommerce-page .seg-disabled-field, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active,
.page[class*=device-].account-settings .seg-disabled-field {
  border-radius: 0px;
  min-height: 40px;
  padding: 6px;
  position: relative;
  margin: 0 0 30px;
  display: inline-block;
  width: 100%;
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active input.input-text,
.page[class*=device-] .woocommerce .seg-disabled-field input.input-text, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active input.input-text,
.page[class*=device-].woocommerce-page .seg-disabled-field input.input-text, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active input.input-text,
.page[class*=device-].account-settings .seg-disabled-field input.input-text {
  border-bottom: 1px solid #efefef;
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active.form-row-first.seg-mdl-active, .page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active.form-row-last.seg-mdl-active,
.page[class*=device-] .woocommerce .seg-disabled-field.form-row-first.seg-mdl-active,
.page[class*=device-] .woocommerce .seg-disabled-field.form-row-last.seg-mdl-active, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active.form-row-first.seg-mdl-active, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active.form-row-last.seg-mdl-active,
.page[class*=device-].woocommerce-page .seg-disabled-field.form-row-first.seg-mdl-active,
.page[class*=device-].woocommerce-page .seg-disabled-field.form-row-last.seg-mdl-active, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active.form-row-first.seg-mdl-active, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active.form-row-last.seg-mdl-active,
.page[class*=device-].account-settings .seg-disabled-field.form-row-first.seg-mdl-active,
.page[class*=device-].account-settings .seg-disabled-field.form-row-last.seg-mdl-active {
  width: calc(50% - 19px);
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active.form-row-first.seg-mdl-active + .form-row-last.seg-mdl-active,
.page[class*=device-] .woocommerce .seg-disabled-field.form-row-first.seg-mdl-active + .form-row-last.seg-mdl-active, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active.form-row-first.seg-mdl-active + .form-row-last.seg-mdl-active,
.page[class*=device-].woocommerce-page .seg-disabled-field.form-row-first.seg-mdl-active + .form-row-last.seg-mdl-active, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active.form-row-first.seg-mdl-active + .form-row-last.seg-mdl-active,
.page[class*=device-].account-settings .seg-disabled-field.form-row-first.seg-mdl-active + .form-row-last.seg-mdl-active {
  margin-left: 30px;
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2,
.page[class*=device-] .woocommerce .seg-disabled-field .woocommerce-input-wrapper .select2, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2,
.page[class*=device-].woocommerce-page .seg-disabled-field .woocommerce-input-wrapper .select2, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2,
.page[class*=device-].account-settings .seg-disabled-field .woocommerce-input-wrapper .select2 {
  height: 25px;
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single,
.page[class*=device-] .woocommerce .seg-disabled-field .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single,
.page[class*=device-].woocommerce-page .seg-disabled-field .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single,
.page[class*=device-].account-settings .seg-disabled-field .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single {
  height: 25px;
  padding: 0;
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
.page[class*=device-] .woocommerce .seg-disabled-field .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
.page[class*=device-].woocommerce-page .seg-disabled-field .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered,
.page[class*=device-].account-settings .seg-disabled-field .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 25px;
  padding-left: 0;
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow,
.page[class*=device-] .woocommerce .seg-disabled-field .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow,
.page[class*=device-].woocommerce-page .seg-disabled-field .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow,
.page[class*=device-].account-settings .seg-disabled-field .woocommerce-input-wrapper .select2.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 25px;
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2 .select2-selection,
.page[class*=device-] .woocommerce .seg-disabled-field .woocommerce-input-wrapper .select2 .select2-selection, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2 .select2-selection,
.page[class*=device-].woocommerce-page .seg-disabled-field .woocommerce-input-wrapper .select2 .select2-selection, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active .woocommerce-input-wrapper .select2 .select2-selection,
.page[class*=device-].account-settings .seg-disabled-field .woocommerce-input-wrapper .select2 .select2-selection {
  border: none;
  height: 25px;
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active > label,
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active > input,
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active > select,
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active > textarea,
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active > span > input,
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active > span > select,
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active > span > textarea,
.page[class*=device-] .woocommerce .seg-disabled-field > label,
.page[class*=device-] .woocommerce .seg-disabled-field > input,
.page[class*=device-] .woocommerce .seg-disabled-field > select,
.page[class*=device-] .woocommerce .seg-disabled-field > textarea,
.page[class*=device-] .woocommerce .seg-disabled-field > span > input,
.page[class*=device-] .woocommerce .seg-disabled-field > span > select,
.page[class*=device-] .woocommerce .seg-disabled-field > span > textarea, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active > label,
.page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active > input,
.page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active > select,
.page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active > textarea,
.page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active > span > input,
.page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active > span > select,
.page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active > span > textarea,
.page[class*=device-].woocommerce-page .seg-disabled-field > label,
.page[class*=device-].woocommerce-page .seg-disabled-field > input,
.page[class*=device-].woocommerce-page .seg-disabled-field > select,
.page[class*=device-].woocommerce-page .seg-disabled-field > textarea,
.page[class*=device-].woocommerce-page .seg-disabled-field > span > input,
.page[class*=device-].woocommerce-page .seg-disabled-field > span > select,
.page[class*=device-].woocommerce-page .seg-disabled-field > span > textarea, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active > label,
.page[class*=device-].account-settings [class*=form-row].seg-mdl-active > input,
.page[class*=device-].account-settings [class*=form-row].seg-mdl-active > select,
.page[class*=device-].account-settings [class*=form-row].seg-mdl-active > textarea,
.page[class*=device-].account-settings [class*=form-row].seg-mdl-active > span > input,
.page[class*=device-].account-settings [class*=form-row].seg-mdl-active > span > select,
.page[class*=device-].account-settings [class*=form-row].seg-mdl-active > span > textarea,
.page[class*=device-].account-settings .seg-disabled-field > label,
.page[class*=device-].account-settings .seg-disabled-field > input,
.page[class*=device-].account-settings .seg-disabled-field > select,
.page[class*=device-].account-settings .seg-disabled-field > textarea,
.page[class*=device-].account-settings .seg-disabled-field > span > input,
.page[class*=device-].account-settings .seg-disabled-field > span > select,
.page[class*=device-].account-settings .seg-disabled-field > span > textarea {
  display: block;
  font-size: 14px;
  line-height: 18px;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active input,
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active select,
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active textarea,
.page[class*=device-] .woocommerce .seg-disabled-field input,
.page[class*=device-] .woocommerce .seg-disabled-field select,
.page[class*=device-] .woocommerce .seg-disabled-field textarea, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active input,
.page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active select,
.page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active textarea,
.page[class*=device-].woocommerce-page .seg-disabled-field input,
.page[class*=device-].woocommerce-page .seg-disabled-field select,
.page[class*=device-].woocommerce-page .seg-disabled-field textarea, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active input,
.page[class*=device-].account-settings [class*=form-row].seg-mdl-active select,
.page[class*=device-].account-settings [class*=form-row].seg-mdl-active textarea,
.page[class*=device-].account-settings .seg-disabled-field input,
.page[class*=device-].account-settings .seg-disabled-field select,
.page[class*=device-].account-settings .seg-disabled-field textarea {
  appearance: none;
  border: none;
  font-size: 14px;
  color: #75787b;
  background-color: transparent;
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active input:focus,
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active select:focus,
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active textarea:focus,
.page[class*=device-] .woocommerce .seg-disabled-field input:focus,
.page[class*=device-] .woocommerce .seg-disabled-field select:focus,
.page[class*=device-] .woocommerce .seg-disabled-field textarea:focus, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active input:focus,
.page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active select:focus,
.page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active textarea:focus,
.page[class*=device-].woocommerce-page .seg-disabled-field input:focus,
.page[class*=device-].woocommerce-page .seg-disabled-field select:focus,
.page[class*=device-].woocommerce-page .seg-disabled-field textarea:focus, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active input:focus,
.page[class*=device-].account-settings [class*=form-row].seg-mdl-active select:focus,
.page[class*=device-].account-settings [class*=form-row].seg-mdl-active textarea:focus,
.page[class*=device-].account-settings .seg-disabled-field input:focus,
.page[class*=device-].account-settings .seg-disabled-field select:focus,
.page[class*=device-].account-settings .seg-disabled-field textarea:focus {
  outline: none;
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active textarea,
.page[class*=device-] .woocommerce .seg-disabled-field textarea, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active textarea,
.page[class*=device-].woocommerce-page .seg-disabled-field textarea, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active textarea,
.page[class*=device-].account-settings .seg-disabled-field textarea {
  min-width: 100%;
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active.seg-mdl-active > label,
.page[class*=device-] .woocommerce .seg-disabled-field.seg-mdl-active > label, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active.seg-mdl-active > label,
.page[class*=device-].woocommerce-page .seg-disabled-field.seg-mdl-active > label, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active.seg-mdl-active > label,
.page[class*=device-].account-settings .seg-disabled-field.seg-mdl-active > label {
  transition: transform 0.2s ease;
  transform: translateY(9px);
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active.seg-mdl-active > label[for=shipping_country],
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active.seg-mdl-active label[for=shipping_state],
.page[class*=device-] .woocommerce .seg-disabled-field.seg-mdl-active > label[for=shipping_country],
.page[class*=device-] .woocommerce .seg-disabled-field.seg-mdl-active label[for=shipping_state], .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active.seg-mdl-active > label[for=shipping_country],
.page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active.seg-mdl-active label[for=shipping_state],
.page[class*=device-].woocommerce-page .seg-disabled-field.seg-mdl-active > label[for=shipping_country],
.page[class*=device-].woocommerce-page .seg-disabled-field.seg-mdl-active label[for=shipping_state], .page[class*=device-].account-settings [class*=form-row].seg-mdl-active.seg-mdl-active > label[for=shipping_country],
.page[class*=device-].account-settings [class*=form-row].seg-mdl-active.seg-mdl-active label[for=shipping_state],
.page[class*=device-].account-settings .seg-disabled-field.seg-mdl-active > label[for=shipping_country],
.page[class*=device-].account-settings .seg-disabled-field.seg-mdl-active label[for=shipping_state] {
  transform: translateY(0);
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active.seg-mdl-active.field-active > label,
.page[class*=device-] .woocommerce .seg-disabled-field.seg-mdl-active.field-active > label, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active.seg-mdl-active.field-active > label,
.page[class*=device-].woocommerce-page .seg-disabled-field.seg-mdl-active.field-active > label, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active.seg-mdl-active.field-active > label,
.page[class*=device-].account-settings .seg-disabled-field.seg-mdl-active.field-active > label {
  transform: translateY(0px);
  color: #0077C6;
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active.seg-mdl-active.placeholder-field > label,
.page[class*=device-] .woocommerce .seg-disabled-field.seg-mdl-active.placeholder-field > label, .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active.seg-mdl-active.placeholder-field > label,
.page[class*=device-].woocommerce-page .seg-disabled-field.seg-mdl-active.placeholder-field > label, .page[class*=device-].account-settings [class*=form-row].seg-mdl-active.seg-mdl-active.placeholder-field > label,
.page[class*=device-].account-settings .seg-disabled-field.seg-mdl-active.placeholder-field > label {
  /*transform: translateY(0px);*/
}
.page[class*=device-] .woocommerce [class*=form-row].seg-mdl-active > span:not(.woocommerce-input-wrapper),
.page[class*=device-] .woocommerce .seg-disabled-field > span:not(.woocommerce-input-wrapper), .page[class*=device-].woocommerce-page [class*=form-row].seg-mdl-active > span:not(.woocommerce-input-wrapper),
.page[class*=device-].woocommerce-page .seg-disabled-field > span:not(.woocommerce-input-wrapper), .page[class*=device-].account-settings [class*=form-row].seg-mdl-active > span:not(.woocommerce-input-wrapper),
.page[class*=device-].account-settings .seg-disabled-field > span:not(.woocommerce-input-wrapper) {
  position: absolute;
  top: 100%;
  font-size: 12px;
  line-height: 1.2;
}
.page[class*=device-] .woocommerce p.woocommerce-form-row--wide.seg-mdl-active, .page[class*=device-].woocommerce-page p.woocommerce-form-row--wide.seg-mdl-active, .page[class*=device-].account-settings p.woocommerce-form-row--wide.seg-mdl-active {
  flex-basis: calc(100% - 20px);
}
.page[class*=device-] .woocommerce .seg-disabled-field label,
.page[class*=device-] .woocommerce .seg-disabled-field input, .page[class*=device-].woocommerce-page .seg-disabled-field label,
.page[class*=device-].woocommerce-page .seg-disabled-field input, .page[class*=device-].account-settings .seg-disabled-field label,
.page[class*=device-].account-settings .seg-disabled-field input {
  color: #bbb;
}
.page[class*=device-] .woocommerce .checkout_coupon .form-row-first, .page[class*=device-].woocommerce-page .checkout_coupon .form-row-first, .page[class*=device-].account-settings .checkout_coupon .form-row-first {
  border-radius: 5px 0 0 5px;
}
.page[class*=device-] .woocommerce .checkout_coupon .form-row-first input, .page[class*=device-].woocommerce-page .checkout_coupon .form-row-first input, .page[class*=device-].account-settings .checkout_coupon .form-row-first input {
  min-width: 180px;
  border-radius: 7px 0 0 7px;
  line-height: 28px;
}
.page[class*=device-] .woocommerce .checkout_coupon .form-row-last, .page[class*=device-].woocommerce-page .checkout_coupon .form-row-last, .page[class*=device-].account-settings .checkout_coupon .form-row-last {
  float: left;
}
.page[class*=device-] .woocommerce .checkout_coupon .button, .page[class*=device-].woocommerce-page .checkout_coupon .button, .page[class*=device-].account-settings .checkout_coupon .button {
  border-radius: 0 7px 7px 0;
  background-color: #000;
  border: 1px solid #000;
  box-shadow: 0 0 0 1px #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  height: 40px;
  color: #fff;
}
.page[class*=device-] .woocommerce .checkout_coupon .button:hover, .page[class*=device-].woocommerce-page .checkout_coupon .button:hover, .page[class*=device-].account-settings .checkout_coupon .button:hover {
  background-color: #1a1a1a;
  color: #fff;
}
.page[class*=device-] .woocommerce form fieldset, .page[class*=device-].woocommerce-page form fieldset, .page[class*=device-].account-settings form fieldset {
  margin: 10px;
  border-radius: 5px;
  padding: 20px 20px 0;
  border: 1px solid #75787b;
}
.page[class*=device-] .woocommerce form fieldset legend, .page[class*=device-].woocommerce-page form fieldset legend, .page[class*=device-].account-settings form fieldset legend {
  font-size: 14px;
  line-height: 1.2;
  padding: 0 10px;
}
.page[class*=device-] .woocommerce form .form-row + fieldset, .page[class*=device-].woocommerce-page form .form-row + fieldset, .page[class*=device-].account-settings form .form-row + fieldset {
  margin: 0;
}
.page[class*=device-] .woocommerce form .clear, .page[class*=device-].woocommerce-page form .clear, .page[class*=device-].account-settings form .clear {
  display: none;
}
.page[class*=device-] .woocommerce form .form-row, .page[class*=device-].woocommerce-page form .form-row, .page[class*=device-].account-settings form .form-row {
  padding: 0;
}
.page[class*=device-] .woocommerce form .woocommerce-privacy-policy-text > p:not([class*=margin_]),
.page[class*=device-] .woocommerce form p:not(.woocommerce-form-row):not(.form-row):not([class*=margin_]), .page[class*=device-].woocommerce-page form .woocommerce-privacy-policy-text > p:not([class*=margin_]),
.page[class*=device-].woocommerce-page form p:not(.woocommerce-form-row):not(.form-row):not([class*=margin_]), .page[class*=device-].account-settings form .woocommerce-privacy-policy-text > p:not([class*=margin_]),
.page[class*=device-].account-settings form p:not(.woocommerce-form-row):not(.form-row):not([class*=margin_]) {
  font-size: 16px;
  margin: 10px;
}
.page[class*=device-] .woocommerce .woocommerce-Button,
.page[class*=device-] .woocommerce .woocommerce-button, .page[class*=device-].woocommerce-page .woocommerce-Button,
.page[class*=device-].woocommerce-page .woocommerce-button, .page[class*=device-].account-settings .woocommerce-Button,
.page[class*=device-].account-settings .woocommerce-button {
  margin: 10px;
  background-color: #0077C6;
  border: 0px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid #0077C6;
  text-align: center;
  min-width: 150px;
  height: 40px;
  color: #fff;
  padding: 10px 20px;
  transition: background-color 0.2s ease;
}
.page[class*=device-] .woocommerce .woocommerce-Button:hover,
.page[class*=device-] .woocommerce .woocommerce-button:hover, .page[class*=device-].woocommerce-page .woocommerce-Button:hover,
.page[class*=device-].woocommerce-page .woocommerce-button:hover, .page[class*=device-].account-settings .woocommerce-Button:hover,
.page[class*=device-].account-settings .woocommerce-button:hover {
  background-color: #006bb2;
  color: #fff;
}
.page[class*=device-] .woocommerce .woocommerce-Input, .page[class*=device-].woocommerce-page .woocommerce-Input, .page[class*=device-].account-settings .woocommerce-Input {
  appearance: none;
  border: none;
  font-size: 14px;
  color: #75787b;
  background-color: transparent;
}
.page[class*=device-] .woocommerce .woocommerce-Input:focus, .page[class*=device-].woocommerce-page .woocommerce-Input:focus, .page[class*=device-].account-settings .woocommerce-Input:focus {
  outline: none;
}

.page.device-mobile .woocommerce [class*=form-row].seg-mdl-active.form-row-first.seg-mdl-active, .page.device-mobile .woocommerce [class*=form-row].seg-mdl-active.form-row-last.seg-mdl-active,
.page.device-mobile .woocommerce .seg-disabled-field.form-row-first.seg-mdl-active,
.page.device-mobile .woocommerce .seg-disabled-field.form-row-last.seg-mdl-active, .page.device-mobile.woocommerce-page [class*=form-row].seg-mdl-active.form-row-first.seg-mdl-active, .page.device-mobile.woocommerce-page [class*=form-row].seg-mdl-active.form-row-last.seg-mdl-active,
.page.device-mobile.woocommerce-page .seg-disabled-field.form-row-first.seg-mdl-active,
.page.device-mobile.woocommerce-page .seg-disabled-field.form-row-last.seg-mdl-active, .page.device-mobile.account-settings [class*=form-row].seg-mdl-active.form-row-first.seg-mdl-active, .page.device-mobile.account-settings [class*=form-row].seg-mdl-active.form-row-last.seg-mdl-active,
.page.device-mobile.account-settings .seg-disabled-field.form-row-first.seg-mdl-active,
.page.device-mobile.account-settings .seg-disabled-field.form-row-last.seg-mdl-active {
  width: 100%;
}
.page.device-mobile .woocommerce [class*=form-row].seg-mdl-active.form-row-first.seg-mdl-active + .form-row-last.seg-mdl-active,
.page.device-mobile .woocommerce .seg-disabled-field.form-row-first.seg-mdl-active + .form-row-last.seg-mdl-active, .page.device-mobile.woocommerce-page [class*=form-row].seg-mdl-active.form-row-first.seg-mdl-active + .form-row-last.seg-mdl-active,
.page.device-mobile.woocommerce-page .seg-disabled-field.form-row-first.seg-mdl-active + .form-row-last.seg-mdl-active, .page.device-mobile.account-settings [class*=form-row].seg-mdl-active.form-row-first.seg-mdl-active + .form-row-last.seg-mdl-active,
.page.device-mobile.account-settings .seg-disabled-field.form-row-first.seg-mdl-active + .form-row-last.seg-mdl-active {
  margin-left: 0;
}

.woocommerce-Address-title {
  background-color: transparent;
  max-height: inherit;
  min-height: inherit;
  overflow: visible;
}

.seg-alert-wrapper {
  transition: opacity 0.2s;
  opacity: 1;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}

.seg-alert {
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 99999;
  width: calc(100% - 40px);
  max-width: 980px;
  padding: 15px 55px 15px 10px;
  background-color: #fff;
  text-align: left;
  overflow: hidden;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  transition: opacity 0.2s;
  opacity: 1;
  transform: translateX(-50%) !important;
  font-size: 16px;
  color: #444;
  border-radius: 0;
}
.seg-alert.toast {
  left: 0;
  margin: 5px;
  margin-left: 0;
  width: calc(100% - 10px);
  transform: none;
  position: absolute;
  border-radius: 10px;
}
.seg-alert.toast::before, .seg-alert.toast::after {
  display: none;
}
.seg-alert.toast.seg-alert-type-notification {
  color: #fff;
  background-color: #30a7d6;
}
.seg-alert.toast.seg-alert-type-error {
  color: #fff;
  background-color: #cb5f55;
}
.seg-alert.toast.seg-alert-type-success {
  color: #fff;
  background-color: #6fb771;
}

.seg-alert::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #30a7d6;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
}

.seg-alert::after {
  content: "\e90c";
  font-family: "Seg";
  display: block;
  position: absolute;
  color: #30a7d6;
  opacity: 0.2;
  font-size: 92px;
  line-height: 45px;
  top: 22px;
  right: 3px;
  transform: translate(30%, -31%);
  font-weight: normal;
}

.seg-alert-type-error::before {
  background-color: #cb5f55;
}

.seg-alert-type-error::after {
  content: "\e922";
  color: #cb5f55;
}

.seg-alert-type-success::before {
  background-color: #6fb771;
}

.seg-alert-type-success::after {
  content: "\e923";
  color: #6fb771;
}

.seg-alert-pos-top {
  animation-name: alertAnimTop;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}
.seg-alert-pos-top.toast {
  animation-name: alertAnimTopToast;
}

.seg-alert-pos-center {
  animation-name: alertAnimCenter;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
}

div.seg-alert-remove {
  opacity: 0;
}

.seg-alert-overlay-close {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 998;
  cursor: pointer;
}

.seg-alert-closable {
  cursor: pointer;
}

@keyframes alertAnimTop {
  from {
    top: 0;
    transform: translateY(-100%);
  }
  to {
    top: 100px;
    transform: translateY(0);
  }
}
@keyframes alertAnimTopToast {
  from {
    top: 0;
    transform: translateY(-100%);
  }
  to {
    top: 0;
    transform: translateY(0);
  }
}
@keyframes alertAnimCenter {
  from {
    top: 0;
    transform: translateY(-100%);
  }
  to {
    top: 50%;
    transform: translateY(-50%);
  }
}
/*Global Includes*/
[anim=ripple] [anim=rippleContainer] {
  /*Customize effect by defining the following
  variables on the parent element*/
  --ripple-background: #000;
  --ripple-opacity: 0.5;
  --ripple-duration: 600ms;
  --ripple-easing: ease;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
}
[anim=ripple] [anim=rippleContainer]:before {
  content: "";
  position: absolute;
  display: block;
  background: var(--ripple-background, white);
  border-radius: 50%;
  pointer-events: none;
  top: calc(var(--y) * 1px);
  left: calc(var(--x) * 1px);
  width: calc(var(--d) * 1px);
  height: calc(var(--d) * 1px);
  opacity: calc(var(--o, 1) * var(--ripple-opacity, 0.3));
  transition: calc(var(--t, 0) * var(--ripple-duration, 600ms)) var(--ripple-easing, linear);
  transform: translate(-50%, -50%) scale(var(--s, 1));
  transform-origin: center;
}

/* page-virsec-test is for local development, won't affect live*/
.page-virsec-e-learning > section.container,
.page-virsec-test > section.container {
  max-width: unset;
  margin-left: unset;
  margin-right: unset;
  padding-left: unset;
  padding-right: unset;
  width: unset;
  padding-top: 0;
}
.page-virsec-e-learning article h1.center,
.page-virsec-test article h1.center {
  display: none;
}
.page-virsec-e-learning footer,
.page-virsec-test footer {
  margin-top: 0px;
}

.theme-virsec-primary {
  background-color: #121F2F;
  color: #fff;
}

.theme-virsec-secondary {
  background-color: #166293;
  color: #fff;
}

.margin-top-1 {
  margin-top: 1rem;
}

.margin-top-2 {
  margin-top: 1.5rem;
}

.margin-top-3 {
  margin-top: 2rem;
}

.resp-padding {
  padding: 80px 60px;
}

.d-flex {
  display: flex;
}

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

.justify-content-center {
  justify-content: center;
}

.justify-content-space-between {
  justify-content: space-between;
}

.width-100 {
  width: 100%;
}

.width-50 {
  width: 50%;
}

.width-25 {
  width: 25%;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

.gap-1 {
  gap: 0.5rem;
}

.gap-2 {
  gap: 1rem;
}

.gap-3 {
  gap: 1.5rem;
}

.virsec-anytime .heading-2 {
  margin-top: 0;
}

.courses-grid .heading-3 {
  margin-top: 0;
}

.theme-virsec-primary .heading-3 {
  margin-top: 0;
}

.virsec-department-title {
  max-width: 800px;
}

.virsec-list li::marker {
  content: "✓";
}

.virsec-list li {
  text-align: left;
  padding-left: 0.5rem;
}

.course-item {
  display: flex;
  flex-direction: column;
  width: calc(33.3333333333% - 1rem);
  max-height: 315px;
}
@media screen and (max-width: 908px) {
  .course-item {
    max-height: unset;
  }
}
@media screen and (max-width: 420px) {
  .course-item {
    width: 100%;
  }
}
.course-item img {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.course-item p {
  padding: 0;
}
.course-item > div {
  flex-grow: 1;
}
.course-item > div > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.virsec-buy-btn {
  padding: 1rem;
  display: flex;
  flex-grow: 1;
  width: unset !important;
  color: #fff;
  align-self: center;
  background-color: #1fb6e1;
  border-bottom-left-radius: 6px;
  font-weight: bold;
}
.virsec-buy-btn:hover {
  color: #fff;
}

.virsec-learn-btn {
  padding: 1rem;
  display: flex;
  width: 40%;
  min-width: max-content;
  color: #fff;
  align-self: center;
  background-color: #176192;
  border-bottom-right-radius: 6px;
  font-weight: bold;
}
.virsec-learn-btn:hover {
  color: #fff;
}

.virsec-buy-now-btn {
  padding: 1rem;
  display: flex;
  color: #fff;
  align-self: center;
  background-color: #1fb6e1;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  font-weight: bold;
}
.virsec-buy-now-btn:hover {
  color: #fff;
}

.course-item-content {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 1rem 3.5rem;
}
.course-item-content.border {
  box-shadow: inset 0 0 0 1px #eaeaea;
}

a:hover {
  color: unset;
}

.nav-btn {
  padding: 1.5rem;
  display: flex;
  color: #fff;
  align-self: center;
  background-color: #1fb6e1;
  max-width: calc(33.3333333333% - 1.4rem);
  width: 100%;
  justify-content: center;
  font-weight: bold;
}

.section-image {
  position: relative;
  display: flex;
  overflow: hidden;
}
.section-image picture {
  display: flex;
  width: 100%;
}

.virsec-floating-text {
  position: absolute;
  bottom: 5rem;
  left: 5rem;
  color: #fff;
}

.virsec-floating-text .right {
  position: absolute;
  bottom: 5rem;
  right: 5rem;
  color: #fff;
  left: unset;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: end;
}

@media all and (max-width: 576px) {
  .d-flex {
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
  }
  .resp-padding {
    padding: 40px 24px;
  }
  .virsec-header .width-25 {
    width: 75%;
  }
  .virsec-header .heading-2 {
    font-size: 30px;
  }
  .virsec-anytime .heading-2 {
    font-size: 30px;
  }
  .virsec-floating-text {
    bottom: 40px;
    left: 24px;
    right: 24px;
    font-size: 30px;
  }
  .virsec-floating-text .heading-2 {
    font-size: 30px;
  }
  .virsec-floating-text .width-25 {
    width: 75%;
  }
  .virsec-floating-text .width-50 {
    width: 100%;
  }
  .virsec-floating-text.right {
    bottom: 40px;
    right: 24px;
    left: 24px;
  }
  .virsec-floating-text.right .heading-1 {
    font-size: 30px;
  }
  .nav-btn {
    max-width: unset;
  }
  .theme-virsec-primary .heading-3 {
    font-size: 30px;
  }
  .courses-grid .heading-3 {
    font-size: 30px;
  }
  .courses-grid .courses-row {
    align-items: center;
  }
  .btn-container.d-flex {
    justify-content: unset;
    flex-direction: unset;
    flex-wrap: nowrap;
  }
}
.dockwalk-img-container {
  width: 100%;
  margin-top: 2rem;
}

.dockwalk-img-container img {
  width: 100%;
}

.dockwalk-img-container iframe {
  width: 100%;
}

.docwalk-content {
  margin-top: 2rem;
  font-size: 16px;
}

.docwalk-content-bold {
  margin-top: 2rem;
  font-weight: bold;
}

.syta-blog-image-container {
  display: flex;
  width: 100%;
  max-width: 980px;
  border-radius: 6px;
  margin-block: 2rem;
}
.syta-blog-image-container img {
  width: 70%;
  border-radius: 12px;
  margin-inline: auto;
}
.syta-blog-image-container iframe {
  width: 100%;
  max-width: 980px;
  border-radius: 12px;
}

.syta-content {
  font-size: 16px;
  max-width: 880px;
  margin-inline: auto;
  text-align: center;
}

.syta-article-author {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.obo-content {
  font-size: 16px;
  max-width: 980px;
  margin-inline: auto;
  text-align: center;
}
.obo-content .obo-sub-header {
  font-size: 22px;
}
.obo-content.article-two {
  margin-top: 2rem;
}

.podcast-icon-container {
  width: 100%;
  max-width: 32px;
}
.podcast-icon-container img {
  width: 100%;
}

.obo-blog-image-container {
  display: flex;
  width: 100%;
  max-width: 980px;
  margin-block: 2rem;
}
.obo-blog-image-container img {
  width: 100%;
  margin-inline: auto;
}

.obo-article-author {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

/*# sourceMappingURL=style.css.map */