@charset "UTF-8";
/*Blog theming variables*/
/** Easing
 -----------------------------------------------------*/
/** Grid
 -----------------------------------------------------*/
/** CSS Variables
 -----------------------------------------------------*/
@import url("https://use.typekit.net/uub1zrd.css");
:root {
  --sizing-unit: 10px;
}

/*Seg transition/animation library*/
/*This controls the sliding elements that are tabbed through. - GH*/
/*
  MDL input theming
  defaulted to grey
*/
@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;
  }
}
/*! 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;
}

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

#cartMenuWrapper {
  position: fixed;
  right: 60px;
  top: 10px;
}
#cartMenuWrapper .acc-link,
#cartMenuWrapper .cart-link {
  height: 40px;
  width: 40px;
  display: inline-block;
  position: relative;
  margin: 0 5px;
  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: #fff;
  font-size: 24px;
  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 {
  position: absolute;
  right: 0px;
  top: 4px;
  background: rgb(0, 119, 198);
  padding: 0px 5px;
  border-radius: 50px;
  color: #fff;
}

.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: rgb(0, 119, 198);
}
#course_dates_enq_holder div.live span.amount {
  color: rgb(253, 103, 26);
}

.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: 0px !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;
}
.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;
}

/**
 * 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[class*=device-] {
  opacity: 1;
}

body {
  opacity: 0;
  transition: opacity 0.1s linear;
}

/**
 * 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: rgb(0, 119, 198);
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: rgb(34, 34, 34);
}

.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, .tool-wrapper, .course-enq-form-wrapper, .course-dates-wrapper .course_dates_container .course-dates-details, .course-dates-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: 0px;
}

.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 rgb(102, 102, 102);
  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*/
.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-textfield.seg-mdl-completed label,
.seg-html-dropdown.active .seg-dropdown-label,
.seg-html-dropdown.seg-mdl-completed .seg-dropdown-label {
  color: rgb(0, 119, 198);
}

.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: rgb(0, 119, 198);
}

.seg-mdl-dot-checkbox-dot,
.seg-mdl-focussed .seg-mdl-dropdown-arrow::after,
.seg-mdl-radio-dot,
.seg-mdl-list-radio-dot {
  border-color: rgb(0, 119, 198);
}

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

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

.head-login-button {
  background: none !important;
  border: 0px solid #fff !important;
  color: #fff !important;
  padding-left: 32px !important;
  padding-bottom: 11px !important;
  padding-right: 10px !important;
  left: 0px !important;
  top: -15px !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  vertical-align: text-top;
}
.head-login-button .seg-Account-profile {
  color: #fff !important;
  position: absolute !important;
  left: 7px !important;
  top: 6px !important;
}

.cart-link {
  background-color: rgba(0, 0, 0, 0.4) !important;
  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;
}

.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: joanna-sans-nova, 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, .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, .home .home-page-heading, h1,
h3 {
  font-family: joanna-nova, sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.blog-font-butler {
  font-family: Butler, sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.blog-font-Roboto {
  font-family: Roboto, sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Butler fonts*/
@font-face {
  font-family: "Butler";
  src: url("fonts/blog_fonts/Butler-UltraLight.woff2") format("woff2"), url("fonts/blog_fonts/Butler-UltraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Butler";
  src: url("fonts/blog_fonts/Butler-Medium.woff2") format("woff2"), url("fonts/blog_fonts/Butler-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Butler";
  src: url("fonts/blog_fonts/Butler-Light.woff2") format("woff2"), url("fonts/blog_fonts/Butler-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Butler";
  src: url("fonts/blog_fonts/Butler-Black.woff2") format("woff2"), url("fonts/blog_fonts/Butler-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Butler";
  src: url("fonts/blog_fonts/Butler-Bold.woff2") format("woff2"), url("fonts/blog_fonts/Butler-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Butler";
  src: url("fonts/blog_fonts/Butler-ExtraBold.woff2") format("woff2"), url("fonts/blog_fonts/Butler-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Butler";
  src: url("fonts/blog_fonts/Butler.woff2") format("woff2"), url("fonts/blog_fonts/Butler.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*Roboto fonts*/
@font-face {
  font-family: "Roboto";
  src: url("fonts/blog_fonts/Roboto-Medium.ttf") format("ttf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/blog_fonts/Roboto-Light.ttf") format("ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/blog_fonts/Roboto-Bold.ttf") format("ttf");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/blog_fonts/Roboto-Regular.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}
/**
 * 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, header .regular#navbar, header .page-provider-course-form .selectable-box h4#navbar, .page-provider-course-form .selectable-box header h4#navbar, header h2#navbar.provider-title, header .c-wrapper #navbar.c-title, .c-wrapper header #navbar.c-title, header .device-mobile #path-wrapper .panel .holder #navbar.title, .device-mobile #path-wrapper .panel .holder header #navbar.title, header .home-featured-wrapper article #navbar.home-blog-title, .home-featured-wrapper article header #navbar.home-blog-title, header .home-featured-wrapper #navbar.home-featured-title, .home-featured-wrapper header #navbar.home-featured-title, header .home-partners-wrapper #navbar.home-partners-title, .home-partners-wrapper header #navbar.home-partners-title, header .directory-stats-wrapper #navbar.stat-value, .directory-stats-wrapper header #navbar.stat-value, header .directory-stats-wrapper #navbar.directory-stats-title, .directory-stats-wrapper header #navbar.directory-stats-title, header .home-gallery-wrapper h2#navbar.home-gallery-title, .home-gallery-wrapper header h2#navbar.home-gallery-title, header .contact-us-wrapper .contact-us-content h2#navbar.contact-us-title, .contact-us-wrapper .contact-us-content header h2#navbar.contact-us-title, header .about-us-wrapper #navbar.about-us-title, .about-us-wrapper header #navbar.about-us-title, header .get-started-wrapper h2#navbar.get-started-title, .get-started-wrapper header h2#navbar.get-started-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, .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, .home .light.home-page-heading, 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, .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, .home .light-italic.home-page-heading, h1.light-italic,
h3.light-italic {
  font-weight: 200;
  font-style: italic;
}

.secondary-font.regular, .page-provider-course-form .selectable-box h4.secondary-font, .page-provider-course-form .selectable-box h4.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,
.measurement-values .page-provider-course-form .selectable-box h4.row-item,
.page-provider-course-form .selectable-box .measurement-values h4.row-item, .btn-items .regular.button, .btn-items .page-provider-course-form .selectable-box h4.button, .page-provider-course-form .selectable-box .btn-items h4.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 .page-provider-course-form .selectable-box h4.home-cadet-title, .page-provider-course-form .selectable-box .cadet-program-wrapper h4.home-cadet-title, .cadet-program-wrapper .regular.cadet-info-title, .cadet-program-wrapper .page-provider-course-form .selectable-box h4.cadet-info-title, .page-provider-course-form .selectable-box .cadet-program-wrapper h4.cadet-info-title, .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, .page-provider-course-form .selectable-box h4.c-count,
.regular.p-count,
.page-provider-course-form .selectable-box h4.p-count,
.regular.c-count-left,
.page-provider-course-form .selectable-box h4.c-count-left,
.regular.c-count-right,
.page-provider-course-form .selectable-box h4.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, .page-provider-course-form .selectable-box h4.training-centre, h2.regular.course-provider, .node_box .regular.node_title, .node_box .page-provider-course-form .selectable-box h4.node_title, .page-provider-course-form .selectable-box .node_box h4.node_title, .node_box h2.node_title.provider-title,
.sub_node .regular.node_title,
.sub_node .page-provider-course-form .selectable-box h4.node_title,
.page-provider-course-form .selectable-box .sub_node h4.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, .home .regular.home-page-heading, .home .page-provider-course-form .selectable-box h4.home-page-heading, .page-provider-course-form .selectable-box .home h4.home-page-heading, .home h2.home-page-heading.provider-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, .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, .home .regular-italic.home-page-heading, 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, .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, .home .semibold.home-page-heading, 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, .textImage-wrapper .left-wrapper .textImage-content .bold.textImage-title, .secondary-font.c-count, .page-provider-course-form .selectable-box h4.c-count, .provider-stats-wrapper .p-time-total .c-count.p-time-hours-value,
.provider-stats-wrapper .p-time-total .c-count.p-time-mins-value,
.provider-stats-wrapper .p-time-total .c-count.p-time-secs-value,
.orders-wrapper .p-time-total .c-count.p-time-hours-value,
.orders-wrapper .p-time-total .c-count.p-time-mins-value,
.orders-wrapper .p-time-total .c-count.p-time-secs-value,
.list-wrapper .p-time-total .c-count.p-time-hours-value,
.list-wrapper .p-time-total .c-count.p-time-mins-value,
.list-wrapper .p-time-total .c-count.p-time-secs-value, .provider-stats-wrapper .c-views .c-count.c-count-right,
.provider-stats-wrapper .p-views .c-count.c-count-right,
.provider-stats-wrapper .p-time .c-count.c-count-right,
.orders-wrapper .c-views .c-count.c-count-right,
.orders-wrapper .p-views .c-count.c-count-right,
.orders-wrapper .p-time .c-count.c-count-right,
.list-wrapper .c-views .c-count.c-count-right,
.list-wrapper .p-views .c-count.c-count-right,
.list-wrapper .p-time .c-count.c-count-right, .provider-stats-wrapper .c-views .c-count.c-count-left,
.provider-stats-wrapper .p-views .c-count.c-count-left,
.provider-stats-wrapper .p-time .c-count.c-count-left,
.orders-wrapper .c-views .c-count.c-count-left,
.orders-wrapper .p-views .c-count.c-count-left,
.orders-wrapper .p-time .c-count.c-count-left,
.list-wrapper .c-views .c-count.c-count-left,
.list-wrapper .p-views .c-count.c-count-left,
.list-wrapper .p-time .c-count.c-count-left, .table .table-header > div.c-count,
.measurement-values .c-count.row-item, .btn-items .c-count.button, .circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .c-count.main-title, .cadet-program-wrapper .c-count.home-cadet-title, .cadet-program-wrapper .c-count.cadet-info-title, .textImage-wrapper .left-wrapper .textImage-content .c-count.textImage-title,
.secondary-font.p-count,
.page-provider-course-form .selectable-box h4.p-count,
.provider-stats-wrapper .p-time-total .p-count.p-time-hours-value,
.provider-stats-wrapper .p-time-total .p-count.p-time-mins-value,
.provider-stats-wrapper .p-time-total .p-count.p-time-secs-value,
.orders-wrapper .p-time-total .p-count.p-time-hours-value,
.orders-wrapper .p-time-total .p-count.p-time-mins-value,
.orders-wrapper .p-time-total .p-count.p-time-secs-value,
.list-wrapper .p-time-total .p-count.p-time-hours-value,
.list-wrapper .p-time-total .p-count.p-time-mins-value,
.list-wrapper .p-time-total .p-count.p-time-secs-value,
.provider-stats-wrapper .c-views .p-count.c-count-right,
.provider-stats-wrapper .p-views .p-count.c-count-right,
.provider-stats-wrapper .p-time .p-count.c-count-right,
.orders-wrapper .c-views .p-count.c-count-right,
.orders-wrapper .p-views .p-count.c-count-right,
.orders-wrapper .p-time .p-count.c-count-right,
.list-wrapper .c-views .p-count.c-count-right,
.list-wrapper .p-views .p-count.c-count-right,
.list-wrapper .p-time .p-count.c-count-right,
.provider-stats-wrapper .c-views .p-count.c-count-left,
.provider-stats-wrapper .p-views .p-count.c-count-left,
.provider-stats-wrapper .p-time .p-count.c-count-left,
.orders-wrapper .c-views .p-count.c-count-left,
.orders-wrapper .p-views .p-count.c-count-left,
.orders-wrapper .p-time .p-count.c-count-left,
.list-wrapper .c-views .p-count.c-count-left,
.list-wrapper .p-views .p-count.c-count-left,
.list-wrapper .p-time .p-count.c-count-left,
.table .table-header > div.p-count,
.measurement-values .p-count.row-item,
.btn-items .p-count.button,
.circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .p-count.main-title,
.cadet-program-wrapper .p-count.home-cadet-title,
.cadet-program-wrapper .p-count.cadet-info-title,
.textImage-wrapper .left-wrapper .textImage-content .p-count.textImage-title,
.secondary-font.c-count-left,
.page-provider-course-form .selectable-box h4.c-count-left,
.provider-stats-wrapper .p-time-total .c-count-left.p-time-hours-value,
.provider-stats-wrapper .p-time-total .c-count-left.p-time-mins-value,
.provider-stats-wrapper .p-time-total .c-count-left.p-time-secs-value,
.orders-wrapper .p-time-total .c-count-left.p-time-hours-value,
.orders-wrapper .p-time-total .c-count-left.p-time-mins-value,
.orders-wrapper .p-time-total .c-count-left.p-time-secs-value,
.list-wrapper .p-time-total .c-count-left.p-time-hours-value,
.list-wrapper .p-time-total .c-count-left.p-time-mins-value,
.list-wrapper .p-time-total .c-count-left.p-time-secs-value,
.provider-stats-wrapper .c-views .c-count-left.c-count-right,
.provider-stats-wrapper .p-views .c-count-left.c-count-right,
.provider-stats-wrapper .p-time .c-count-left.c-count-right,
.orders-wrapper .c-views .c-count-left.c-count-right,
.orders-wrapper .p-views .c-count-left.c-count-right,
.orders-wrapper .p-time .c-count-left.c-count-right,
.list-wrapper .c-views .c-count-left.c-count-right,
.list-wrapper .p-views .c-count-left.c-count-right,
.list-wrapper .p-time .c-count-left.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.c-count-left,
.measurement-values .c-count-left.row-item,
.btn-items .c-count-left.button,
.circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .c-count-left.main-title,
.cadet-program-wrapper .c-count-left.home-cadet-title,
.cadet-program-wrapper .c-count-left.cadet-info-title,
.textImage-wrapper .left-wrapper .textImage-content .c-count-left.textImage-title,
.secondary-font.c-count-right,
.page-provider-course-form .selectable-box h4.c-count-right,
.provider-stats-wrapper .p-time-total .c-count-right.p-time-hours-value,
.provider-stats-wrapper .p-time-total .c-count-right.p-time-mins-value,
.provider-stats-wrapper .p-time-total .c-count-right.p-time-secs-value,
.orders-wrapper .p-time-total .c-count-right.p-time-hours-value,
.orders-wrapper .p-time-total .c-count-right.p-time-mins-value,
.orders-wrapper .p-time-total .c-count-right.p-time-secs-value,
.list-wrapper .p-time-total .c-count-right.p-time-hours-value,
.list-wrapper .p-time-total .c-count-right.p-time-mins-value,
.list-wrapper .p-time-total .c-count-right.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-right.c-count-left,
.provider-stats-wrapper .p-views .c-count-right.c-count-left,
.provider-stats-wrapper .p-time .c-count-right.c-count-left,
.orders-wrapper .c-views .c-count-right.c-count-left,
.orders-wrapper .p-views .c-count-right.c-count-left,
.orders-wrapper .p-time .c-count-right.c-count-left,
.list-wrapper .c-views .c-count-right.c-count-left,
.list-wrapper .p-views .c-count-right.c-count-left,
.list-wrapper .p-time .c-count-right.c-count-left,
.table .table-header > div.c-count-right,
.measurement-values .c-count-right.row-item,
.btn-items .c-count-right.button,
.circle-nav-wrapper .orbital-wrapper .dial-slider .info-section .info-section-inner .c-count-right.main-title,
.cadet-program-wrapper .c-count-right.home-cadet-title,
.cadet-program-wrapper .c-count-right.cadet-info-title,
.textImage-wrapper .left-wrapper .textImage-content .c-count-right.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 .provider-stats-wrapper .c-views .cost.c-count-right, .provider-stats-wrapper .c-views .course-enq-form-wrapper .cost.c-count-right,
.course-enq-form-wrapper .provider-stats-wrapper .p-views .cost.c-count-right,
.provider-stats-wrapper .p-views .course-enq-form-wrapper .cost.c-count-right,
.course-enq-form-wrapper .provider-stats-wrapper .p-time .cost.c-count-right,
.provider-stats-wrapper .p-time .course-enq-form-wrapper .cost.c-count-right,
.course-enq-form-wrapper .orders-wrapper .c-views .cost.c-count-right,
.orders-wrapper .c-views .course-enq-form-wrapper .cost.c-count-right,
.course-enq-form-wrapper .orders-wrapper .p-views .cost.c-count-right,
.orders-wrapper .p-views .course-enq-form-wrapper .cost.c-count-right,
.course-enq-form-wrapper .orders-wrapper .p-time .cost.c-count-right,
.orders-wrapper .p-time .course-enq-form-wrapper .cost.c-count-right,
.course-enq-form-wrapper .list-wrapper .c-views .cost.c-count-right,
.list-wrapper .c-views .course-enq-form-wrapper .cost.c-count-right,
.course-enq-form-wrapper .list-wrapper .p-views .cost.c-count-right,
.list-wrapper .p-views .course-enq-form-wrapper .cost.c-count-right,
.course-enq-form-wrapper .list-wrapper .p-time .cost.c-count-right,
.list-wrapper .p-time .course-enq-form-wrapper .cost.c-count-right, .course-enq-form-wrapper .provider-stats-wrapper .c-views .cost.c-count-left, .provider-stats-wrapper .c-views .course-enq-form-wrapper .cost.c-count-left,
.course-enq-form-wrapper .provider-stats-wrapper .p-views .cost.c-count-left,
.provider-stats-wrapper .p-views .course-enq-form-wrapper .cost.c-count-left,
.course-enq-form-wrapper .provider-stats-wrapper .p-time .cost.c-count-left,
.provider-stats-wrapper .p-time .course-enq-form-wrapper .cost.c-count-left,
.course-enq-form-wrapper .orders-wrapper .c-views .cost.c-count-left,
.orders-wrapper .c-views .course-enq-form-wrapper .cost.c-count-left,
.course-enq-form-wrapper .orders-wrapper .p-views .cost.c-count-left,
.orders-wrapper .p-views .course-enq-form-wrapper .cost.c-count-left,
.course-enq-form-wrapper .orders-wrapper .p-time .cost.c-count-left,
.orders-wrapper .p-time .course-enq-form-wrapper .cost.c-count-left,
.course-enq-form-wrapper .list-wrapper .c-views .cost.c-count-left,
.list-wrapper .c-views .course-enq-form-wrapper .cost.c-count-left,
.course-enq-form-wrapper .list-wrapper .p-views .cost.c-count-left,
.list-wrapper .p-views .course-enq-form-wrapper .cost.c-count-left,
.course-enq-form-wrapper .list-wrapper .p-time .cost.c-count-left,
.list-wrapper .p-time .course-enq-form-wrapper .cost.c-count-left, .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 .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, .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,
.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, .training-centre.c-count,
.training-centre.p-count,
.training-centre.c-count-left,
.training-centre.c-count-right, .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, .home .bold.home-page-heading, .home .home-page-heading.c-count,
.home .home-page-heading.p-count,
.home .home-page-heading.c-count-left,
.home .home-page-heading.c-count-right, .home .course-enq-form-wrapper .home-page-heading.cost, .course-enq-form-wrapper .home .home-page-heading.cost, .home h2.home-page-heading.course-buy-title,
.home h2.home-page-heading.course-title, .home h3.home-page-heading.course-contact,
.home h3.home-page-heading.accreditations-title,
.home h3.home-page-heading.course-description, h1.bold, h1.c-count,
h1.p-count,
h1.c-count-left,
h1.c-count-right, .course-enq-form-wrapper h1.cost,
h3.bold,
h3.c-count,
h3.p-count,
h3.c-count-left,
h3.c-count-right,
.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;
}

.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: 300;
  letter-spacing: -0.18px;
}

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;
}

.home .home-page-heading {
  font-size: 44px;
  line-height: 48px;
  font-weight: 300;
}

.home.device-mobile .home-page-heading {
  font-size: 32px;
  line-height: 38px;
}

header ul#crumb-menu {
  color: #fff;
}
header ul#crumb-menu .crum-item {
  font-size: 12px;
  text-transform: uppercase;
}
header #headerContentWrapper .tag-line {
  font-size: 14px;
}
header #headerContentWrapper h1.page-title {
  margin: 5px 20px;
  font-size: 44px;
}
header #headerContentWrapper .tag-line, header #headerContentWrapper .page-title {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3), 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.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;
}
.device-desktop header ul#crumb-menu .crum-item {
  font-size: 16px;
}

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

#cartMenuWrapper i {
  color: #fff;
  font-size: 25px;
}
#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 ul {
  margin-bottom: 15px;
  font-size: 14px;
  text-align: left;
}

.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: rgb(0, 119, 198);
  margin-bottom: 25px;
}

h2.course-provider {
  font-size: 39px;
  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: 0px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #000000;
}

.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: rgb(0, 119, 198);
}
.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-provider-adress .seg-map-marker {
  margin-right: 10px;
}

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

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

.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: 16px;
}
.directory-stats-wrapper .directory-stats-tag {
  font-size: 16px;
}
.directory-stats-wrapper .directory-stats-title {
  font-size: 44px;
}
.directory-stats-wrapper .stat-value {
  font-size: 44px;
  line-height: 1;
  position: relative;
  color: #fff;
}

.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;
}

/**
 * Set up a decent box model on the root element
 */
.btn {
  font: inherit;
  padding: 0.5rem 1.5rem;
  border: 1px solid rgb(0, 119, 198);
  background: rgb(0, 119, 198);
  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: rgb(0, 119, 198);
  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 rgb(0, 119, 198);
  background: rgb(0, 119, 198);
  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";
}

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%;
}

.iframe-container {
  margin: 0px;
  padding: 0px;
  position: relative;
  height: 100%;
  min-height: 530px;
  overflow: hidden;
}
.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;
}

@media all and (max-width: 840px) {
  .iframe-container.iframe-container img {
    height: 100%;
    width: auto;
  }
}
/**
 * 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;
}

/**
 * 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 rgb(0, 119, 198);
  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;
}

.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;
  margin: -10px;
}
.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;
}

@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;
  }
}
.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);
}

header {
  background-color: #252525;
  max-height: 400px;
  min-height: 25vw;
  overflow: hidden;
  position: relative;
}
header #cartMenuWrapper {
  transition: top 0.2s linear;
}
header .academy-logo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  z-index: 1;
}
header .academy-logo img {
  height: auto;
  width: 360px;
  max-width: 100%;
  filter: drop-shadow(0px 0px 2px #989898);
}
header .header-wrapper-img {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  transform: translateY(-70%);
  width: 100%;
}
header .header-wrapper-img img {
  height: auto;
  width: 100%;
}
header #headerContentWrapper {
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}
header #headerContentWrapper > * {
  text-shadow: 0 0 1px #989898;
  /*added to improve readability of white text on image with light colours*/
}
header #headerContentWrapper > *.button {
  background-color: #00FF00;
}
header .social-wrapper {
  bottom: 20px;
  position: absolute;
  right: 20px;
}
header .social-wrapper #header-social-menu {
  flex-direction: column;
}
header #headerContentWrapper.promotion {
  align-self: start;
  text-align: left;
  align-content: start;
}
header #headerContentWrapper.promotion h1 {
  align-self: baseline;
}
header #headerContentWrapper.promotion .action {
  align-self: start;
  margin-top: 24px;
  margin-left: 20px;
}
header #headerContentWrapper.promotion .tag-line {
  align-self: start;
  margin-left: 20px;
  margin-top: -10px;
}
header #headerContentWrapper.promotion .tag-line.promotion {
  font-style: italic;
  font-size: 30px;
  line-height: 1.1;
}

.device-mobile header {
  height: 100vh;
  max-height: 50vh;
  min-height: 58.8235294118vw;
}
.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;
}
.device-mobile header #cartMenuWrapper {
  position: fixed;
  right: 10px;
  top: 10px;
}
.device-mobile header #cartMenuWrapper .acc-link,
.device-mobile header #cartMenuWrapper .cart-link {
  margin: 0;
}
.device-mobile header #headerContentWrapper {
  width: 100%;
}
.device-mobile header .social-wrapper {
  display: none;
}
.device-mobile.navbar-sticky #cartMenuWrapper {
  top: 0;
}

@media all and (max-width: 460px) {
  .device-mobile header .header-wrapper-img {
    transform: translateY(0) translateX(-50%);
    min-height: 100vw;
  }
}
.device-tablet header #headerContentWrapper {
  min-height: 300px;
}
.device-tablet header #cartMenuWrapper {
  display: block;
}
.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 #headerContentWrapper {
  min-height: 500px;
}
.device-desktop header #cartMenuWrapper {
  display: block;
}
.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;
}

.device-desktop.home header .header-wrapper-img {
  transform: translateY(-50%);
}

.device-desktop.single header .header-wrapper-img,
.device-desktop.archive header .header-wrapper-img {
  transform: translateY(-100%);
}

.device-tablet.single header .header-wrapper-img,
.device-tablet.archive header .header-wrapper-img {
  transform: translateY(-100%);
}

.device-desktop.page-deck header .header-wrapper-img {
  transform: translateY(-120%);
}

.device-desktop.page-engineering header .header-wrapper-img {
  transform: translateY(-90%);
}

.device-desktop.page-interior header .header-wrapper-img {
  transform: translateY(-70%);
}

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

footer {
  background-color: rgb(240, 240, 240);
  margin-top: 20px;
  padding-bottom: 10px;
  padding-top: 79px;
  /*#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: 20px;
}
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;
}
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 rgb(145, 145, 145);
  margin-top: 28px;
}
footer .footer-copy-notice img {
  height: 10px;
  width: auto;
}
footer .footer-copy-notice .col-xs-8 {
  padding-top: 5px;
}
footer #mailerlite-form_1 h3 {
  font-size: 14px;
  padding: 0;
  margin: 0;
  font-weight: 700;
  font-family: joanna-sans-nova, 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 {
  font-weight: 600;
  margin-bottom: 15px;
}
footer .ml-field-group {
  background-color: #FFF;
}
footer .primary.button {
  background-color: #000;
  color: #FFF;
}

#navbar {
  background-color: #3e3e3e;
}
#navbar .no-list {
  display: inline-block;
  list-style: none;
}
#navbar #menu-main {
  justify-content: center;
  margin: 0;
  padding: 0;
}
#navbar #menu-main li {
  list-style: none;
}
#navbar #menu-main li.current_page_item a, #navbar #menu-main li.current-menu-item a {
  font-weight: bold;
  pointer-events: none;
}
#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-block;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 20px;
  text-transform: uppercase;
  box-shadow: rgba(255, 255, 255, 0) 0px -1px 3px;
  transition: background 0.2s ease, box-shadow 0.1s ease;
}
#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 {
  line-height: 0;
  font-size: 0;
  color: transparent;
  background: url("https://ephemeris.academy/wp-content/themes/careerguide/images/logo/Ephemeris-logo-Bulky-White.svg");
  height: 30px;
  background-repeat: no-repeat;
  transform: translateY(-1px);
}
#navbar #menu-main li.logo_icon a:focus, #navbar #menu-main li.logo_icon a:hover {
  box-shadow: none;
}

.device-tablet #navbar,
.device-desktop #navbar {
  display: block;
}
.device-tablet #navbar #menu-main,
.device-desktop #navbar #menu-main {
  display: flex;
}
.device-tablet .nav-menu-button,
.device-desktop .nav-menu-button {
  display: none;
}

.device-mobile #navbar #menu-main li.mobile-always-show.menu-item {
  display: none;
}
.device-mobile .nav-menu-button {
  display: block;
  height: 40px;
  margin: 0 10px;
  position: relative;
  width: 40px;
  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: block;
  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 .open .menu-main-container {
  display: block;
}

.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: rgb(102, 102, 102);
}
ul#menu-footer-about-us li a:hover,
ul#menu-footer-nav li a:hover,
ul#menu-career-paths li a:hover {
  color: rgb(0, 119, 198);
}

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;
  position: sticky;
  top: 40px;
}
.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: rgb(145, 145, 145);
  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: rgb(0, 119, 198);
}
.menu-account-menu-container ul .current_page_item a,
.menu-dashboard-container ul .current_page_item a {
  color: rgb(0, 119, 198);
}
.menu-account-menu-container ul .current_page_item a::after,
.menu-dashboard-container ul .current_page_item a::after {
  background-color: rgb(0, 119, 198);
}
.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";
}

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;
}

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;
  }
}
/*
 * 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;
  height: auto;
  overflow: auto;
  margin-inline: 10px;
  max-width: 800px;
  max-height: 100vh;
  flex-direction: column;
  flex-basis: 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 .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: rgb(0, 119, 198);
  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;
}

[anim=ripple] {
  position: relative;
}

.button {
  background-color: #fff;
  border: 0px;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #3e3e3e;
  text-align: center;
  min-width: 150px;
  height: 40px;
  color: #3e3e3e;
  padding: 10px 20px;
  position: relative;
}
.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--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: rgb(0, 119, 198);
  color: #fff;
  border-color: rgb(0, 119, 198);
}

.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: rgb(0, 119, 198);
  color: rgb(0, 119, 198);
}

.button-text, .button_contained, [class^=button_contained], [class^=button-text] {
  background: transparent;
  border: none;
  border-radius: 5px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.25px;
  line-height: 1;
  padding: 12px 15px 11px;
  outline: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
.button-text[class*=__primary], [class*=__primary].button_contained, [class*=__primary][class^=button_contained], [class^=button-text][class*=__primary] {
  color: rgb(0, 119, 198);
}
.button-text[class*=__secondary], [class*=__secondary].button_contained, [class*=__secondary][class^=button_contained], [class^=button-text][class*=__secondary] {
  color: rgb(253, 103, 26);
}
.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%);
}

.button_contained, [class^=button_contained] {
  background: rgb(0, 119, 198);
  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: rgb(253, 103, 26);
  color: #ffffff;
}
.button_contained[class*=__itinerary], [class^=button_contained][class*=__itinerary] {
  background-color: rgb(0, 119, 198);
  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;
}

.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: 250px;
}
.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;
}
.slider .card .card-location {
  background-color: rgb(0, 119, 198);
  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;
}

.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: rgb(240, 240, 240);
  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 .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 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 .left-wrapper {
    min-width: 100%;
    padding: 0;
  }
  .textImage-wrapper .left-wrapper .textImage-content {
    padding: 20px;
  }
}
.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: rgb(0, 119, 198);
  color: rgb(0, 119, 198);
}
.course_date_picker .date_picker_input_field.pending_selection {
  border-color: rgb(0, 119, 198);
}
.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 rgb(0, 119, 198);
  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: white;
}
.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: rgb(0, 119, 198);
  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 .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;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  .device-tablet .course_date_picker .body_container,
.device-mobile .course_date_picker .body_container {
    display: block;
    padding: 80px 20px 200px;
    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: 130px;
    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: 130px;
    right: 10px;
    top: auto;
  }
}
/*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;
}

/*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;
}

.tabs-wrapper {
  font-family: joanna-sans-nova, 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 {
  padding: 1rem;
  cursor: pointer;
  color: #3e3e3e;
  border-top: 1px solid #eee;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 25px;
  height: 100%;
  font-family: "joanna-nova,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;
  height: 4em;
}
.tabs-wrapper .tabs-container nav {
  position: absolute;
  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.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;
  padding: 15px;
}
.tabs-wrapper .tab-content.current {
  display: inherit;
}

body.device-mobile .tabs-container .tabs ul {
  border: none;
}
body.device-mobile .tabs-container .tabs ul.expanded {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body.device-mobile .tabs-container .tabs ul.expanded li:not(.active) {
  border-radius: 0;
}
body.device-mobile .tabs-container .tabs ul.expanded li:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body.device-mobile .tabs-container .tabs ul.expanded li.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
body.device-mobile .tabs-container .tabs ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 6px;
  box-shadow: 0px 0px 0px 1px #0077C6;
}
body.device-mobile .tabs-container .tabs ul li ~ li:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
body.device-mobile .tabs-container .tabs ul li.active {
  background-color: #0077C6;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  color: #fff;
  border-radius: 6px;
}
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;
  justify-content: space-between;
  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: 18px 0;
  font-size: 16px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  flex: 0 1 33%;
  margin: 0;
  box-shadow: 0px 0px 0px 1px #666666;
}
body:not(.device-mobile) .tabs-container nav ul li.active {
  background-color: #0077C6;
  color: #fff;
  box-shadow: 0px 0px 0px 1px #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.active {
  order: 1;
}
body:not(.device-mobile) .tabs-container nav ul li.active:after {
  display: none;
}

.pure-css-accordion-wrapper {
  font-family: joanna-sans-nova, 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;
}
.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;
  padding: 1em;
  background: #fff;
  cursor: pointer;
  position: relative;
  padding-left: 20px;
  font-family: "joanna-nova,sans-serif";
  font-weight: bold;
  /* Icon */
}
.pure-css-accordion-wrapper .accordion-item-label:hover {
  background: none;
}
.pure-css-accordion-wrapper .accordion-item-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
  position: absolute;
  left: 0;
}
.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 input:checked + .accordion-item-label {
  background: none;
}
.pure-css-accordion-wrapper input:checked + .accordion-item-label::after {
  transform: rotate(90deg);
}
.pure-css-accordion-wrapper input:checked ~ .accordion-item-content {
  max-height: max-content;
  padding: 1em;
}

body:not(.device-mobile) .pure-css-accordion-wrapper .accordion-item .accordion-item-content .row:not(.title-row) {
  flex-wrap: nowrap;
}
body:not(.device-mobile) .pure-css-accordion-wrapper .accordion-item .accordion-item-content .row:not(.title-row) div:nth-child(1) {
  max-width: 300px;
}
body:not(.device-mobile) .pure-css-accordion-wrapper .accordion-item .accordion-item-content .row:not(.title-row) div:nth-child(3) {
  max-width: 110px;
}
body:not(.device-mobile) .pure-css-accordion-wrapper .accordion-item .accordion-item-content .row:not(.title-row) div:nth-child(4) {
  max-width: 120px;
}
body:not(.device-mobile) .pure-css-accordion-wrapper .accordion-item .accordion-item-content .row:not(.title-row) div:nth-child(6) {
  max-width: 150px;
}

.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-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;
}

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-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;
  }
}
/*
    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%;
}

: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: rgb(0, 119, 198);
  border-color: #0068ad;
}
.ac-switch .track.on .handle {
  left: calc(100% - 27px);
}
.ac-switch > span {
  font-size: 16px;
  margin-left: 20px;
}

.duoloader {
  width: 24px;
  height: 24px;
  border: 2px solid rgb(0, 119, 198);
  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);
  }
}
[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-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: rgb(0, 119, 198);
}
.seg-html-dropdown.active .seg-mdl-dropdown-arrow::after, .seg-html-dropdown.seg-mdl-completed .seg-mdl-dropdown-arrow::after {
  border-color: rgb(0, 119, 198);
}
.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 .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;
}
.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: 0;
  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;
}

.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;
  }
}
.blog_post:first-child {
  flex: 1 1 100%;
  max-width: 100%;
  width: 100%;
  order: -1;
}
.blog_post:first-child .overlay-text {
  color: initial;
  transform: translateY(0);
  padding: 10px;
  background-color: transparent;
  position: relative;
  margin: 10px 20px;
}
.blog_post:first-child .overlay-text::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 10px;
  height: calc(100% - 20px);
  width: 1px;
  background-color: #b0b0b0;
}
.blog_post:first-child .col-xs-12:first-of-type {
  overflow: hidden;
}
.blog_post:first-child [class^=image-center-crop]:not([class*=__height_bias]) {
  height: 100% !important;
}
.blog_post:first-child .blog_post_title {
  margin: 0;
  padding: 20px;
}

.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: 264px;
  width: 100vw;
  min-width: calc(50% - 10px);
  position: relative;
  max-width: 480px;
  display: flex;
}
.flex-blog .blog_content {
  position: relative;
  max-width: 100%;
  flex: 1 1 50%;
  display: flow-root;
}
.flex-blog .overlay-text {
  color: #fff;
  transform: translateY(-100%);
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.3333333333);
}
.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: #fff;
}

.colour-theme-cobalt-grey {
  color: #748599;
}

.colour-theme-orange {
  color: #ffa329;
}

.colour-theme-black {
  color: #000;
}

.colour-theme-turquoise {
  color: #4f9b93;
}

.theme-teal {
  background-color: #00b3a9;
}

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

.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;
}

.custom-blog-wrapper {
  /*Mile Builder*/
  /*Mile builder end*/
}
.custom-blog-wrapper .banner {
  position: relative;
}
.custom-blog-wrapper .banner-heading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.custom-blog-wrapper picture {
  display: block;
}
.custom-blog-wrapper img {
  height: auto;
  width: 100%;
  display: block;
}
.custom-blog-wrapper figure {
  margin: 0;
  position: relative;
}
.custom-blog-wrapper figure figcaption {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
}
.custom-blog-wrapper p {
  padding-bottom: 20px;
}
.custom-blog-wrapper [class*=heading-] {
  line-height: 1.2;
}
.custom-blog-wrapper .flex-align-center {
  display: flex;
  align-items: center;
}
.custom-blog-wrapper .leading-line {
  position: relative;
  margin-left: 7px;
}
.custom-blog-wrapper .leading-line::before {
  content: "";
  position: absolute;
  top: 5px;
  right: calc(100% + 5px);
  height: 50px;
  width: 2px;
  background-color: #0a2544;
}
.custom-blog-wrapper .side-by-side {
  display: flex;
  flex-wrap: wrap;
}
.custom-blog-wrapper .side-by-side > * {
  flex: 1 0 auto;
  display: inline-flex;
}
.custom-blog-wrapper .side-by-side .stack {
  display: flex;
  flex-direction: column;
}
.custom-blog-wrapper .academy-enquiries {
  position: absolute;
  right: 10px;
  left: unset;
  display: flex;
  flex-direction: column;
}
.custom-blog-wrapper .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;
}
.custom-blog-wrapper .crew-member img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
  max-width: 50px;
}
.custom-blog-wrapper .blog-count-list {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
}
.custom-blog-wrapper .blog-count-list li + li .numbered-block {
  position: relative;
}
.custom-blog-wrapper .blog-count-list li + li .numbered-block::before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  width: 1px;
}
.custom-blog-wrapper .blog-count-list li {
  flex: 1 0 110px;
}
.custom-blog-wrapper .blog-count-list .numbered-block {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 110px;
  margin: 0 auto;
  padding: 0 5px;
}
.custom-blog-wrapper .blog-count-list .numbered-block span {
  text-align: center;
  font-size: 13px;
}
.custom-blog-wrapper .blog-count-list .numbered-block span:first-child {
  font-size: 50px;
  line-height: 1;
}
.custom-blog-wrapper .blog-theme-large-list {
  list-style: none;
  padding: 0 0 0 40px;
}
.custom-blog-wrapper .blog-theme-large-list li {
  position: relative;
}
.custom-blog-wrapper .blog-theme-large-list .list-number {
  font-size: 50px;
  position: absolute;
  right: calc(100% + 30px);
  top: 0;
  line-height: 1;
  width: 10px;
}
.custom-blog-wrapper .blog-theme-list {
  list-style: none;
  padding: 0;
}
.custom-blog-wrapper .blog-theme-list > li {
  box-shadow: 0px 1px 0 0px #00b3a9;
}
.custom-blog-wrapper .blog-check-list {
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
.custom-blog-wrapper .blog-check-list > li {
  position: relative;
}
.custom-blog-wrapper .blog-check-list > li::before {
  content: "\e92f";
  font-family: seg;
  position: absolute;
  top: 0px;
  right: calc(100% + 5px);
}
.custom-blog-wrapper .crew-review-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.custom-blog-wrapper .crew-review-list li {
  padding-top: 10px;
  border-bottom: 1px solid #748599;
}
.custom-blog-wrapper .crew-review-list li:first-child {
  border-top: 1px solid #748599;
}
.custom-blog-wrapper .row-divider {
  position: relative;
}
.custom-blog-wrapper .row-divider::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 100%;
  height: 1px;
  background: #748599;
}
.custom-blog-wrapper .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%);
}
.custom-blog-wrapper .floating-caption + picture {
  margin: 80px 0 10px 20px;
  width: 320px;
}
.custom-blog-wrapper .cadet-program {
  display: flex;
  flex-wrap: wrap-reverse;
}
.custom-blog-wrapper .cadet-program .img-container {
  position: relative;
  flex: 1 1 340px;
}
.custom-blog-wrapper .cadet-program .content-section {
  flex: 1 1 calc(100% - 340px);
}
.custom-blog-wrapper .cadet-program p {
  font-size: 10px;
  letter-spacing: 0.025em;
  line-height: 1.2;
  padding: 0 0 10px 20px;
}
.custom-blog-wrapper .word-cloud {
  height: 120px;
  width: 100%;
  position: relative;
  font-size: 6px;
}
.custom-blog-wrapper .theme-underline-teal {
  position: relative;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.custom-blog-wrapper .theme-underline-teal::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: calc(100% - 5px);
  height: 2px;
  background-color: #00b3a9;
}
.custom-blog-wrapper .img-fade-top {
  position: relative;
}
.custom-blog-wrapper .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);
}
.custom-blog-wrapper .image-grid-3 > picture {
  flex: 1 0 33%;
  max-width: fit-content;
  padding-bottom: 20px;
  padding-right: 20px;
}
.custom-blog-wrapper .image-grid-3 .stack {
  flex: 1 0 50%;
}
.custom-blog-wrapper .image-grid-3 .stack > picture {
  padding-bottom: 20px;
}
.custom-blog-wrapper .click-here-offer > picture {
  flex: 1 1 490px;
}
.custom-blog-wrapper .click-here-offer .click-here-caption {
  flex: 1 0 40%;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.custom-blog-wrapper .click-here-offer .click-here-caption a {
  position: relative;
}
.custom-blog-wrapper .recreational-sailor > picture {
  flex: 1 1 450px;
  max-width: fit-content;
}
.custom-blog-wrapper .recreational-sailor > .stack {
  flex: 1 0 45%;
}
.custom-blog-wrapper .book-now-block a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
}
.custom-blog-wrapper .book-now-block a:hover, .custom-blog-wrapper .book-now-block a:focus, .custom-blog-wrapper .book-now-block a:active {
  color: #ddd;
}
.custom-blog-wrapper .mile-builder-contact-us {
  display: flex;
  padding: 0 60px 80px;
}
.custom-blog-wrapper .mile-builder-contact-us > .book-now-block {
  flex: 1 0 33%;
}
.custom-blog-wrapper .mile-builder-contact-us > .contact-info-list {
  flex: 1 0 66%;
}
.custom-blog-wrapper .mile-builder-contact-us .contact-label {
  margin-right: 10px;
  flex-basis: 40px;
  flex-grow: 0;
}
.custom-blog-wrapper .mile-builder-contact-us .social-icons {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding: 10px 20px;
  align-items: flex-end;
  height: 100%;
}
.custom-blog-wrapper .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;
}
.custom-blog-wrapper .mile-builder-contact-us .social-icons .social-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.custom-blog-wrapper .resp-wrap {
  display: flex;
  flex-direction: row;
}
.custom-blog-wrapper .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;
  }
}
.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: rgb(240, 240, 240);
  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: rgb(240, 240, 240);
  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 rgb(102, 102, 102);
  color: rgb(102, 102, 102);
  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: rgb(102, 102, 102);
}
.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;
  }
}
.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 #b0b0b0;
}
.page-home .home-partners-wrapper .owl-carousel.owl-theme .owl-dots .owl-dot.active span {
  background: #b0b0b0;
}

.text-framed {
  border: 1px solid #3e3e3e;
  margin-bottom: 50px;
}
.text-framed p:first-child {
  margin-bottom: 10px;
}

.light-grey-background {
  background-color: rgb(240, 240, 240);
}

.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;
}

/*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 .stat-value {
  border-left: 1px solid #fff;
}

/*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;
}
.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;
}

@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-bottom: 40px;
}
.header-items .title {
  font-size: 44px;
  line-height: 1;
  margin: 5px;
}
.header-items .title.outlined-heading {
  margin: 0;
}

.header-items .container_outlined .title {
  transform: translate(-50%, -50%);
  left: 50%;
}

.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%, rgb(240, 240, 240) 50%, rgb(240, 240, 240) 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: rgb(240, 240, 240);
}
.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: bold;
  color: #fff;
}
.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;
  color: #fff;
  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;
}
.home-featured-wrapper .home-blog-item article {
  text-align: left;
  background: rgb(117, 117, 117);
  background: linear-gradient(0deg, rgb(117, 117, 117) 0%, rgb(255, 255, 255) 100%, rgb(255, 255, 255) 100%);
  position: relative;
  flex-basis: 50%;
  max-height: 280px;
  min-height: 280px;
  border-radius: 7px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
}
.home-featured-wrapper .home-blog-item article img {
  width: auto;
  position: absolute;
  top: 0;
  height: 100%;
}
.home-featured-wrapper .home-blog-item article .home-blog-content {
  position: relative;
  color: #fff;
  padding-left: 25px;
}
.home-featured-wrapper .home-blog-item article .blog-link {
  align-items: flex-end;
  display: flex;
  height: 100%;
  position: relative;
  width: 100%;
}
.home-featured-wrapper .home-blog-item article ~ article {
  margin-left: 20px;
}

@media all and (max-width: 520px) {
  .home-featured-wrapper .home-blog-item article.home-blog .blog-link img {
    width: auto;
    height: 100%;
  }
}
/*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;
}
.device-mobile .home-featured-wrapper .home-blog-item article:first-child {
  margin-right: 0;
}

.featured-courses-wrapper {
  max-width: 900px;
  margin: 0 auto;
}
.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 .section-text-wrapper .home-page-heading {
  font-size: 44px;
  line-height: 1;
  margin-top: 20px;
  color: #fff;
}
.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;
}

.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: 40px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: -5px;
}

.premium_product_provider {
  color: #AAA;
  text-decoration: none;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% + 3px);
  height: 32px;
}

.premium_product_image {
  align-self: center;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.product-card {
  text-align: center;
}
.product-card p {
  text-align: start;
}

.works-title {
  text-align: center;
  font-weight: 500 !important;
}

.premium_cost {
  color: #F00;
  font-weight: 600;
}

.premium_product_image_wrapper {
  width: 100%;
  height: 165px;
  margin-bottom: 10px;
  overflow: hidden;
}

.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: 1px 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: 60px;
  margin-bottom: 20px;
}
.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: 1px solid #000;
  padding: 0 5px;
}
.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: 30px;
    line-height: 30px;
  }
}
/* 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: 35px;
    line-height: 35px;
  }
  .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: 35px;
    line-height: 35px;
  }
  .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) */
#main-container {
  box-shadow: #3e3e3e 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.08);
  content: "";
  height: 1px;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  width: calc(100% - 40px);
}

.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;
}

.table-header {
  background-color: #3e3e3e;
  color: #fff;
  border-radius: 7px;
}
.table-header:last-child {
  border-radius: 7px 7px 0 0;
}

.table-header.open {
  border-radius: 7px 7px 0 0;
}
.table-header.no-chevron::before {
  content: "";
}

.table {
  margin-bottom: 0;
}
.table + .table {
  border-top: 1px solid #fff;
}
.table:last-child {
  border-radius: 0 0 7px 7px;
  overflow: hidden;
}

.btn-items {
  margin: 30px auto;
  display: flex;
  justify-content: center;
}
.btn-items .button {
  border-color: rgb(0, 119, 198);
  color: rgb(0, 119, 198);
  margin: 0 15px;
  min-width: 120px;
  background-color: transparent;
}

.table-row.main.measurement-values::after {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  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: 300;
  padding: 10px 20px;
  position: relative;
}

.row-item {
  padding: 10px 20px;
  position: relative;
}

.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;
}
.table-header::before {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  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.open::before {
  transform: translateY(-50%) scale(-1, -1);
}
.table-header:hover {
  cursor: pointer;
}

.table-body {
  overflow: hidden;
  display: none;
}

.open + .table-body {
  display: block;
}

#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: rgb(44, 118, 255);
  color: white;
  font-weight: bold;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

#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: rgb(145, 145, 145);
  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: rgb(145, 145, 145);
  font-weight: 400;
}

[data-currency=euro] ~ #main-container .currency-values .currency:first-child {
  display: inline-flex;
  flex-wrap: wrap;
}
[data-currency=euro] .currency-btn > span:nth-child(2) {
  color: rgb(145, 145, 145);
  font-weight: 400;
}

[data-currency=dollar] ~ #main-container .currency-values .currency:last-child {
  display: inline;
}
[data-currency=dollar] .currency-btn > span:first-child {
  color: rgb(145, 145, 145);
  font-weight: 400;
}

@media screen and (max-width: 600px) {
  #mainHeader {
    background-color: rgb(0, 119, 198);
    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;
  }

  #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;
}

/**
    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;
  }
}
/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.table-row:nth-child(1) {
  animation-duration: 0.3s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.table-row:nth-child(2) {
  animation-duration: 0.4s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.table-row:nth-child(3) {
  animation-duration: 0.5s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.table-row:nth-child(4) {
  animation-duration: 0.6s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.table-row:nth-child(5) {
  animation-duration: 0.7s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.table-row:nth-child(6) {
  animation-duration: 0.8s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.table-row:nth-child(7) {
  animation-duration: 0.9s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.table-row:nth-child(8) {
  animation-duration: 1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.table-row:nth-child(9) {
  animation-duration: 1.1s;
  /*animation-delay: 0;*/
}

#map-listing-wrapper {
  bottom: 0;
  display: inline-block;
  left: 0;
  margin-bottom: 15px;
  overflow: visible;
  padding: 10px 10px 0;
  position: absolute;
  width: auto;
  margin-left: 30px;
  max-width: calc(100% - 60px);
}
#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: #ffffff;
}
#map-listing-wrapper.owl-carousel .owl-dots .owl-dot span {
  border: 1px solid rgb(102, 102, 102);
  background: transparent;
}
#map-listing-wrapper.owl-carousel .owl-dots .owl-dot.active span {
  background: rgb(102, 102, 102);
}

.map-card-item-wrapper {
  align-items: flex-start;
  background-color: #fff;
  display: inline-flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  margin: 0 5px;
  max-width: calc((980px / 4) - 50px);
  min-width: calc((980px / 4) - 50px);
  overflow: hidden;
  position: relative;
  text-align: left;
}
.map-card-item-wrapper:hover {
  cursor: pointer;
}
.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;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 10px 2px;
  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: rgb(102, 102, 102);
  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 20px;
  min-height: 30px;
  padding: 0;
}
.map-card-item-wrapper small.map-card-item-city {
  font-size: 12px;
  margin: auto 20px 10px;
}
.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;
}

.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: joanna-nova, 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: rgb(102, 102, 102);
  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;
}

.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 .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;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
.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: 1px solid rgb(102, 102, 102);
  position: relative;
}
.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: 52px;
  background: #fff;
  width: 120px;
  left: 34px;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2);
  visibility: hidden;
}
.course-dates-wrapper .course-title-container .filter-wrapper > .options-wrapper > .option-one {
  margin-top: 5px;
  border-top: 1px solid rgb(102, 102, 102);
}
.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: #fd671a;
}
.course-dates-wrapper .course-title-container .filter-wrapper > .options-wrapper > .option-clear {
  color: rgb(0, 119, 198);
  text-align: right;
  border-top: 1px solid rgb(102, 102, 102);
  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 rgb(0, 119, 198);
  display: flex;
  align-items: center;
  padding: 0px 10px;
  margin: 5px;
  margin-left: 25px;
  text-transform: capitalize;
  border-radius: 7px;
  color: rgb(0, 119, 198);
  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: rgb(253, 103, 26);
}
.course-dates-wrapper .course-buy-wrapper.live .--buy-course {
  border-color: rgb(253, 103, 26);
  color: rgb(253, 103, 26);
}
.course-dates-wrapper .course-buy-wrapper.person {
  border-color: rgb(0, 119, 198);
}
.course-dates-wrapper .course-buy-wrapper.person .--buy-course {
  border-color: rgb(0, 119, 198);
  color: rgb(0, 119, 198);
}
.course-dates-wrapper .course-buy-wrapper img {
  width: 100%;
  height: auto;
}
.course-dates-wrapper .course_dates_container {
  display: block;
  position: relative;
  width: 100%;
}
.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 {
  border: 1px solid rgb(102, 102, 102);
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  min-height: 102px;
  padding: 10px;
  position: relative;
  min-width: 200px;
  margin-top: 16px;
  margin-left: 2px;
}
.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:first-child {
  flex: 0 0 65px;
  text-align: left;
}
.course-dates-wrapper .course_dates_container .course-dates-details .learning-method {
  margin: auto;
  margin-top: -20px;
  margin-bottom: 10px;
  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.selected {
  background-color: rgb(0, 119, 198);
  color: #fff;
}
.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:hover {
  cursor: pointer;
}
.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 {
  background-color: rgb(0, 119, 198);
  color: #fff;
  border-color: rgb(0, 119, 198);
}
.course-dates-wrapper .course_dates_container .course-dates-details.person.selected .learning-method {
  background: rgb(0, 119, 198);
  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: rgb(0, 119, 198);
}
.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 .current-provider.course-dates-details {
  border-color: rgb(0, 119, 198);
  color: rgb(0, 119, 198);
}
.course-dates-wrapper .course_dates_container .current-provider.course-dates-details.selected {
  color: #fff;
}
.course-dates-wrapper .course_dates_container .slick-arrow {
  background: #fff;
  border: none;
  color: transparent;
  line-height: 0;
  width: 20px;
  word-break: break-word;
}
.course-dates-wrapper .course_dates_container .slick-arrow.slick-next, .course-dates-wrapper .course_dates_container .slick-arrow.slick-prev {
  position: relative;
  transition: background-color 0.2s ease;
}
.course-dates-wrapper .course_dates_container .slick-arrow.slick-next::before, .course-dates-wrapper .course_dates_container .slick-arrow.slick-prev::before {
  background-color: rgb(145, 145, 145);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 1px;
}
.course-dates-wrapper .course_dates_container .slick-arrow.slick-next::after, .course-dates-wrapper .course_dates_container .slick-arrow.slick-prev::after {
  color: rgb(145, 145, 145);
  font-size: 20px;
  height: 10px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
}
.course-dates-wrapper .course_dates_container .slick-arrow.slick-next:hover, .course-dates-wrapper .course_dates_container .slick-arrow.slick-prev:hover {
  background-color: #e9e9e9;
  cursor: pointer;
}
.course-dates-wrapper .course_dates_container .slick-arrow.slick-next:active, .course-dates-wrapper .course_dates_container .slick-arrow.slick-prev:active {
  background-color: #f4f4f4;
}
.course-dates-wrapper .course_dates_container .slick-arrow.slick-next {
  position: absolute;
  right: -20px;
  top: 0;
  height: 100%;
  margin-right: 0;
}
.course-dates-wrapper .course_dates_container .slick-arrow.slick-next::before {
  right: 100%;
}
.course-dates-wrapper .course_dates_container .slick-arrow.slick-next::after {
  content: "›";
}
.course-dates-wrapper .course_dates_container .slick-arrow.slick-prev {
  position: absolute;
  left: -20px;
  top: 0;
  height: 100%;
  margin-left: 0;
  background: #fff;
  z-index: 1;
}
.course-dates-wrapper .course_dates_container .slick-arrow.slick-prev::before {
  left: 100%;
}
.course-dates-wrapper .course_dates_container .slick-arrow.slick-prev::after {
  content: "‹";
}
.course-dates-wrapper .course_dates_container .slick-arrow.slick-disabled {
  opacity: 0;
  padding: 0;
  margin: 0;
  width: 0;
}
.course-dates-wrapper .slick-slider .slick-track {
  float: left;
}
.course-dates-wrapper .slick-slider.row-slider .slick-slide > div:not([course_id]) {
  margin: 10px 10px 10px 0;
}
.course-dates-wrapper .button--filter,
.course-dates-wrapper .button--school {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  margin-left: 12px;
  min-width: 140px;
  max-width: 140px;
  padding: 0 6px;
  position: relative;
}
.course-dates-wrapper .button--filter i,
.course-dates-wrapper .button--school i {
  font-size: 20px;
  padding-right: 5px;
}
@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;
}
.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-tools {
  position: relative;
}

.course-contact-detail-wrapper {
  margin-bottom: 20px;
}
.course-contact-detail-wrapper div {
  padding-bottom: 0;
}
.course-contact-detail-wrapper a {
  color: #666;
  transition: color 0.2s ease;
  word-break: break-word;
}
.course-contact-detail-wrapper a:hover, .course-contact-detail-wrapper a:focus {
  color: rgb(0, 119, 198);
}
.course-contact-detail-wrapper .course_contact_tel {
  cursor: pointer;
}

.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 rgb(0, 119, 198);
  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: rgb(253, 103, 26);
}

.related-materials {
  display: flex;
  margin: 0 20px;
  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;
  width: 500px;
  max-width: 100%;
}
.related-materials .book-wrapper .book-image {
  max-width: 200px;
  width: 100%;
}
.related-materials .book-wrapper .book-image img {
  width: 100%;
  height: auto;
}
.related-materials .book-wrapper .book-cost {
  font-weight: bold;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: auto;
}
.related-materials .book-wrapper .details-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
}
.related-materials .book-wrapper .details-wrapper h3.book-title {
  margin: 0px;
}
.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-left: auto;
  margin-top: auto;
  flex: 1 0 90px;
  max-width: 150px;
}
.related-materials .book-wrapper .details-wrapper .book-buy-btn .buy-licence {
  min-width: initial;
  flex: 1 0 90px;
  max-width: 150px;
  padding: 10px;
}

.device-mobile .related-materials .book-wrapper .details-wrapper .book-description {
  display: none;
}

.tool-wrapper {
  height: 240px;
  width: 180px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin: 15px;
  border: 1px solid #3e3e3e;
}
.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;
  padding: 10px;
  margin-bottom: auto;
}
.tool-wrapper .tool-info-wrapper {
  display: flex;
  height: 30px;
  border-top: 1px solid #3e3e3e;
}
.tool-wrapper .tool-info-wrapper > * {
  align-items: center;
  display: flex;
  flex: 1 1 50%;
}
.tool-wrapper .tool-info-wrapper .tool-price {
  padding: 10px;
  font-weight: bold;
}
.tool-wrapper .tool-info-wrapper .tool-link a {
  background-color: #3e3e3e;
  color: #fff;
  height: 100%;
  position: relative;
  transition: background-color 0.2s ease;
  width: 100%;
  border-bottom-right-radius: 6px;
  cursor: pointer;
}
.tool-wrapper .tool-info-wrapper .tool-link a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}
.tool-wrapper .tool-info-wrapper .tool-link a:hover {
  background-color: #515151;
}

.course-wrapper {
  display: block;
}
.course-wrapper .course {
  display: flex;
  flex-direction: column;
  flex: 1 1 250px;
  height: auto;
  margin: 10px;
  position: relative;
  text-align: center;
}
.course-wrapper .course.slick-slide {
  margin: 10px 20px;
}
.course-wrapper .course .card-tag {
  background-color: rgb(0, 119, 198);
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  left: 10px;
  padding: 0 5px;
  position: absolute;
  text-transform: capitalize;
  top: 10px;
  margin-left: -12px;
  margin-top: -9px;
  transform: rotate(-15deg);
}
.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;
}
.course-wrapper .course .course-cost {
  margin-top: auto;
}
.course-wrapper .course .course-buy-btn {
  align-items: center;
  display: flex;
  justify-content: center;
}
.course-wrapper .course .course-image {
  display: flex;
  margin: 0;
  max-height: 160px;
}
.course-wrapper .course .course-image img {
  width: 100%;
  height: 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: rgb(145, 145, 145);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 1px;
}
.course-wrapper .slick-arrow.slick-next::after, .course-wrapper .slick-arrow.slick-prev::after {
  color: rgb(145, 145, 145);
  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;
}

/**
    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;
  }
}
/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course-enq-form-wrapper > *:nth-child(1) {
  animation-duration: 0.3s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course-enq-form-wrapper > *:nth-child(2) {
  animation-duration: 0.4s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course-enq-form-wrapper > *:nth-child(3) {
  animation-duration: 0.5s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course-enq-form-wrapper > *:nth-child(4) {
  animation-duration: 0.6s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course-enq-form-wrapper > *:nth-child(5) {
  animation-duration: 0.7s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course-enq-form-wrapper > *:nth-child(6) {
  animation-duration: 0.8s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course-enq-form-wrapper > *:nth-child(7) {
  animation-duration: 0.9s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course-enq-form-wrapper > *:nth-child(8) {
  animation-duration: 1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course-enq-form-wrapper > *:nth-child(9) {
  animation-duration: 1.1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course-enq-form-wrapper > *:nth-child(10) {
  animation-duration: 1.2s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course-enq-form-wrapper > *:nth-child(11) {
  animation-duration: 1.3s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course-enq-form-wrapper > *:nth-child(12) {
  animation-duration: 1.4s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course-enq-form-wrapper > *:nth-child(13) {
  animation-duration: 1.5s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course-enq-form-wrapper > *:nth-child(14) {
  animation-duration: 1.6s;
  /*animation-delay: 0;*/
}

.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 {
  padding-left: 10px;
  color: #737373;
}

.seg-product-addtocart {
  margin-left: 18px;
}
.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 {
  overflow: hidden;
  border-radius: inherit;
}
.tool-wrapper img {
  height: 158px;
}
.tool-wrapper .user-rating {
  margin-top: -10px;
  margin-left: 10px;
}

.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;
}

#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: rgb(240, 240, 240);
}
#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 rgb(240, 240, 240);
}
#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 rgb(145, 145, 145);
  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: rgb(145, 145, 145);
  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 rgb(145, 145, 145);
  color: rgb(102, 102, 102);
  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: rgb(0, 119, 198);
  color: rgb(0, 119, 198);
  text-transform: capitalize;
}
#path-wrapper .highlight .panel .holder .title {
  background-color: rgb(0, 119, 198);
  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 .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 + .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: rgb(0, 119, 198);
  color: #fff;
  box-shadow: inset rgb(0, 119, 198) 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: rgb(0, 119, 198);
  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 rgb(240, 240, 240);
}
#path-wrapper .main-node .sub-node.highlight {
  border: 1px solid rgb(0, 119, 198);
  background: transparent;
}
#path-wrapper .main-node .sub-node.highlight .sub-node-title {
  color: rgb(0, 119, 198);
  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: rgb(0, 119, 198);
}
#path-wrapper .main-node .sub-node.selected:not(.disabled) .sub-node-title {
  background: rgb(0, 119, 198);
  color: #fff;
}
#path-wrapper .main-node .sub-node.completed {
  border-color: rgb(41, 168, 95);
  background-color: transparent;
}
#path-wrapper .main-node .sub-node.completed .close-node-details {
  color: rgb(41, 168, 95);
}
#path-wrapper .main-node .sub-node.completed .sub-node-title {
  background: transparent;
}
#path-wrapper .main-node .sub-node.completed .node-content-options .path-button {
  border-top-color: rgb(41, 168, 95);
  color: rgb(41, 168, 95);
}
#path-wrapper .main-node .sub-node.completed .node-content-options .path-button.active, #path-wrapper .main-node .sub-node.completed .node-content-options .path-button:hover, #path-wrapper .main-node .sub-node.completed .node-content-options .path-button::before {
  background-color: rgb(41, 168, 95);
  color: #fff;
}
#path-wrapper .main-node .sub-node.selected:not(.disabled).completed {
  border-color: rgb(41, 168, 95);
}
#path-wrapper .main-node .sub-node.selected:not(.disabled).completed .close-node-details {
  color: rgb(41, 168, 95);
}
#path-wrapper .main-node .sub-node.selected:not(.disabled).completed .sub-node-title {
  background: rgb(41, 168, 95);
  color: #fff;
}
#path-wrapper .main-node .sub-node.selected:not(.disabled).completed .node-content-options .path-button {
  border-top-color: rgb(41, 168, 95);
  color: rgb(41, 168, 95);
}
#path-wrapper .main-node .sub-node.selected:not(.disabled).completed .node-content-options .path-button.active, #path-wrapper .main-node .sub-node.selected:not(.disabled).completed .node-content-options .path-button:hover, #path-wrapper .main-node .sub-node.selected:not(.disabled).completed .node-content-options .path-button::before {
  background-color: rgb(41, 168, 95);
  color: #fff;
}
#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;
}
#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.selected:not(.disabled) {
  border-color: rgb(0, 119, 198);
}
#path-wrapper .main-node.selected:not(.disabled) .main-node-title {
  background: rgb(0, 119, 198);
  color: #fff;
}
#path-wrapper .main-node.completed {
  border-color: rgb(41, 168, 95);
}
#path-wrapper .main-node.completed .close-node-details {
  color: rgb(41, 168, 95);
}
#path-wrapper .main-node.completed .node-content-options .path-button {
  border-top-color: rgb(41, 168, 95);
  color: rgb(41, 168, 95);
}
#path-wrapper .main-node.completed .node-content-options .path-button.active, #path-wrapper .main-node.completed .node-content-options .path-button:hover, #path-wrapper .main-node.completed .node-content-options .path-button::before {
  background-color: rgb(41, 168, 95);
  color: #fff;
}
#path-wrapper .main-node.selected:not(.disabled).completed {
  border-color: rgb(41, 168, 95);
}
#path-wrapper .main-node.selected:not(.disabled).completed .close-node-details {
  color: rgb(41, 168, 95);
}
#path-wrapper .main-node.selected:not(.disabled).completed .main-node-title {
  background: rgb(41, 168, 95);
  color: #fff;
}
#path-wrapper .main-node.selected:not(.disabled).completed .node-content-options .path-button {
  border-top-color: rgb(41, 168, 95);
  color: rgb(41, 168, 95);
}
#path-wrapper .main-node.selected:not(.disabled).completed .node-content-options .path-button.active, #path-wrapper .main-node.selected:not(.disabled).completed .node-content-options .path-button:hover, #path-wrapper .main-node.selected:not(.disabled).completed .node-content-options .path-button::before {
  background-color: rgb(41, 168, 95);
  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: rgb(0, 119, 198);
}
#path-wrapper .main-node.cadet-program.highlight .sign-up {
  background-color: rgb(0, 119, 198);
}
#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=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 rgb(240, 240, 240);
}
#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: rgb(240, 240, 240);
  border-radius: 7px;
}
#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: rgb(0, 119, 198);
}
#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: rgb(0, 119, 198);
  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: rgb(0, 119, 198);
}
#path-wrapper .main-node.highlight .main-node-title {
  background-color: transparent;
  color: rgb(0, 119, 198);
}
#path-wrapper .main-node.highlight.selected {
  border-color: rgb(0, 119, 198);
}
#path-wrapper .main-node.highlight.selected .main-node-title {
  background: rgb(0, 119, 198);
  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, rgb(0, 119, 198) 0%, rgb(0, 119, 198) 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to right, rgb(0, 119, 198) 0%, rgb(0, 119, 198) 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to bottom, rgb(0, 119, 198) 0%, rgb(0, 119, 198) 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to bottom, rgb(0, 119, 198) 0%, rgb(0, 119, 198) 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 rgb(0, 119, 198);
  color: rgb(0, 119, 198);
}
#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: rgb(240, 240, 240);
  border-radius: inherit;
  display: flex;
  justify-content: center;
  margin: -1px -1px 0;
  min-height: 60px;
  padding: 5px;
  text-align: center;
}
#path-wrapper .sub-node .sub-node-title:hover {
  cursor: pointer;
}
#path-wrapper .sub-node .sub-node-title.selected:not(.disabled) {
  background: rgb(0, 119, 198);
  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 rgb(0, 119, 198);
  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::before {
  background-color: rgb(0, 119, 198);
  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: rgb(0, 119, 198);
  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 rgb(0, 119, 198);
}
#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: rgb(41, 168, 95);
}
#path-wrapper .department_box {
  background: #fff;
  border: 1px solid rgb(102, 102, 102);
  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: rgb(0, 119, 198);
  color: #fff;
}
#path-wrapper .department_box .node__content .node_box.highlight {
  border-color: rgb(0, 119, 198);
}
#path-wrapper .department_box .node__content .node_box.highlight .node_title {
  background-color: rgb(0, 119, 198);
  color: #fff;
}
#path-wrapper .courses_box {
  background: #fff;
  border: 1px solid rgb(102, 102, 102);
  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 #3e3e3e;
  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);
}
#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: rgb(0, 119, 198);
}
#path-wrapper .courses_box .node__content .main-node.highlight .main-node-title {
  background: rgb(0, 119, 198);
  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: rgb(240, 240, 240);
  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: rgb(0, 119, 198);
  color: #fff;
  box-shadow: inset rgb(0, 119, 198) 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 .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;
}

.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;
}
.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);
  }
}
/**
    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;
  }
}
/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.sub-node:nth-child(1) {
  animation-duration: 0.5s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.sub-node:nth-child(2) {
  animation-duration: 0.6s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.sub-node:nth-child(3) {
  animation-duration: 0.7s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.sub-node:nth-child(4) {
  animation-duration: 0.8s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.sub-node:nth-child(5) {
  animation-duration: 0.9s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.sub-node:nth-child(6) {
  animation-duration: 1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.sub-node:nth-child(7) {
  animation-duration: 1.1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.sub-node:nth-child(8) {
  animation-duration: 1.2s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.sub-node:nth-child(9) {
  animation-duration: 1.3s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.sub-node:nth-child(10) {
  animation-duration: 1.4s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.sub-node:nth-child(11) {
  animation-duration: 1.5s;
  /*animation-delay: 0;*/
}

/**
    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;
  }
}
/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node-text > *:nth-child(1) {
  animation-duration: 0.3s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node-text > *:nth-child(2) {
  animation-duration: 0.4s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node-text > *:nth-child(3) {
  animation-duration: 0.5s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node-text > *:nth-child(4) {
  animation-duration: 0.6s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node-text > *:nth-child(5) {
  animation-duration: 0.7s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node-text > *:nth-child(6) {
  animation-duration: 0.8s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node-text > *:nth-child(7) {
  animation-duration: 0.9s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node-text > *:nth-child(8) {
  animation-duration: 1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node-text > *:nth-child(9) {
  animation-duration: 1.1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node-text > *:nth-child(10) {
  animation-duration: 1.2s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node-text > *:nth-child(11) {
  animation-duration: 1.3s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node-text > *:nth-child(12) {
  animation-duration: 1.4s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node-text > *:nth-child(13) {
  animation-duration: 1.5s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node-text > *:nth-child(14) {
  animation-duration: 1.6s;
  /*animation-delay: 0;*/
}

/**
    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;
  }
}
/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node_content > *:nth-child(1) {
  animation-duration: 0.3s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node_content > *:nth-child(2) {
  animation-duration: 0.4s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node_content > *:nth-child(3) {
  animation-duration: 0.5s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node_content > *:nth-child(4) {
  animation-duration: 0.6s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node_content > *:nth-child(5) {
  animation-duration: 0.7s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node_content > *:nth-child(6) {
  animation-duration: 0.8s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node_content > *:nth-child(7) {
  animation-duration: 0.9s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node_content > *:nth-child(8) {
  animation-duration: 1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node_content > *:nth-child(9) {
  animation-duration: 1.1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node_content > *:nth-child(10) {
  animation-duration: 1.2s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node_content > *:nth-child(11) {
  animation-duration: 1.3s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node_content > *:nth-child(12) {
  animation-duration: 1.4s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node_content > *:nth-child(13) {
  animation-duration: 1.5s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.node_content > *:nth-child(14) {
  animation-duration: 1.6s;
  /*animation-delay: 0;*/
}

/**
    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;
  }
}
/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.main-node > *:nth-child(1) {
  animation-duration: 0.5s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.main-node > *:nth-child(2) {
  animation-duration: 0.6s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.main-node > *:nth-child(3) {
  animation-duration: 0.7s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.main-node > *:nth-child(4) {
  animation-duration: 0.8s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.main-node > *:nth-child(5) {
  animation-duration: 0.9s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.main-node > *:nth-child(6) {
  animation-duration: 1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.main-node > *:nth-child(7) {
  animation-duration: 1.1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.main-node > *:nth-child(8) {
  animation-duration: 1.2s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.main-node > *:nth-child(9) {
  animation-duration: 1.3s;
  /*animation-delay: 0;*/
}

/**
    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;
  }
}
/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.pre-course-learning-material > *:nth-child(1) {
  animation-duration: 0.5s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.pre-course-learning-material > *:nth-child(2) {
  animation-duration: 0.6s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.pre-course-learning-material > *:nth-child(3) {
  animation-duration: 0.7s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.pre-course-learning-material > *:nth-child(4) {
  animation-duration: 0.8s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.pre-course-learning-material > *:nth-child(5) {
  animation-duration: 0.9s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.pre-course-learning-material > *:nth-child(6) {
  animation-duration: 1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.pre-course-learning-material > *:nth-child(7) {
  animation-duration: 1.1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.pre-course-learning-material > *:nth-child(8) {
  animation-duration: 1.2s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.pre-course-learning-material > *:nth-child(9) {
  animation-duration: 1.3s;
  /*animation-delay: 0;*/
}

/**
    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;
  }
}
/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course_provider_wrapper > *:nth-child(1) {
  animation-duration: 0.5s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course_provider_wrapper > *:nth-child(2) {
  animation-duration: 0.6s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course_provider_wrapper > *:nth-child(3) {
  animation-duration: 0.7s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course_provider_wrapper > *:nth-child(4) {
  animation-duration: 0.8s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course_provider_wrapper > *:nth-child(5) {
  animation-duration: 0.9s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course_provider_wrapper > *:nth-child(6) {
  animation-duration: 1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course_provider_wrapper > *:nth-child(7) {
  animation-duration: 1.1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course_provider_wrapper > *:nth-child(8) {
  animation-duration: 1.2s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.course_provider_wrapper > *:nth-child(9) {
  animation-duration: 1.3s;
  /*animation-delay: 0;*/
}

@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: 930px;
}

#split_b .course_provider_content, #split_a .course_provider_content {
  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;
  }
}
#split_a,
#split_b {
  margin-top: -20px;
  margin-bottom: -20px;
}

#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;
}

.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: 80px;
  cursor: pointer;
}
.share-node .share-button {
  color: #000;
}
.share-node .share-button:hover {
  color: rgb(0, 119, 198);
}

.device-mobile .share-node {
  position: unset;
}

.centered-loading {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.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.08);
}
.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;
}

.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: rgb(0, 119, 198);
  border-color: rgb(0, 119, 198);
  color: #fff;
}

.dashboard-buttons-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-right: 15px;
}

.dashboard-button {
  padding: 5px 10px;
  color: rgb(145, 145, 145);
  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 rgb(240, 240, 240);
  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;
}

/**
    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;
  }
}
/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.school-dashboard-course-list .row:nth-child(1) {
  animation-duration: 0.3s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.school-dashboard-course-list .row:nth-child(2) {
  animation-duration: 0.4s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.school-dashboard-course-list .row:nth-child(3) {
  animation-duration: 0.5s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.school-dashboard-course-list .row:nth-child(4) {
  animation-duration: 0.6s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.school-dashboard-course-list .row:nth-child(5) {
  animation-duration: 0.7s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.school-dashboard-course-list .row:nth-child(6) {
  animation-duration: 0.8s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.school-dashboard-course-list .row:nth-child(7) {
  animation-duration: 0.9s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.school-dashboard-course-list .row:nth-child(8) {
  animation-duration: 1s;
  /*animation-delay: 0;*/
}

/*@if($i > 30) {
    $delay: ($i * ($transitionStagger ));
}
@else if($i > 10) {
    $delay: ($i * $transitionStagger);
}
@else {
    $delay: ($i * $transitionStagger);
}*/
.school-dashboard-course-list .row:nth-child(9) {
  animation-duration: 1.1s;
  /*animation-delay: 0;*/
}

.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: rgb(0, 119, 198);
  background: rgb(0, 119, 198);
  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 rgb(0, 119, 198);
}

.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: rgb(0, 119, 198);
  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: joanna-nova, 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: 34px;
  text-indent: 12px;
  position: relative;
  color: #75787B;
}
.email-stats-wrapper .email-stats-download::after {
  content: "\eb56";
  position: absolute;
  top: 2px;
  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;
}

.promotion .action a {
  background-color: #ffa329;
  color: #fff;
  border: 0px;
  white-space: nowrap;
  padding-top: 10px;
  padding-bottom: 10px;
}
.promotion .action a:hover {
  background-color: #ffbb29;
}

.facility-page .action a,
.students-page .action a {
  background-color: #ffa329;
  color: #fff;
  border: 0px;
  white-space: nowrap;
  padding-top: 10px;
  padding-bottom: 10px;
}
.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: 140px;
  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 {
  margin-top: 50px;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
.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: 140% 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 .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 .contains-benefits-alt p,
.students-page .contains-benefits-alt p {
  color: #449BD6;
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #449BD6;
  width: calc(100% - 10px);
}
.facility-page .contains-benefits-alt p:first-of-type,
.students-page .contains-benefits-alt p:first-of-type {
  border-top: 1px solid #449BD6;
}
.facility-page .contains-benefits-alt .benefits-title,
.students-page .contains-benefits-alt .benefits-title {
  color: #000;
}
.facility-page .benefits-table-alt-navy p,
.students-page .benefits-table-alt-navy p {
  color: #449BD6;
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #449BD6;
  width: calc(100% - 10px);
}
.facility-page .benefits-table-alt-navy .benefits-title,
.students-page .benefits-table-alt-navy .benefits-title {
  color: #FFF;
}
.facility-page .leading-line,
.students-page .leading-line {
  position: relative;
  margin-left: 7px;
}
.facility-page .leading-line::before,
.students-page .leading-line::before {
  content: "";
  position: absolute;
  top: 5px;
  right: calc(100% + 5px);
  height: 50px;
  width: 2px;
  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 {
  width: 310px;
  height: 77px;
}
.facility-page .action.squared,
.students-page .action.squared {
  max-width: 100%;
  padding-top: 20px;
  margin: 10px;
}
.facility-page .action.squared .button.promotion,
.students-page .action.squared .button.promotion {
  border-radius: 0px;
  padding: 20px;
  letter-spacing: 1.3px;
  font-weight: bold;
  margin-left: 10px;
}
.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;
  margin-top: 10px;
}
.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;
}

@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;
}
.students-page .gray-lined {
  border-top: 1px solid #50637A;
}

.theme-medium-blue {
  background-color: #449BD6;
  color: #000;
}

#headerContentWrapper.promotion {
  left: 35%;
}

@media screen and (max-width: 600px) {
  .student-image {
    top: 10px;
  }

  .student-image-alt-lower {
    top: 10px;
  }
}
.course_provider_wrapper .course_provider_image_wrapper {
  width: 100%;
  max-height: 350px;
}

.course .course-image {
  overflow: hidden;
}

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;
}
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;
}
body .provider-details-outer-wrapper .provider-details-wrapper {
  padding: 1px;
}
body .provider-details-outer-wrapper .provider-details-wrapper.grey {
  background-color: #ebebeb;
}
body .provider-details-outer-wrapper .provider-details-wrapper .container {
  padding-right: 340px;
}
body .provider-details-outer-wrapper .provider-details-wrapper .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 .container .provider-name {
  font-size: 20px;
  font-family: "joanna-nova,sans-serif";
}
body .provider-details-outer-wrapper .specials-wrapper {
  max-width: 300px;
  overflow: hidden;
  min-width: 300px;
  height: 548px;
  position: absolute;
  right: calc((100% - 900px) / 2 - 20px);
  top: -80px;
  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);
  overflow: visible;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item {
  height: 100%;
  text-align: center;
}
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 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 18px;
  padding-top: 18px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-pricing .item-pricing .current-price {
  flex: 0 0 40%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
  color: #3e3e3e;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-pricing .item-pricing .original-price {
  flex: 0 0 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  text-decoration: line-through;
  color: #a0a0a0;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-pricing .item-pricing .discount {
  flex: 0 0 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
body .provider-details-outer-wrapper .specials-wrapper .special-item .special-item-inner .item-pricing .item-pricing .time-left {
  flex: 0 0 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  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-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: transparent;
  box-shadow: 0 0 0 1px #e2e2e2;
}
body .provider-details-outer-wrapper .specials-wrapper .owl-dots .owl-dot.active span {
  border: none;
  background: #0077c6;
  box-shadow: 0 0 0 1px #0077c6;
}

.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;
  box-shadow: unset;
  height: unset;
  width: 100%;
}
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 .tabs-content-wrapper {
  position: relative;
  box-shadow: 0px 0px 0px 1px #0077c6;
  border: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper {
  padding: 12px;
}
.provider-product-content-wrapper .tabs-wrapper .tabs-content-wrapper .search-form-wrapper .search-form-inner {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 12px;
  color: #3e3e3e;
  font-weight: 300;
}
.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 .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 .row[data-id][data-path]:hover {
  cursor: pointer;
  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);
}

@media (max-width: 1000px) {
  body:not(.device-mobile) .header-flex-reverse-wrapper header .header-logo-img {
    left: 20px;
  }
  body:not(.device-mobile) .provider-details-outer-wrapper .specials-wrapper {
    right: 20px;
  }
}
.accordion-item {
  min-height: 40px;
}
.accordion-item .row.course-date {
  transition: background-color 0.2s ease;
}
.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;
}

.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;
}

#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 > .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 {
  padding-left: 10px;
  padding-right: 10px;
}
#provider_course_table .row.table-header-row {
  margin: 0 -10px 0 -10px;
}
#provider_course_table .row.table-header-row .books-list-header-item {
  padding-top: 20px;
  padding-bottom: 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;
}
#provider_course_table .list-wrapper .pcf-dates-rows .table-row .col-product .seg-html-dropdown {
  margin-bottom: 0;
}

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-]*/
.page-provider-course-form #navbar, .page-provider-course-form .menu-dashboard-container {
  z-index: 6;
}
.page-provider-course-form .add_course_header {
  background-color: rgb(240, 240, 240);
  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 rgb(240, 240, 240);
  border-radius: 10px;
}
.page-provider-course-form .form_section_box .section-header {
  background-color: rgb(0, 119, 198);
  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: rgb(240, 240, 240);
  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: rgb(102, 102, 102);
  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 rgb(240, 240, 240);
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  position: relative;
  text-align: center;
}
.page-provider-course-form .selectable-box.selected {
  border-color: rgb(0, 119, 198);
  background: #f9fdff;
  color: rgb(0, 119, 198);
}
.page-provider-course-form .selectable-box.selected:after {
  background: rgb(0, 119, 198);
  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;
}
.page-provider-course-form hr {
  background: #dbdbdb;
  border: none;
  height: 1px;
}
.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 .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: 2px;
  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;
}

.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;
}

.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: joanna-nova, 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: joanna-nova, 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 {
  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: 10px;
  font-size: 14px;
}
.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: joanna-nova, 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: joanna-nova, 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-the-progressive-crew-career-programme-is-currently-reviewing-partners-for-this-region h2 {
  font-family: joanna-nova, 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-the-progressive-crew-career-programme-is-currently-reviewing-partners-for-this-region 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-the-progressive-crew-career-programme-is-currently-reviewing-partners-for-this-region 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-the-progressive-crew-career-programme-is-currently-reviewing-partners-for-this-region .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-the-progressive-crew-career-programme-is-currently-reviewing-partners-for-this-region .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-the-progressive-crew-career-programme-is-currently-reviewing-partners-for-this-region 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-the-progressive-crew-career-programme-is-currently-reviewing-partners-for-this-region 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;
  }
}
.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: rgb(102, 102, 102);
  position: absolute;
  left: -55px;
  top: 10px;
}
.boiler-center strong::after {
  content: "";
  width: 50px;
  height: 1px;
  background: rgb(102, 102, 102);
  position: absolute;
  right: -55px;
  top: 10px;
}

.boiler-left,
.boiler-left {
  display: flex;
  align-items: center;
}

.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;
}

/* 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) {
  .device-mobile header .header-wrapper-img img {
    margin-left: 0%;
  }
}
@media all and (max-width: 499px) {
  .device-mobile header .header-wrapper-img img {
    margin-left: 10%;
  }
}
@media all and (max-width: 376px) {
  .device-mobile header .header-wrapper-img img {
    margin-left: 10%;
  }
}
@media all and (max-width: 321px) {
  .device-mobile header .header-wrapper-img img {
    margin-left: 10%;
  }
}
@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%;
  }
}
@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 all and (max-width: 1115px) {
  h1.promotion {
    font-size: 38px;
    line-height: 1.1;
  }
}
@media all and (max-width: 992px) {
  h1.promotion {
    font-size: 32px;
    line-height: 1.1;
  }
}
@media all and (max-width: 911px) {
  h1.promotion {
    font-size: 26px;
    line-height: 1.1;
  }
}
@media (min-width: 279px) and (max-width: 1024px) {
  .facility-page .resp-padding,
.student-page .resp-padding {
    padding-inline: 10px;
  }

  h1.promotion {
    font-size: 26px;
  }

  #headerContentWrapper.promotion {
    left: 5px;
  }
}
@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;
  }

  .device-mobile header #headerContentWrapper.promotion {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  div#headerContentWrapper {
    margin: 5px;
  }

  #headerContentWrapper.promotion {
    left: 250px;
    margin: 0;
    margin-top: 64px;
    margin-left: 124px;
    top: 64px;
  }
  #headerContentWrapper.promotion .page-title {
    font-size: large;
    line-height: 1.1 !important;
  }
  #headerContentWrapper.promotion .device-mobile header #headerContentWrapper.promotion {
    width: calc(100% - 10px);
  }

  header #headerContentWrapper.promotion .tag-line.promotion {
    font-style: italic;
    font-size: large;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 912px) {
  div#headerContentWrapper {
    margin: 5px;
  }

  #headerContentWrapper.promotion {
    margin: 0;
    margin-top: 64px;
    margin-left: 124px;
  }
  #headerContentWrapper.promotion .page-title {
    font-size: large;
    line-height: 1.1 !important;
  }
  #headerContentWrapper.promotion .device-mobile header #headerContentWrapper.promotion {
    width: calc(100% - 10px);
  }

  header #headerContentWrapper.promotion .tag-line.promotion {
    font-style: italic;
    font-size: large;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 821px) {
  .mobile-br {
    display: none;
  }

  div#headerContentWrapper {
    margin: 5px;
  }

  #headerContentWrapper.promotion {
    margin: 0;
    margin-top: 64px;
    margin-left: 124px;
  }
  #headerContentWrapper.promotion .page-title {
    font-size: medium;
    line-height: 1.1 !important;
  }
  #headerContentWrapper.promotion .device-mobile header #headerContentWrapper.promotion {
    width: calc(100% - 10px);
  }

  header #headerContentWrapper.promotion .tag-line.promotion {
    font-style: italic;
    font-size: medium;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 769px) {
  div#headerContentWrapper {
    margin: 5px;
  }

  #headerContentWrapper.promotion {
    margin: 0;
    margin-top: 40px;
    margin-left: 124px;
  }
  #headerContentWrapper.promotion .page-title {
    font-size: medium;
    line-height: 1.1 !important;
  }
  #headerContentWrapper.promotion .device-mobile header #headerContentWrapper.promotion {
    width: calc(100% - 10px);
  }

  header #headerContentWrapper.promotion .tag-line.promotion {
    font-style: italic;
    font-size: large;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 541px) {
  div#headerContentWrapper {
    margin: 5px;
  }

  #headerContentWrapper.promotion {
    margin: 0;
    margin-top: 140px !important;
    margin-left: 32px;
  }
  #headerContentWrapper.promotion .page-title {
    font-size: large;
    line-height: 1.1 !important;
  }
  #headerContentWrapper.promotion .device-mobile header #headerContentWrapper.promotion {
    width: calc(100% - 10px);
  }

  header #headerContentWrapper.promotion .tag-line.promotion {
    font-style: italic;
    font-size: large;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 416px) {
  div#headerContentWrapper {
    margin: 5px;
  }

  #headerContentWrapper.promotion {
    margin: 0;
    margin-top: 74px;
    margin-left: -34px;
  }
  #headerContentWrapper.promotion .page-title {
    font-size: large;
    line-height: 1.1 !important;
  }
  #headerContentWrapper.promotion .device-mobile header #headerContentWrapper.promotion {
    width: calc(100% - 10px);
  }

  header #headerContentWrapper.promotion .tag-line.promotion {
    font-style: italic;
    font-size: large;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 395px) {
  div#headerContentWrapper {
    margin: 5px;
  }

  #headerContentWrapper.promotion {
    margin: 0;
    margin-top: 64px;
    margin-left: -60px;
  }
  #headerContentWrapper.promotion .page-title {
    font-size: large;
    line-height: 1.1 !important;
  }
  #headerContentWrapper.promotion .device-mobile header #headerContentWrapper.promotion {
    width: calc(100% - 10px);
  }

  header #headerContentWrapper.promotion .tag-line.promotion {
    font-style: italic;
    font-size: large;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 376px) {
  div#headerContentWrapper {
    margin: 5px;
  }

  #headerContentWrapper.promotion {
    margin: 0;
    margin-top: 64px;
    margin-left: -60px;
  }
  #headerContentWrapper.promotion .page-title {
    font-size: large !important;
    line-height: 1.1 !important;
  }
  #headerContentWrapper.promotion .device-mobile header #headerContentWrapper.promotion {
    width: calc(100% - 10px);
  }

  header #headerContentWrapper.promotion .tag-line.promotion {
    font-style: italic;
    font-size: large;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 361px) {
  div#headerContentWrapper {
    margin: 5px;
  }

  #headerContentWrapper.promotion {
    margin: 0;
    margin-top: 0px;
    margin-left: -80px;
  }
  #headerContentWrapper.promotion .device-mobile header #headerContentWrapper.promotion {
    width: calc(100% - 10px);
  }

  header #headerContentWrapper.promotion .tag-line.promotion {
    font-style: italic;
    font-size: large;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 281px) {
  div#headerContentWrapper {
    margin: 5px;
  }

  #headerContentWrapper.promotion {
    margin: 0;
    margin-top: 97px !important;
    margin-left: -110px;
  }
  #headerContentWrapper.promotion .device-mobile header #headerContentWrapper.promotion {
    width: calc(100% - 10px);
  }

  header #headerContentWrapper.promotion .tag-line.promotion {
    font-style: italic;
    font-size: large;
    line-height: 1.1;
  }

  .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;
  }
}
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;
}

.woocommerce > section #respond input#submit,
.woocommerce > section a.button,
.woocommerce > section button.button,
.woocommerce > section input.button {
  background-color: rgb(0, 119, 198);
  border: 0px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid rgb(0, 119, 198);
  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: rgb(0, 119, 198);
  border: 0px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 38px;
  border: 1px solid rgb(0, 119, 198);
  text-align: center;
  min-width: 150px;
  height: 40px;
  color: #fff;
  padding: 0px 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[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;
  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.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: rgb(0, 119, 198);
}
.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: 14px;
  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: rgb(0, 119, 198);
  border: 0px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid rgb(0, 119, 198);
  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;
}

.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 {
  width: 400px;
  background-color: #fff;
  position: fixed;
  z-index: 99999;
  text-align: left;
  left: 50%;
  top: 0;
  margin-left: -200px;
  overflow: hidden;
  color: #666;
  padding: 15px 55px 15px 10px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  transition: opacity 0.2s;
  opacity: 1;
  transform: translateY(-100%);
  font-size: 16px;
  /*font-weight: bold;*/
  color: #444;
  border-radius: 0px;
  /*border-bottom: 3px solid #30a7d6;*/
}
.seg-alert.toast {
  left: 0;
  margin-left: 0;
  width: calc(100% - 10px);
  transform: none;
  position: absolute;
  margin: 5px;
  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;
}

/*# sourceMappingURL=style.css.map */