article,
aside,
footer,
header,
main,
nav,
section {
  display: block
}

body {
  margin: 0;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.55556;
  color: #454545;
  text-align: left;
  background-color: #fff
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem
}

p {
  margin-top: 0
}

address,
p {
  margin-bottom: 1rem
}

address {
  font-style: normal;
  line-height: inherit
}

ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: #00688d;
  text-decoration: none;
  background-color: transparent
}

a:hover {
  color: #004972;
  text-decoration: underline
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

code {
  font-family: Roboto Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em
}

img {
  border-style: none
}

img,
svg {
  vertical-align: middle
}

svg {
  overflow: hidden
}

table {
  border-collapse: collapse
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

label {
  display: inline-block;
  margin-bottom: .5rem
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}

button,
input,
select {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

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

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal
}

progress {
  vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

output {
  display: inline-block
}

summary {
  display: list-item;
  cursor: pointer
}

template {
  display: none
}

[hidden] {
  display: none !important
}

.footer .section-title,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: .5rem;
  font-weight: 700;
  line-height: 1.25;
  color: #00262b
}

.h1,
h1 {
  font-size: 2.5rem
}

.footer .section-title,
.h2,
h2 {
  font-size: 2rem
}

.h3,
h3 {
  font-size: 1.375rem
}

.h4,
h4 {
  font-size: 1.125rem
}

.h5,
h5 {
  font-size: .875rem
}

.h6,
h6 {
  font-size: .75rem
}

.lead {
  font-size: 1.375rem;
  font-weight: 400
}

.display-1 {
  font-size: 3.75rem
}

.display-1,
.display-2 {
  font-weight: 700;
  line-height: 1
}

.display-2 {
  font-size: 4.875rem
}

.display-3 {
  font-size: 5.625rem;
  font-weight: 700;
  line-height: 1
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
  font-size: .875rem;
  font-weight: 400
}

.mark,
mark {
  padding: .2em;
  background-color: #fff243
}

.list-inline,
.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline-item {
  display: inline-block
}

.list-inline-item:not(:last-child) {
  margin-right: .5rem
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.40625rem
}

@media (max-width:576px) {

  .display-1,
  .display-2,
  .display-3,
  .h1,
  h1 {
    font-size: 2.25rem
  }

  .footer .section-title,
  .h2,
  h2 {
    font-size: 2rem
  }

  .h3,
  h3 {
    font-size: 1.375rem
  }

  .h4,
  h4 {
    font-size: 1.125rem
  }

  .h5,
  h5 {
    font-size: .875rem
  }

  .h6,
  h6 {
    font-size: .75rem
  }
}

.heading-label {
  text-transform: uppercase;
  font-family: Roboto Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  margin-bottom: 0 !important
}

a.inline-link,
p>a[href]:not(.btn) {
  color: #00688d;
  text-decoration: underline
}

a.inline-link:hover,
p>a[href]:not(.btn):hover {
  color: #003041;
  text-decoration: underline;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-color: #003041;
  text-decoration-color: #003041
}

a.muted-link {
  color: #00262b;
  text-decoration: none
}

a.muted-link:hover {
  color: #000;
  text-decoration: underline
}

a.muted-link.inline-link,
p>a.muted-link[href]:not(.btn) {
  color: #00262b;
  text-decoration: underline;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-color: rgba(0, 38, 43, .3);
  text-decoration-color: rgba(0, 38, 43, .3)
}

a.muted-link.inline-link:hover,
p>a.muted-link[href]:not(.btn):hover {
  color: #000;
  text-decoration: underline;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-color: #000;
  text-decoration-color: #000
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1600px
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0
}

.col,
.col-2,
.col-3,
.col-5,
.col-6,
.col-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-12,
.col-md-auto,
.col-sm-3,
.col-sm-4,
.col-sm-6,
.col-sm-8,
.col-sm-9,
.col-sm-12,
.col-xl-3,
.col-xl-6,
.four-column-layout,
.hero-three-column-layout,
.three-column-layout {
  position: relative;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%
}

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-12,
.four-column-layout,
.hero-three-column-layout,
.three-column-layout {
  flex: 0 0 100%;
  max-width: 100%
}

.order-1 {
  order: 1
}

@media (min-width:576px) {
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .offset-sm-3 {
    margin-left: 25%
  }
}

@media (min-width:768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-4,
  .hero-three-column-layout {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }

  .col-md-6,
  .four-column-layout,
  .three-column-layout {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }

  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media (min-width:992px) {
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-lg-4,
  .four-column-layout,
  .three-column-layout {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }

  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .order-lg-2 {
    order: 2
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.33333%
  }
}

@media (min-width:1200px) {

  .col-xl-3,
  .four-column-layout {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%
  }
}

.container-mw-xs {
  max-width: 496px !important
}

.container-mw-sm {
  max-width: 740px !important
}

.container-mw-md {
  max-width: 984px !important
}

.container-mw-lg {
  max-width: 1228px !important
}

.container-mw-xl {
  max-width: 1472px !important
}

.fade {
  transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.bg-white {
  background-color: #fff !important
}

.border,
.pgn__searchfield {
  border: 1px solid #ccc !important
}

.border-top {
  border-top: 1px solid #ccc !important
}

.border-right {
  border-right: 1px solid #ccc !important
}

.border-bottom {
  border-bottom: 1px solid #ccc !important
}

.border-0,
.pgn__searchfield .form-control {
  border: 0 !important
}

.border-dark {
  border-color: #00262b !important
}

.border-white {
  border-color: #fff !important
}

.pgn__searchfield,
.rounded {
  border-radius: .375rem !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-0 {
  border-radius: 0 !important
}

.clearfix:after {
  display: block;
  clear: both;
  content: ""
}

.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

@media (min-width:576px) {
  .d-sm-none {
    display: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-flex {
    display: flex !important
  }
}

@media (min-width:768px) {
  .d-md-none {
    display: none !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-flex {
    display: flex !important
  }
}

@media (min-width:992px) {
  .d-lg-none {
    display: none !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }
}

@media (min-width:1200px) {
  .d-xl-inline {
    display: inline !important
  }

  .d-xl-block {
    display: block !important
  }
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

@media (min-width:576px) {
  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .align-self-sm-center {
    align-self: center !important
  }
}

@media (min-width:768px) {
  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }
}

@media (min-width:992px) {
  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-center {
    align-items: center !important
  }
}

@media (min-width:1200px) {
  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }
}

.float-left {
  float: left !important
}

.float-right {
  float: right !important
}

@media (min-width:768px) {
  .float-md-right {
    float: right !important
  }
}

@media (min-width:992px) {
  .float-lg-right {
    float: right !important
  }
}

.overflow-hidden {
  overflow: hidden !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

.sr-only {
  white-space: nowrap
}

.shadow {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .3) !important
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.h-100 {
  height: 100% !important
}

.mw-100 {
  max-width: 100% !important
}

.m-0 {
  margin: 0 !important
}

.mt-0,
.my-0 {
  margin-top: 0 !important
}

.mr-0 {
  margin-right: 0 !important
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important
}

.ml-0 {
  margin-left: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.facts .fact ul,
.mt-1,
.my-1 {
  margin-top: .25rem !important
}

.mr-1,
.mx-1 {
  margin-right: .25rem !important
}

.facts .fact p,
.mb-1,
.my-1 {
  margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
  margin-left: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.mt-2,
.my-2 {
  margin-top: .5rem !important
}

.mr-2,
.mx-2 {
  margin-right: .5rem !important
}

.mb-2,
.my-2 {
  margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
  margin-left: .5rem !important
}

.mt-3,
.my-3 {
  margin-top: 1rem !important
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important
}

.mr-4 {
  margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important
}

.ml-4 {
  margin-left: 1.5rem !important
}

.mt-5,
.my-5 {
  margin-top: 3rem !important
}

.mr-5 {
  margin-right: 3rem !important
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important
}

.p-0 {
  padding: 0 !important
}

.pt-0,
.py-0 {
  padding-top: 0 !important
}

.pr-0,
.px-0,
.subject .testimonials .testimonials-container .container,
.topic .testimonials .testimonials-container .container {
  padding-right: 0 !important
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important
}

.pl-0,
.px-0,
.subject .testimonials .testimonials-container .container,
.topic .testimonials .testimonials-container .container {
  padding-left: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.pt-1,
.py-1 {
  padding-top: .25rem !important
}

.px-1 {
  padding-right: .25rem !important
}

.pb-1,
.py-1 {
  padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
  padding-left: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.pt-2,
.py-2 {
  padding-top: .5rem !important
}

.pgn__searchfield .btn[type=reset],
.pgn__searchfield .btn[type=submit],
.pr-2,
.px-2 {
  padding-right: .5rem !important
}

.pb-2,
.py-2 {
  padding-bottom: .5rem !important
}

.pgn__searchfield .btn[type=reset],
.pgn__searchfield .btn[type=submit],
.pl-2,
.px-2 {
  padding-left: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.pt-3,
.py-3 {
  padding-top: 1rem !important
}

.px-3 {
  padding-right: 1rem !important
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
  padding-left: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important
}

.pt-5,
.py-5 {
  padding-top: 3rem !important
}

.px-5 {
  padding-right: 3rem !important
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
  padding-left: 3rem !important
}

.m-auto {
  margin: auto !important
}

.mt-auto {
  margin-top: auto !important
}

.mx-auto {
  margin-right: auto !important
}

.ml-auto,
.mx-auto {
  margin-left: auto !important
}

@media (min-width:576px) {
  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mr-sm-3 {
    margin-right: 1rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .px-sm-0 {
    padding-right: 0 !important
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important
  }

  .pt-sm-2 {
    padding-top: .5rem !important
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important
  }

  .pr-sm-3 {
    padding-right: 1rem !important
  }

  .py-sm-3 {
    padding-bottom: 1rem !important
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important
  }

  .pt-sm-5 {
    padding-top: 3rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }
}

@media (min-width:768px) {
  .my-md-0 {
    margin-top: 0 !important
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mr-md-3 {
    margin-right: 1rem !important
  }

  .mb-md-3 {
    margin-bottom: 1rem !important
  }

  .ml-md-3 {
    margin-left: 1rem !important
  }

  .my-md-4 {
    margin-top: 1.5rem !important
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .mb-md-5 {
    margin-bottom: 3rem !important
  }

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

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pr-md-0 {
    padding-right: 0 !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pr-md-3 {
    padding-right: 1rem !important
  }

  .pl-md-3 {
    padding-left: 1rem !important
  }

  .pt-md-5 {
    padding-top: 3rem !important
  }
}

@media (min-width:992px) {
  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .ml-lg-0 {
    margin-left: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mr-lg-2 {
    margin-right: .5rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important
  }

  .mr-lg-4 {
    margin-right: 1.5rem !important
  }

  .ml-lg-4 {
    margin-left: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .mr-lg-5 {
    margin-right: 3rem !important
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important
  }

  .px-lg-0 {
    padding-right: 0 !important
  }

  .py-lg-0 {
    padding-bottom: 0 !important
  }

  .px-lg-0 {
    padding-left: 0 !important
  }

  .px-lg-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .pl-lg-3 {
    padding-left: 1rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .pt-lg-5 {
    padding-top: 3rem !important
  }
}

@media (min-width:1200px) {
  .m-xl-0 {
    margin: 0 !important
  }

  .mr-xl-4 {
    margin-right: 1.5rem !important
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .mt-xl-n4 {
    margin-top: -1.5rem !important
  }

  .mr-xl-auto {
    margin-right: auto !important
  }
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

@media (min-width:768px) {
  .text-md-right {
    text-align: right !important
  }
}

@media (min-width:992px) {
  .text-lg-right {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.font-weight-normal {
  font-weight: 400 !important
}

.font-weight-bold {
  font-weight: 700 !important
}

.font-italic {
  font-style: italic !important
}

.text-white {
  color: #fff !important
}

.text-success {
  color: #0d7d4d !important
}

a.text-success:focus,
a.text-success:hover {
  color: #063822 !important
}

.text-danger {
  color: #ab0d02 !important
}

a.text-danger:focus,
a.text-danger:hover {
  color: #5f0701 !important
}

.text-muted {
  color: #707070 !important
}

.text-decoration-none {
  text-decoration: none !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

.text-primary-100 {
  color: #f0f2f2 !important
}

a.text-primary-100:focus,
a.text-primary-100:hover {
  color: #c7cece !important
}

.bg-primary-500 {
  background-color: #00262b !important
}

a.bg-primary-500:focus,
a.bg-primary-500:hover,
button.bg-primary-500:focus,
button.bg-primary-500:hover {
  background-color: #000 !important
}

.text-primary-500 {
  color: #00262b !important
}

a.text-primary-500:focus,
a.text-primary-500:hover {
  color: #000 !important
}

.bg-primary-700 {
  background-color: #002121 !important
}

a.bg-primary-700:focus,
a.bg-primary-700:hover,
button.bg-primary-700:focus,
button.bg-primary-700:hover {
  background-color: #000 !important
}

.bg-light-100 {
  background-color: #fdfdfd !important
}

a.bg-light-100:focus,
a.bg-light-100:hover,
button.bg-light-100:focus,
button.bg-light-100:hover {
  background-color: #e4e4e4 !important
}

.bg-light-300 {
  background-color: #f2f0ef !important
}

a.bg-light-300:focus,
a.bg-light-300:hover,
button.bg-light-300:focus,
button.bg-light-300:hover {
  background-color: #dbd6d3 !important
}

.bg-light-400 {
  background-color: #eae6e5 !important
}

a.bg-light-400:focus,
a.bg-light-400:hover,
button.bg-light-400:focus,
button.bg-light-400:hover {
  background-color: #d3cbc9 !important
}

.bg-light-500 {
  background-color: #e1dddb !important
}

a.bg-light-500:focus,
a.bg-light-500:hover,
button.bg-light-500:focus,
button.bg-light-500:hover {
  background-color: #cac3bf !important
}

.text-light-700 {
  color: #d7d3d1 !important
}

a.text-light-700:focus,
a.text-light-700:hover {
  color: #b3aca8 !important
}

.bg-gray-100 {
  background-color: #ebebeb !important
}

a.bg-gray-100:focus,
a.bg-gray-100:hover,
button.bg-gray-100:focus,
button.bg-gray-100:hover {
  background-color: #d2d2d2 !important
}

.text-gray-500 {
  color: #707070 !important
}

a.text-gray-500:focus,
a.text-gray-500:hover {
  color: #4a4a4a !important
}

.text-gray-700 {
  color: #454545 !important
}

a.text-gray-700:focus,
a.text-gray-700:hover {
  color: #1f1f1f !important
}

.bg-gray-900 {
  background-color: #212529 !important
}

a.bg-gray-900:focus,
a.bg-gray-900:hover,
button.bg-gray-900:focus,
button.bg-gray-900:hover {
  background-color: #0a0c0d !important
}

.border-gray-900 {
  border-color: #212529 !important
}

.x-small {
  font-size: .75rem
}

.mw-lg {
  max-width: 1196px !important
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: .375rem
}

.list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #5c5c5c;
  pointer-events: none;
  background-color: #fff
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #00262b;
  border-color: #00262b
}

.list-group-item+.list-group-item {
  border-top-width: 0
}

.list-group-item+.list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px
}

.list-group-horizontal {
  flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
  border-bottom-left-radius: .375rem;
  border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
  border-top-right-radius: .375rem;
  border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-top-width: 1px;
  border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px
}

.list-group-flush {
  border-radius: 0
}

.list-group-flush>.list-group-item {
  border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0
}

@media print {

  *,
  :after,
  :before {
    text-shadow: none !important;
    box-shadow: none !important
  }

  a:not(.btn) {
    text-decoration: underline
  }

  blockquote {
    border: 1px solid #707070
  }

  blockquote,
  img,
  tr {
    page-break-inside: avoid
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    page-break-after: avoid
  }

  @page {
    size: a3
  }

  .container,
  body {
    min-width: 992px !important
  }

  .navbar {
    display: none
  }

  .badge {
    border: 1px solid #000
  }

  .table {
    border-collapse: collapse !important
  }

  .table td,
  .table th {
    background-color: #fff !important
  }
}

.alert {
  position: relative;
  padding: 1.5rem;
  margin-bottom: 1rem;
  border: 0 solid transparent;
  border-radius: .375rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15), 0 1px 4px rgba(0, 0, 0, .15)
}

.alert>:last-child {
  margin-bottom: 0
}

.alert .alert-icon {
  float: left;
  margin-right: .8rem;
  width: 1.25rem;
  height: 1.25rem
}

.alert-heading {
  color: #00262b;
  display: flex
}

.alert-link {
  font-weight: 400
}

.alert-dismissible {
  padding-right: 4.6875rem
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.5rem;
  color: inherit
}

.alert-link {
  text-decoration: underline
}

.alert-link:hover {
  text-decoration: none
}

.alert-primary {
  color: inherit;
  background-color: #f0f2f2;
  border-color: #bfc9ca
}

.alert-primary .alert-icon {
  color: #00262b
}

.alert-secondary {
  color: inherit;
  background-color: #f4f4f4;
  border-color: #d1d1d1
}

.alert-secondary .alert-icon {
  color: #454545
}

.alert-brand {
  color: inherit;
  background-color: #fcf3f2;
  border-color: #f4ccc9
}

.alert-brand .alert-icon {
  color: #d23228
}

.alert-success {
  color: inherit;
  background-color: #f2faf7;
  border-color: #bbe6d7
}

.alert-success .alert-icon {
  color: #0d7d4d
}

.alert-info {
  color: inherit;
  background-color: #eff8fa;
  border-color: #9cd2e6
}

.alert-info .alert-icon {
  color: #00688d
}

.alert-warning {
  color: inherit;
  background-color: #fffadb;
  border-color: #ffea75
}

.alert-warning .alert-icon {
  color: #d6b600
}

.alert-danger {
  color: inherit;
  background-color: #fcf1f4;
  border-color: #f3aea9
}

.alert-danger .alert-icon {
  color: #ab0d02
}

.alert-light {
  color: inherit;
  background-color: #fdfdfd;
  border-color: #fbfaf9
}

.alert-light .alert-icon {
  color: #e1dddb
}

.alert-dark {
  color: inherit;
  background-color: #f0f2f2;
  border-color: #475b65
}

.alert-dark .alert-icon {
  color: #00262b
}

.alert-gray {
  color: inherit;
  background-color: #ebebeb;
  border-color: #ccc
}

.alert-gray .alert-icon {
  color: #707070
}

.alert-accent-a {
  color: inherit;
  background-color: #03c7e8;
  border-color: #03c7e8
}

.alert-accent-a .alert-icon {
  color: #03c7e8
}

.alert-accent-b {
  color: inherit;
  background-color: #f0cc00;
  border-color: #f0cc00
}

.alert-accent-b .alert-icon {
  color: #f0cc00
}

.pgn__avatar {
  border-radius: 100%;
  border: 1px solid #f2f0ef;
  display: inline-block;
  height: 3rem;
  overflow: hidden;
  width: 3rem;
  -o-object-fit: cover;
  object-fit: cover
}

.pgn__avatar.pgn__avatar-xs {
  height: 1.5rem;
  width: 1.5rem
}

.pgn__avatar.pgn__avatar-sm {
  height: 2.25rem;
  width: 2.25rem
}

.pgn__avatar.pgn__avatar-md {
  height: 3rem;
  width: 3rem
}

.pgn__avatar.pgn__avatar-lg {
  height: 4rem;
  width: 4rem
}

.pgn__avatar.pgn__avatar-xl {
  height: 6rem;
  width: 6rem
}

.pgn__avatar.pgn__avatar-xxl {
  height: 11.5rem;
  width: 11.5rem
}

.pgn__avatar.pgn__avatar-huge {
  height: 18.75rem;
  width: 18.75rem
}

.pgn__avatar-button-avatar {
  padding-left: .5em
}

.pgn__avatar-button-avatar.pgn__avatar-button-avatar-sm {
  padding-left: .5
}

.pgn__avatar-button-avatar.pgn__avatar-button-avatar-lg {
  padding-left: .5em
}

.pgn__avatar-button-avatar .pgn__avatar-button-avatar-wrap {
  height: 0;
  vertical-align: middle;
  display: inline-flex;
  margin-right: .5em
}

.pgn__avatar-button-avatar.pgn__avatar-button-hide-label {
  padding-left: 4px;
  padding-right: 4px
}

.pgn__avatar-button-avatar.pgn__avatar-button-hide-label .pgn__avatar-button-avatar-wrap {
  margin-right: 0
}

.pgn__avatar-button-avatar .pgn__avatar {
  transform: translateY(-50%);
  margin-top: -1px
}

.badge {
  display: inline-block;
  padding: .125rem .5rem;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  transition: none
}

a.badge:focus,
a.badge:hover {
  text-decoration: none
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.badge-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem
}

.badge-primary {
  color: #fff;
  background-color: #00262b
}

a.badge-primary:focus,
a.badge-primary:hover {
  color: #fff;
  background-color: #000
}

a.badge-primary.focus,
a.badge-primary:focus {
  outline: 0;
  box-shadow: 0 0 0 1px rgba(0, 38, 43, .5)
}

.badge-warning {
  color: #000;
  background-color: #f0cc00
}

a.badge-warning:focus,
a.badge-warning:hover {
  color: #000;
  background-color: #bda100
}

a.badge-warning.focus,
a.badge-warning:focus {
  outline: 0;
  box-shadow: 0 0 0 1px rgba(240, 204, 0, .5)
}

.badge-light {
  color: #000;
  background-color: #e1dddb
}

a.badge-light:focus,
a.badge-light:hover {
  color: #000;
  background-color: #cac3bf
}

a.badge-light.focus,
a.badge-light:focus {
  outline: 0;
  box-shadow: 0 0 0 1px rgba(225, 221, 219, .5)
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #ccc;
  border-radius: .375rem
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
  float: left;
  padding-right: .5rem;
  color: #5c5c5c;
  content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover:before {
  text-decoration: underline;
  text-decoration: none
}

.breadcrumb-item.active,
.pgn__breadcrumb .list-inline-item.active {
  color: #707070
}

.dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem
}

.dropdown-toggle-split:after {
  margin-left: 0
}

.btn-lg+.dropdown-toggle-split {
  padding-right: .9375rem;
  padding-left: .9375rem
}

.btn {
  display: inline-block;
  font-weight: 500;
  color: #454545;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .5625rem 1rem;
  font-size: 1.125rem;
  line-height: 1.33334;
  border-radius: 0
}

.btn:hover {
  color: #454545;
  text-decoration: none
}

.btn.disabled,
.btn:disabled {
  opacity: .4
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none
}

.btn-primary {
  color: #fff;
  background-color: #00262b;
  border-color: #00262b;
  box-shadow: none
}

.btn-primary:hover {
  color: #fff;
  background-color: #002121;
  border-color: #002121
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #00262b;
  border-color: #00262b
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #001b1e;
  border-color: #001b1e
}

.btn-primary.focus,
.btn-primary:focus {
  position: relative;
  outline: 0;
  box-shadow: none
}

.btn-primary.focus:before,
.btn-primary:focus:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: 2px solid #002121;
  border-radius: 4px
}

.btn-primary.focus.btn-lg:before,
.btn-primary:focus.btn-lg:before {
  border-radius: 4px
}

.btn-primary.focus.active:before,
.btn-primary.focus:active:before,
.btn-primary:focus.active:before,
.btn-primary:focus:active:before {
  opacity: .75
}

.btn-primary.focus.disabled:before,
.btn-primary.focus:disabled:before,
.btn-primary:focus.disabled:before,
.btn-primary:focus:disabled:before {
  display: none
}

.btn-outline-primary {
  color: #00262b;
  border-color: #00262b
}

.btn-outline-primary:hover {
  color: #002121;
  background-color: #f0f2f2;
  border-color: #001b1e
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #00262b;
  background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
  color: #000;
  background-color: #f0f2f2;
  border-color: #001b1e
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
  position: relative;
  outline: 0;
  box-shadow: none
}

.btn-outline-primary.focus:before,
.btn-outline-primary:focus:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: 2px solid #002121;
  border-radius: 4px
}

.btn-outline-primary.focus.btn-lg:before,
.btn-outline-primary:focus.btn-lg:before {
  border-radius: 4px
}

.btn-outline-primary.focus.active:before,
.btn-outline-primary.focus:active:before,
.btn-outline-primary:focus.active:before,
.btn-outline-primary:focus:active:before {
  opacity: .75
}

.btn-outline-primary.focus.disabled:before,
.btn-outline-primary.focus:disabled:before,
.btn-outline-primary:focus.disabled:before,
.btn-outline-primary:focus:disabled:before {
  display: none
}

.btn-inverse-primary {
  background-color: #fff
}

.btn-inverse-primary:hover {
  color: #000405;
  background-color: #ececec;
  border-color: transparent
}

.btn-inverse-primary.disabled,
.btn-inverse-primary:disabled {
  color: #00262b;
  background-color: transparent
}

.btn-inverse-primary:not(:disabled):not(.disabled).active,
.btn-inverse-primary:not(:disabled):not(.disabled):active,
.show>.btn-inverse-primary.dropdown-toggle {
  color: #000;
  background: #eee
}

.btn-inverse-primary.focus,
.btn-inverse-primary:focus {
  position: relative;
  outline: 0;
  box-shadow: none
}

.btn-inverse-primary.focus:before,
.btn-inverse-primary:focus:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: 2px solid #fff;
  border-radius: 4px
}

.btn-inverse-primary.focus.btn-lg:before,
.btn-inverse-primary:focus.btn-lg:before {
  border-radius: 4px
}

.btn-inverse-primary.focus.active:before,
.btn-inverse-primary.focus:active:before,
.btn-inverse-primary:focus.active:before,
.btn-inverse-primary:focus:active:before {
  opacity: .75
}

.btn-inverse-primary.focus.disabled:before,
.btn-inverse-primary.focus:disabled:before,
.btn-inverse-primary:focus.disabled:before,
.btn-inverse-primary:focus:disabled:before {
  display: none
}

.btn-secondary {
  color: #fff;
  background-color: #454545;
  border-color: #454545;
  box-shadow: none
}

.btn-secondary:hover {
  color: #fff;
  background-color: #373737;
  border-color: #373737
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #454545;
  border-color: #454545
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #303030;
  border-color: #303030
}

.btn-secondary.focus,
.btn-secondary:focus {
  position: relative;
  outline: 0;
  box-shadow: none
}

.btn-secondary.focus:before,
.btn-secondary:focus:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: 2px solid #373737;
  border-radius: 4px
}

.btn-secondary.focus.btn-lg:before,
.btn-secondary:focus.btn-lg:before {
  border-radius: 4px
}

.btn-secondary.focus.active:before,
.btn-secondary.focus:active:before,
.btn-secondary:focus.active:before,
.btn-secondary:focus:active:before {
  opacity: .75
}

.btn-secondary.focus.disabled:before,
.btn-secondary.focus:disabled:before,
.btn-secondary:focus.disabled:before,
.btn-secondary:focus:disabled:before {
  display: none
}

.btn-brand {
  color: #fff;
  background-color: #d23228;
  border-color: #d23228;
  box-shadow: none
}

.btn-brand:hover {
  color: #fff;
  background-color: #921108;
  border-color: #921108
}

.btn-brand.disabled,
.btn-brand:disabled {
  color: #fff;
  background-color: #d23228;
  border-color: #d23228
}

.btn-brand:not(:disabled):not(.disabled).active,
.btn-brand:not(:disabled):not(.disabled):active,
.show>.btn-brand.dropdown-toggle {
  color: #fff;
  background-color: #93231c;
  border-color: #93231c
}

.btn-brand.focus,
.btn-brand:focus {
  position: relative;
  outline: 0;
  box-shadow: none
}

.btn-brand.focus:before,
.btn-brand:focus:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: 2px solid #921108;
  border-radius: 4px
}

.btn-brand.focus.btn-lg:before,
.btn-brand:focus.btn-lg:before {
  border-radius: 4px
}

.btn-brand.focus.active:before,
.btn-brand.focus:active:before,
.btn-brand:focus.active:before,
.btn-brand:focus:active:before {
  opacity: .75
}

.btn-brand.focus.disabled:before,
.btn-brand.focus:disabled:before,
.btn-brand:focus.disabled:before,
.btn-brand:focus:disabled:before {
  display: none
}

.btn-inverse-brand {
  color: #d23228;
  background-color: #fff
}

.btn-inverse-brand:hover {
  color: #b22a22;
  background-color: #ececec;
  border-color: transparent
}

.btn-inverse-brand.disabled,
.btn-inverse-brand:disabled {
  color: #d23228;
  background-color: transparent
}

.btn-inverse-brand:not(:disabled):not(.disabled).active,
.btn-inverse-brand:not(:disabled):not(.disabled):active,
.show>.btn-inverse-brand.dropdown-toggle {
  color: #a72820;
  background: #eee
}

.btn-inverse-brand.focus,
.btn-inverse-brand:focus {
  position: relative;
  outline: 0;
  box-shadow: none
}

.btn-inverse-brand.focus:before,
.btn-inverse-brand:focus:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: 2px solid #fff;
  border-radius: 4px
}

.btn-inverse-brand.focus.btn-lg:before,
.btn-inverse-brand:focus.btn-lg:before {
  border-radius: 4px
}

.btn-inverse-brand.focus.active:before,
.btn-inverse-brand.focus:active:before,
.btn-inverse-brand:focus.active:before,
.btn-inverse-brand:focus:active:before {
  opacity: .75
}

.btn-inverse-brand.focus.disabled:before,
.btn-inverse-brand.focus:disabled:before,
.btn-inverse-brand:focus.disabled:before,
.btn-inverse-brand:focus:disabled:before {
  display: none
}

.btn-light {
  color: #000;
  background-color: #e1dddb;
  border-color: #e1dddb;
  box-shadow: none
}

.btn-light:hover {
  color: #000;
  background-color: #d7d3d1;
  border-color: #d7d3d1
}

.btn-light.disabled,
.btn-light:disabled {
  color: #000;
  background-color: #e1dddb;
  border-color: #e1dddb
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
  color: #000;
  background-color: #9e9b99;
  border-color: #9e9b99
}

.btn-light.focus,
.btn-light:focus {
  position: relative;
  outline: 0;
  box-shadow: none
}

.btn-light.focus:before,
.btn-light:focus:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: 2px solid #d7d3d1;
  border-radius: 4px
}

.btn-light.focus.btn-lg:before,
.btn-light:focus.btn-lg:before {
  border-radius: 4px
}

.btn-light.focus.active:before,
.btn-light.focus:active:before,
.btn-light:focus.active:before,
.btn-light:focus:active:before {
  opacity: .75
}

.btn-light.focus.disabled:before,
.btn-light.focus:disabled:before,
.btn-light:focus.disabled:before,
.btn-light:focus:disabled:before {
  display: none
}

.btn-dark {
  color: #fff;
  background-color: #00262b;
  border-color: #00262b;
  box-shadow: none
}

.btn-dark:hover {
  color: #fff;
  background-color: #002121;
  border-color: #002121
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #00262b;
  border-color: #00262b
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #001b1e;
  border-color: #001b1e
}

.btn-dark.focus,
.btn-dark:focus {
  position: relative;
  outline: 0;
  box-shadow: none
}

.btn-dark.focus:before,
.btn-dark:focus:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: 2px solid #002121;
  border-radius: 4px
}

.btn-dark.focus.btn-lg:before,
.btn-dark:focus.btn-lg:before {
  border-radius: 4px
}

.btn-dark.focus.active:before,
.btn-dark.focus:active:before,
.btn-dark:focus.active:before,
.btn-dark:focus:active:before {
  opacity: .75
}

.btn-dark.focus.disabled:before,
.btn-dark.focus:disabled:before,
.btn-dark:focus.disabled:before,
.btn-dark:focus:disabled:before {
  display: none
}

.btn-tertiary {
  background-color: transparent;
  box-shadow: none
}

.btn-tertiary,
.btn-tertiary:hover {
  color: #454545;
  border-color: transparent
}

.btn-tertiary:hover {
  background-color: #e1dddb
}

.btn-tertiary.disabled,
.btn-tertiary:disabled {
  color: #fff;
  background-color: transparent;
  border-color: transparent
}

.btn-tertiary:not(:disabled):not(.disabled).active,
.btn-tertiary:not(:disabled):not(.disabled):active,
.show>.btn-tertiary.dropdown-toggle {
  color: #454545;
  background-color: #e1dddb;
  border-color: transparent
}

.btn-tertiary.focus,
.btn-tertiary:focus {
  position: relative;
  outline: 0;
  box-shadow: none
}

.btn-tertiary.focus:before,
.btn-tertiary:focus:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: 2px solid #002121;
  border-radius: 4px
}

.btn-tertiary.focus.btn-lg:before,
.btn-tertiary:focus.btn-lg:before {
  border-radius: 4px
}

.btn-tertiary.focus.active:before,
.btn-tertiary.focus:active:before,
.btn-tertiary:focus.active:before,
.btn-tertiary:focus:active:before {
  opacity: .75
}

.btn-tertiary.focus.disabled:before,
.btn-tertiary.focus:disabled:before,
.btn-tertiary:focus.disabled:before,
.btn-tertiary:focus:disabled:before {
  display: none
}

.btn-link {
  font-weight: 400;
  color: #00688d
}

.btn-link:hover {
  color: #004972;
  text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
  text-decoration: underline;
  box-shadow: none
}

.btn-link.disabled,
.btn-link:disabled {
  color: #707070;
  pointer-events: none
}

.btn-dark.focus,
.btn-dark:focus,
.btn-light.focus,
.btn-light:focus {
  position: relative;
  outline: 0;
  box-shadow: none
}

.btn-dark.focus:before,
.btn-dark:focus:before,
.btn-light.focus:before,
.btn-light:focus:before {
  content: "";
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  border: 2px solid #002121;
  border-radius: 4px
}

.btn-dark.focus.btn-lg:before,
.btn-dark:focus.btn-lg:before,
.btn-light.focus.btn-lg:before,
.btn-light:focus.btn-lg:before {
  border-radius: 4px
}

.btn-dark.focus.active:before,
.btn-dark.focus:active:before,
.btn-dark:focus.active:before,
.btn-dark:focus:active:before,
.btn-light.focus.active:before,
.btn-light.focus:active:before,
.btn-light:focus.active:before,
.btn-light:focus:active:before {
  opacity: .75
}

.btn-dark.focus.disabled:before,
.btn-dark.focus:disabled:before,
.btn-dark:focus.disabled:before,
.btn-dark:focus:disabled:before,
.btn-light.focus.disabled:before,
.btn-light.focus:disabled:before,
.btn-light:focus.disabled:before,
.btn-light:focus:disabled:before {
  display: none
}

.btn-lg {
  padding: .6875rem 1.25rem;
  font-size: 1.325rem;
  line-height: 1.5;
  border-radius: 0
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
  width: 100%
}

.carousel {
  position: relative
}

.carousel-item-next {
  display: block
}

.carousel-item-next:not(.carousel-item-left) {
  transform: translateX(100%)
}

.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: .5;
  transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
  .carousel-control-next {
    transition: none
  }
}

.carousel-control-next:focus,
.carousel-control-next:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}

.carousel-control-next {
  right: 0
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .375rem
}

.card>hr {
  margin-right: 0;
  margin-left: 0
}

.card>.list-group {
  border-top: inherit;
  border-bottom: inherit
}

.card>.list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(.375rem - 1px);
  border-top-right-radius: calc(.375rem - 1px)
}

.card>.list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(.375rem - 1px);
  border-bottom-left-radius: calc(.375rem - 1px)
}

.card>.list-group+.card-footer {
  border-top: 0
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.5rem
}

.card-title {
  margin-bottom: 1rem
}

.card-link:hover {
  text-decoration: none
}

.card-link+.card-link {
  margin-left: 1.5rem
}

.card-footer {
  padding: 1rem 1.5rem;
  background-color: rgba(0, 0, 0, .03);
  border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
  border-radius: 0 0 calc(.375rem - 1px) calc(.375rem - 1px)
}

.card-columns .card {
  margin-bottom: 1rem
}

@media (min-width:576px) {
  .card-columns {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1
  }

  .card-columns .card {
    display: inline-block;
    width: 100%
  }
}

.pgn__card-grid .row>div[class*=col-] {
  margin-bottom: 16px;
  display: flex;
  flex: 1 0 auto
}

.close {
  float: right;
  font-size: 1.6875rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5
}

.close:hover {
  color: #000;
  text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: .75
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0
}

a.close.disabled {
  pointer-events: none
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word
}

a>code {
  color: inherit
}

.dropdown {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle:after {
  display: inline-block;
  margin-left: .3em;
  vertical-align: .201em;
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
  margin-left: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 18rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1.125rem;
  color: #454545;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid rgba(0, 0, 0, .15);
  border-radius: .375rem;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .15), 0 8px 16px 0 rgba(0, 0, 0, .15)
}

.dropdown-menu-left {
  right: auto;
  left: 0
}

.dropdown-menu-right {
  right: 0;
  left: auto
}

@media (min-width:576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0
  }

  .dropdown-menu-sm-right {
    right: 0;
    left: auto
  }
}

@media (min-width:768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0
  }

  .dropdown-menu-md-right {
    right: 0;
    left: auto
  }
}

@media (min-width:992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0
  }

  .dropdown-menu-lg-right {
    right: 0;
    left: auto
  }
}

@media (min-width:1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0
  }

  .dropdown-menu-xl-right {
    right: 0;
    left: auto
  }
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .625rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f2f0ef
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #00262b
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #707070;
  pointer-events: none;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-toggle:after {
  border: 0;
  border-style: solid;
  border-width: .15rem .15rem 0 0;
  content: "";
  height: .45rem;
  left: .25rem;
  position: relative;
  top: .15rem;
  transform: rotate(135deg);
  vertical-align: super;
  width: .45rem
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.33334em + 1.125rem + 2px);
  padding: .5625rem 1rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.33334;
  color: #454545;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #707070;
  border-radius: 0;
  box-shadow: none;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}

.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #454545
}

.form-control:focus {
  color: #454545;
  background-color: #fff;
  border-color: #00262b;
  outline: 0;
  box-shadow: 0 0 0 1px #00262b
}

.form-control::-webkit-input-placeholder {
  color: #707070;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #707070;
  opacity: 1
}

.form-control::-ms-input-placeholder {
  color: #707070;
  opacity: 1
}

.form-control::placeholder {
  color: #707070;
  opacity: 1
}

.form-control:disabled {
  background-color: #ebebeb;
  opacity: 1
}

input[type=date].form-control,
input[type=month].form-control,
input[type=time].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

select.form-control:focus::-ms-value {
  color: #454545;
  background-color: #fff
}

select.form-control[multiple],
select.form-control[size] {
  height: auto
}

.form-group {
  margin-bottom: 1rem
}

.pgn__form-text {
  font-size: .875rem;
  display: flex;
  align-items: center
}

.pgn__form-text .pgn__icon {
  height: 1em;
  margin-right: .25em;
  width: 1em;
  display: inline-block
}

.form-control+.pgn__form-text,
.pgn__form-control-decorator-group+.pgn__form-text,
.pgn__form-control-set+.pgn__form-text,
.pgn__form-text~.pgn__form-text {
  margin-top: .25rem
}

.pgn__form-text-default {
  color: #707070
}

.pgn__form-text-valid {
  color: #0d7d4d
}

.pgn__form-text-invalid {
  color: #ab0d02
}

.pgn__form-text-warning {
  color: #212529
}

.pgn__form-text-criteria-empty .pgn__icon {
  color: #707070
}

.pgn__form-text-criteria-valid .pgn__icon {
  color: #0d7d4d
}

.pgn__form-text-criteria-invalid .pgn__icon {
  color: #ab0d02
}

.pgn__form-control-set {
  display: flex;
  align-items: flex-start;
  flex-direction: column
}

.pgn__form-control-set>*+* {
  margin: .75rem 0 0
}

.pgn__form-control-set-inline {
  flex-direction: row;
  flex-wrap: 1;
  align-items: flex-start
}

.pgn__form-control-set-inline>*+* {
  margin: 0 0 0 .5em
}

.pgn__form-group {
  margin-bottom: 1rem
}

.pgn__form-control-decorator-group {
  position: relative;
  display: flex;
  flex-grow: 1;
  align-items: flex-start;
  font-size: 1.125rem;
  line-height: 1.33334
}

.pgn__form-control-decorator-group.pgn__form-control-decorator-group-sm {
  font-size: .875rem;
  line-height: 1.42858
}

.pgn__form-control-decorator-group.pgn__form-control-decorator-group-lg {
  font-size: 1.325rem;
  line-height: 1.5
}

.pgn__form-control-decorator {
  position: absolute;
  pointer-events: none;
  height: calc(1.33334em + 1.125rem + 2px);
  min-width: calc(1.33334em + 1.125rem + 2px);
  line-height: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: inherit
}

.pgn__form-control-decorator button {
  pointer-events: auto
}

.pgn__form-control-decorator.pgn__form-control-decorator-leading {
  left: 0;
  padding-left: 1rem;
  padding-right: .5rem
}

.pgn__form-control-decorator.pgn__form-control-decorator-trailing {
  right: 0;
  padding-left: .5rem;
  padding-right: calc(.4375rem - 2px)
}

.pgn__form-control-decorator-group-lg .pgn__form-control-decorator {
  height: calc(1.5em + 1.375rem + 2px);
  min-width: calc(1.5em + 1.375rem + 2px)
}

.pgn__form-control-decorator-group-lg .pgn__form-control-decorator.pgn__form-control-decorator-leading {
  padding-left: 1.25rem;
  padding-right: .625rem
}

.pgn__form-control-decorator-group-lg .pgn__form-control-decorator.pgn__form-control-decorator-trailing {
  padding-left: .625rem;
  padding-right: calc(.5625rem - 2px)
}

.pgn__form-control-decorator-group-sm .pgn__form-control-decorator {
  height: calc(1.42858em + .875rem + 2px);
  min-width: calc(1.5em + 1.375rem + 2px)
}

.pgn__form-control-decorator-group-sm .pgn__form-control-decorator.pgn__form-control-decorator-leading {
  padding-left: .75rem;
  padding-right: .375rem
}

.pgn__form-control-decorator-group-sm .pgn__form-control-decorator.pgn__form-control-decorator-trailing {
  padding-left: .375rem;
  padding-right: calc(.4375rem - 2px)
}

.pgn__form-control-floating-label {
  position: absolute;
  left: 1px;
  right: 0;
  display: flex;
  width: 100%;
  height: 100%;
  pointer-events: none;
  padding: 0 1rem
}

.pgn__form-control-floating-label .pgn__form-control-floating-label-content {
  border-top: 2px solid transparent;
  position: relative;
  left: -.5em
}

.pgn__form-control-floating-label .pgn__form-control-floating-label-text {
  transform-origin: left top;
  padding: 0 .5em;
  transition: transform .15s ease, background-color .15s linear;
  background-color: hsla(0, 0%, 100%, .01)
}

.pgn__form-control-floating-label .pgn__form-control-floating-label-content {
  padding-top: .5625rem;
  line-height: 1.33334;
  font-size: 1.125rem
}

.pgn__form-control-decorator-group-lg .pgn__form-control-floating-label {
  padding: 0 1.25rem
}

.pgn__form-control-decorator-group-lg .pgn__form-control-floating-label .pgn__form-control-floating-label-content {
  padding-top: .6875rem;
  line-height: 1.5;
  font-size: 1.325rem
}

.pgn__form-control-decorator-group-sm .pgn__form-control-floating-label {
  padding: 0 .75rem
}

.pgn__form-control-decorator-group-sm .pgn__form-control-floating-label .pgn__form-control-floating-label-content {
  padding-top: .4375rem;
  line-height: 1.42858;
  font-size: .875rem
}

.form-control:focus~.pgn__form-control-floating-label .pgn__form-control-floating-label-text {
  background-color: #fff;
  transform: translateY(-.5625rem) scale(.75) translateY(-79.99985%)
}

.pgn__form-label {
  font-size: 1.125rem;
  display: inline-block;
  margin-bottom: .5rem
}

.pgn__form-label.pgn__form-label-inline {
  display: inline-block;
  margin: 0 1em 0 0
}

.pgn__form-label.pgn__form-label-lg {
  font-size: 1.325rem
}

.pgn__form-label.pgn__form-label-sm {
  font-size: .875rem
}

.pgn__form-checkbox-input,
.pgn__form-radio-input,
.pgn__form-switch-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 1.25rem;
  width: 1.25rem;
  background-color: #fff;
  border: 2px solid #454545;
  border-radius: 0;
  margin-right: .5rem;
  background-position: 50%
}

.pgn__form-checkbox-input:not(:disabled),
.pgn__form-radio-input:not(:disabled),
.pgn__form-switch-input:not(:disabled) {
  cursor: pointer
}

.pgn__form-checkbox-input:not(:disabled):hover,
.pgn__form-radio-input:not(:disabled):hover,
.pgn__form-switch-input:not(:disabled):hover {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, .1)
}

.pgn__form-checkbox-input:disabled,
.pgn__form-radio-input:disabled,
.pgn__form-switch-input:disabled {
  opacity: .3
}

.pgn__form-checkbox-input:checked,
.pgn__form-radio-input:checked,
.pgn__form-switch-input:checked {
  border-color: #00262b
}

.pgn__form-checkbox-input:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 3H3V21H21V3ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z' fill='%2300262B'/%3E%3C/svg%3E")
}

.pgn__form-checkbox-input:indeterminate {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 3H3V21H21V3ZM17 13H7V11H17V13Z' fill='%2300262B'/%3E%3C/svg%3E")
}

.pgn__form-switch-input {
  width: 2.1875rem;
  border-radius: .625rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300262B'/%3E%3C/svg%3E");
  background-position: 0;
  background-repeat: no-repeat;
  transition: background .15s ease
}

.pgn__form-switch-input:checked {
  background-position: 100%;
  background-color: #00262b;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.pgn__form-switch-input:indeterminate {
  background-position: 50%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300262B'/%3E%3C/svg%3E")
}

.pgn__form-radio-input {
  border-radius: 50%
}

.pgn__form-radio-input:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2300262B'/%3E%3C/svg%3E")
}

.pgn__form-checkbox,
.pgn__form-radio,
.pgn__form-switch {
  display: inline-flex
}

.pgn__form-checkbox .pgn__form-label,
.pgn__form-radio .pgn__form-label,
.pgn__form-switch .pgn__form-label {
  display: block;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  line-height: 1.25rem
}

.pgn__form-checkbox input:disabled~*,
.pgn__form-radio input:disabled~*,
.pgn__form-switch input:disabled~* {
  opacity: .3
}

.pgn__form-checkbox.pgn__form-control-invalid input,
.pgn__form-radio.pgn__form-control-invalid input,
.pgn__form-switch.pgn__form-control-invalid input {
  border-color: #ab0d02
}

.pgn__form-checkbox.pgn__form-control-valid input,
.pgn__form-radio.pgn__form-control-valid input,
.pgn__form-switch.pgn__form-control-valid input {
  border-color: #0d7d4d
}

.pgn__icon {
  height: 1.5rem;
  width: 1.5rem
}

.pgn__icon,
.pgn__icon svg {
  display: block;
  max-height: 100%;
  max-width: 100%;
  position: relative
}

.pgn__icon svg {
  height: 100%;
  width: 100%
}

.img-fluid {
  max-width: 100%;
  height: auto
}

.media {
  display: flex;
  align-items: flex-start
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid rgba(0, 0, 0, .2);
  border-radius: .375rem;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15), 0 10px 20px 0 rgba(0, 0, 0, .15);
  outline: 0
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

.modal-backdrop.show {
  opacity: .5
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 0 solid #ccc;
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.55556
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 0 solid #ccc;
  border-bottom-right-radius: .375rem;
  border-bottom-left-radius: .375rem
}

.modal-footer>* {
  margin: .25rem
}

@media (min-width:576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto
  }

  .modal-content {
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15), 0 10px 20px 0 rgba(0, 0, 0, .15)
  }
}

@media (min-width:992px) {
  .modal-lg {
    max-width: 800px
  }
}

.pgn__modal-layer {
  height: 100vh;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 3050;
  -webkit-overflow-scrolling: touch
}

.pgn__modal-backdrop {
  background: #000;
  bottom: 0;
  left: 0;
  opacity: .5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0
}

.pgn__modal-content-container {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100vh;
  padding: .1px;
  position: relative
}

.pgn__modal-content-container>:not(.pgn__modal-backdrop) {
  position: relative;
  z-index: 1
}

.modal-backdrop {
  background-color: rgba(0, 0, 0, .3)
}

.modal-backdrop.show {
  opacity: 1
}

@media (min-width:576px) {
  .modal-dialog {
    padding: 1rem
  }
}

.modal-content {
  max-height: calc(100vh - 2rem)
}

.modal-content:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-tabs {
  border-bottom: 1px solid #ccc
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.tab-content>.active {
  display: block
}

.navbar {
  position: relative;
  padding: .5rem 1rem
}

.navbar,
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between
}

@keyframes progress-bar-stripes {
  0% {
    background-position: 1rem 0
  }

  to {
    background-position: 0 0
  }
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: .84375rem;
  background-color: #ebebeb;
  border-radius: .375rem;
  box-shadow: none
}

.pgn__searchfield {
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.pgn__searchfield .form-control:focus {
  box-shadow: none
}

.pgn__searchfield .form-control::-ms-clear,
.pgn__searchfield .form-control::-ms-reveal {
  display: none;
  width: 0;
  height: 0
}

.pgn__searchfield .form-control::-webkit-search-cancel-button,
.pgn__searchfield .form-control::-webkit-search-decoration,
.pgn__searchfield .form-control::-webkit-search-results-button,
.pgn__searchfield .form-control::-webkit-search-results-decoration {
  display: none
}

.pgn__sheet-skrim {
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 76.9%, .5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1031
}

.pgn__sheet-skrim.hidden {
  display: none
}

.pgn__sheet-component {
  position: fixed;
  padding: 1.25rem;
  background-color: #fff;
  z-index: 1032
}

.pgn__sheet-component.pgn__sheet__dark {
  background-color: #00262b;
  color: #f2f0ef
}

.pgn__sheet-component.bottom {
  bottom: 0;
  box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, .15)
}

.pgn__sheet-component.top {
  top: 0;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15)
}

.pgn__sheet-component.left {
  left: 0;
  box-shadow: 4px 0 10px 0 rgba(0, 0, 0, .15);
  box-shadow: 8px 0 16px 0 rgba(0, 0, 0, .15)
}

.pgn__sheet-component.right {
  right: 0;
  box-shadow: -4px 0 10px 0 rgba(0, 0, 0, .15);
  box-shadow: -8px 0 16px 0 rgba(0, 0, 0, .15)
}

.pgn__sheet-component.bottom,
.pgn__sheet-component.top {
  width: 100%;
  left: 0;
  max-height: 50%
}

.pgn__sheet-component.left,
.pgn__sheet-component.right {
  max-width: 272px;
  height: 100%;
  top: 0
}

@keyframes spinner-border {
  to {
    transform: rotate(1turn)
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

.pgn__stateful-btn-icon {
  margin-right: .5em
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #454545
}

.table td,
.table th {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #ccc
}

.table tbody+tbody {
  border-top: 2px solid #ccc
}

.table td,
.table th,
.tooltip {
  word-wrap: break-word
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55556;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  opacity: 0
}

.tooltip.show {
  opacity: .9
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem
}

.tooltip .arrow:before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid
}

.bs-tooltip-top {
  padding: .4rem 0
}

.bs-tooltip-top .arrow {
  bottom: 0
}

.bs-tooltip-top .arrow:before {
  top: 0;
  border-width: .4rem .4rem 0;
  border-top-color: #00262b
}

.tooltip-inner {
  max-width: 200px;
  padding: .25rem .5rem;
  color: #fff;
  text-align: center;
  background-color: #00262b;
  border-radius: .375rem
}

.pgn__data-table-wrapper {
  border-radius: .375rem;
  box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, .2)
}

.pgn__data-table-wrapper>:first-child {
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem
}

.pgn__data-table-wrapper>:last-child {
  border-bottom-left-radius: .375rem;
  border-bottom-right-radius: .375rem
}

.pgn__bulk-actions,
.pgn__table-actions {
  display: flex
}

.pgn__data-table-container {
  width: 100%;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

.pgn__data-table {
  width: 100%
}

.pgn__data-table th {
  background-color: #f2f0ef;
  padding: 8px 14px
}

.pgn__data-table td {
  padding: .75rem;
  line-height: 24px
}

.pgn__data-table-cell-wrap {
  max-width: 20vw;
  display: block;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis
}

.pgn__data-table-empty {
  padding: 14px
}

.pgn__data-table-actions {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px
}

.pgn__data-table-status-bar {
  padding: 14px
}

.pgn__data-table-filters {
  display: flex
}

.pgn__data-table-filters-breakout-filter {
  align-self: flex-end
}

.pgn__data-table-filters-dropdown-item {
  padding: 8px 14px;
  min-width: 15em
}

.pgn__data-table-status {
  display: flex;
  justify-content: space-between
}

.pgn__data-table-status .pgn__data-table-status-left {
  align-self: center
}

.pgn__data-table-footer {
  display: flex;
  justify-content: space-between;
  padding: 14px;
  align-items: center;
  border-top: 1px solid #ccc
}

.pgn__data-table-pagination {
  display: flex
}

.pgn__data-table-pagination .pgn__page-count {
  align-self: center
}

.pgn__checkbox-filter-label {
  font-weight: 700
}

.pgn__checkbox-filter {
  display: flex
}

.pgn__dropdown-filter-checkbox-group {
  margin-left: .75rem;
  margin-right: .75rem
}

.pgn__data-table-card-view {
  padding: 0 14px
}

.pgn-transition-replace-group {
  transition: height .3s ease
}

.pgn__transition-replace-enter {
  opacity: 0
}

.pgn__transition-replace-enter-active {
  opacity: 1;
  z-index: 1;
  transition: opacity .3s ease
}

.pgn__transition-replace-exit {
  opacity: 1
}

.pgn__transition-replace-exit-active {
  opacity: 0;
  transition: opacity .3s ease
}

.fa-icon-spacing {
  padding: 0 5px 0 0
}

.toast-container {
  bottom: .625rem;
  left: .625rem;
  position: fixed;
  z-index: 2
}

@media only screen and (max-width:768px) {
  .toast-container {
    right: .625rem
  }
}

.alert-dismissible .close {
  color: #707070;
  opacity: 1
}

.alert-dismissible .close:hover {
  color: #707070
}

.badge {
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  line-height: 1.25rem
}

.btn,
.btn-link,
.btn-link:hover {
  text-decoration: none
}

.btn-link.focus,
.btn-link:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
  text-decoration: none
}

.btn-outline-primary {
  background: #fff;
  border-color: #adadad
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled).focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):focus,
.btn-outline-primary:not(:disabled):not(.disabled):hover {
  background: #00262b;
  border-color: #00262b;
  color: #fff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled).focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled):hover {
  background: #2d494e;
  border-color: transparent;
  color: #fff
}

.btn-inverse-brand {
  background: #d23228;
  color: #fff;
  border-color: transparent
}

.btn-inverse-brand:not(:disabled):not(.disabled).active,
.btn-inverse-brand:not(:disabled):not(.disabled).focus,
.btn-inverse-brand:not(:disabled):not(.disabled):active,
.btn-inverse-brand:not(:disabled):not(.disabled):focus,
.btn-inverse-brand:not(:disabled):not(.disabled):hover {
  background: #921108;
  border-color: transparent;
  color: #fff
}

.btn-inverse-primary {
  background: #fff;
  color: #00262b;
  border-color: transparent
}

.btn-inverse-primary:not(:disabled):not(.disabled).active,
.btn-inverse-primary:not(:disabled):not(.disabled).focus,
.btn-inverse-primary:not(:disabled):not(.disabled):active,
.btn-inverse-primary:not(:disabled):not(.disabled):focus,
.btn-inverse-primary:not(:disabled):not(.disabled):hover {
  background: #2d494e;
  border-color: transparent;
  color: #fff
}

.btn-avatar.btn-tertiary {
  color: #00262b
}

select.form-control {
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.59 8.58984L12 13.1698L7.41 8.58984L6 9.99984L12 15.9998L18 9.99984L16.59 8.58984Z' fill='%23454545'/%3E%3C/svg%3E");
  background-size: 8px 10px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  padding-left: 32px;
  padding-right: 32px
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.h1,
h1 {
  line-height: 2.75rem;
  letter-spacing: -2%
}

@media (max-width:576px) {

  .h1,
  h1 {
    line-height: 2.5rem
  }
}

.footer .section-title,
.h2,
h2 {
  line-height: 2.25rem
}

.h3,
h3 {
  line-height: 1.75rem
}

.h4,
h4 {
  line-height: 1.5rem
}

.h5,
.h6,
h5,
h6 {
  line-height: 1.25rem
}

.lead {
  line-height: 2.25rem
}

.small {
  line-height: 1.5rem
}

.x-small {
  line-height: 1.25rem
}

a.inline-link,
p>a[href]:not(.btn) {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  -webkit-text-decoration-color: rgba(0, 104, 141, .3);
  text-decoration-color: rgba(0, 104, 141, .3)
}

a.inline-link:hover,
p>a[href]:not(.btn):hover {
  -webkit-text-decoration-color: #00688d;
  text-decoration-color: #00688d
}

.pgn__searchfield {
  border-radius: 0 !important
}

.pgn__searchfield .btn {
  background: #fff;
  display: flex
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .375rem
}

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  background-color: #fff;
  border: 1px solid #ccc
}

.page-link:hover {
  z-index: 2;
  color: #004972;
  text-decoration: none;
  background-color: #ebebeb;
  border-color: #ccc
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 1px #00262b
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem
}

.page-item:last-child .page-link {
  border-top-right-radius: .375rem;
  border-bottom-right-radius: .375rem
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  border-color: #00262b
}

.page-item.disabled .page-link {
  color: #707070;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #ebebeb
}

.page-link {
  border-color: #ccc !important;
  border-radius: 0 !important
}

.page-link div {
  display: inline-block
}

.page-item>.btn {
  transition: none
}

.skip-link-target:focus {
  outline-color: #001b1e !important;
  outline-style: auto !important;
  outline-width: medium !important
}

.subject .testimonials .recommended .h4,
.topic .testimonials .recommended .h4 {
  font-size: 1.125rem;
  line-height: 1.5;
  color: #454545
}

.subject .testimonials .recommended .h4 a,
.topic .testimonials .recommended .h4 a {
  color: #00262b;
  text-decoration: underline
}

.masters-detail-block {
  font-size: 1rem;
  line-height: 1.5;
  color: #454545
}

.masters-detail-block a {
  color: #00262b;
  text-decoration: underline
}

img {
  max-width: 100%
}

@media (min-width:992px) {
  .w-lg-100 {
    width: 100% !important
  }
}

@media (min-width:992px) {
  .w-lg-75 {
    width: 75% !important
  }
}

@media (min-width:992px) {
  .w-lg-50 {
    width: 50% !important
  }
}

.mt-6 {
  margin-top: 6rem !important
}

@media (min-width:992px) {
  .mt-lg-5 {
    margin-top: 5rem !important
  }
}

.py-6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important
}

@media (min-width:992px) {
  .py-lg-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important
  }
}

.pl-20px {
  padding-left: 1.25rem
}

@media (min-width:992px) {
  .w-lg-25 {
    width: 25% !important
  }
}

.fixed-top-labels {
  position: fixed;
  top: 0;
  background-color: #fff;
  width: 1160px !important;
  z-index: 1000
}

.mw-lg {
  max-width: 1204px
}

.text-sapphire {
  color: #00262b !important
}

.white-space-break-spaces {
  white-space: break-spaces !important
}

.btn-white {
  background: #fff !important
}

.btn-white-outline,
.btn-white-outline:focus,
.btn-white-outline:hover {
  border: 2px solid #fff
}

.background-size-cover {
  background-size: cover !important
}

@media (min-width:576px) {
  .justify-content-sm-left {
    justify-content: left !important
  }
}

@media (min-width:992px) {
  .flex-lg-row {
    display: flex;
    flex-direction: column
  }
}

.top-0 {
  top: 0
}

.text-decoration-underline {
  text-decoration: underline
}

.skew-forward {
  transform: skew(-10deg)
}

.skew-back {
  transform: skew(10deg)
}

.badge-secondary-beta {
  font-size: .75rem;
  background: #eae6e5;
  color: #454545;
  padding: 2px 6px;
  border-radius: 2px
}

@keyframes skeleton-pulse {
  0% {
    opacity: 1
  }

  50% {
    opacity: .5
  }

  to {
    opacity: 1
  }
}

.skeleton-pulse {
  animation: skeleton-pulse 2s infinite both
}

.skeleton {
  background-color: rgba(0, 0, 0, .1) !important;
  border-radius: .375rem
}

.skeleton.min-height-20 {
  min-height: 20px
}

.skeleton.min-width-100 {
  min-width: 100px
}

.link-muted {
  color: #00262b;
  text-decoration: none !important
}

.link-muted:active,
.link-muted:hover {
  color: #00262b;
  text-decoration: underline !important
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  padding: 0 15px
}

.shadow {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3)
}

.subject .product-area,
.topic .product-area {
  background-image: url(/images/product_pages/shadow-small-bottom.png);
  background-position: bottom;
  background-repeat: no-repeat
}

@media (min-width:576px) {

  .subject .product-area,
  .topic .product-area {
    background-image: url(/images/product_pages/shadow-large-bottom.png);
    background-position: bottom;
    background-repeat: no-repeat
  }
}

.yellow-gradient-border-top {
  border-top: 2px solid #f0cc00;
  border-right-width: 0;
  border-left-width: 0;
  border-bottom: 0;
  -o-border-image: linear-gradient(90deg, #f0cc00, hsla(0, 0%, 100%, .001)) 1 stretch;
  border-image: linear-gradient(90deg, #f0cc00, hsla(0, 0%, 100%, .001)) 1 stretch
}

.clear-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.show-on-focus {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  background: rgba(0, 0, 0, .6);
  color: #fff !important;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none
}

.show-on-focus:active,
.show-on-focus:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  position: absolute;
  z-index: 9999;
  width: 160px;
  top: 0;
  left: calc(50% - 80px)
}

.btn {
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent
}

.svg-inline--fa,
svg:not(:root).svg-inline--fa {
  overflow: visible
}

.svg-inline--fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  vertical-align: -.125em
}

.svg-inline--fa.fa-lg {
  vertical-align: -.225em
}

.svg-inline--fa.fa-w-1 {
  width: .0625em
}

.svg-inline--fa.fa-w-2 {
  width: .125em
}

.svg-inline--fa.fa-w-3 {
  width: .1875em
}

.svg-inline--fa.fa-w-4 {
  width: .25em
}

.svg-inline--fa.fa-w-5 {
  width: .3125em
}

.svg-inline--fa.fa-w-6 {
  width: .375em
}

.svg-inline--fa.fa-w-7 {
  width: .4375em
}

.svg-inline--fa.fa-w-8 {
  width: .5em
}

.svg-inline--fa.fa-w-9 {
  width: .5625em
}

.svg-inline--fa.fa-w-10 {
  width: .625em
}

.svg-inline--fa.fa-w-11 {
  width: .6875em
}

.svg-inline--fa.fa-w-12 {
  width: .75em
}

.svg-inline--fa.fa-w-13 {
  width: .8125em
}

.svg-inline--fa.fa-w-14 {
  width: .875em
}

.svg-inline--fa.fa-w-15 {
  width: .9375em
}

.svg-inline--fa.fa-w-16 {
  width: 1em
}

.svg-inline--fa.fa-w-17 {
  width: 1.0625em
}

.svg-inline--fa.fa-w-18 {
  width: 1.125em
}

.svg-inline--fa.fa-w-19 {
  width: 1.1875em
}

.svg-inline--fa.fa-w-20 {
  width: 1.25em
}

.svg-inline--fa.fa-pull-left {
  margin-right: .3em;
  width: auto
}

.svg-inline--fa.fa-pull-right {
  margin-left: .3em;
  width: auto
}

.svg-inline--fa.fa-border {
  height: 1.5em
}

.svg-inline--fa.fa-li {
  width: 2em
}

.svg-inline--fa.fa-fw {
  width: 1.25em
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -.125em;
  width: 1em
}

.fa-layers svg.svg-inline--fa {
  transform-origin: center center
}

.fa-layers-counter,
.fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center
}

.fa-layers-counter {
  background-color: #ff253a;
  border-radius: 1em;
  box-sizing: border-box;
  color: #fff;
  height: 1.5em;
  line-height: 1;
  max-width: 5em;
  min-width: 1.5em;
  overflow: hidden;
  padding: .25em;
  right: 0;
  text-overflow: ellipsis;
  top: 0;
  transform: scale(.25);
  transform-origin: top right
}

.fa-layers-bottom-right {
  bottom: 0;
  right: 0;
  top: auto;
  transform: scale(.25);
  transform-origin: bottom right
}

.fa-layers-bottom-left {
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
  transform: scale(.25);
  transform-origin: bottom left
}

.fa-layers-top-right {
  right: 0;
  top: 0;
  transform: scale(.25);
  transform-origin: top right
}

.fa-layers-top-left {
  left: 0;
  right: auto;
  top: 0;
  transform: scale(.25);
  transform-origin: top left
}

.fa-lg {
  font-size: 1.33333em;
  line-height: .75em;
  vertical-align: -.0667em
}

.fa-xs {
  font-size: .75em
}

.fa-sm {
  font-size: .875em
}

.fa-1x {
  font-size: 1em
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-6x {
  font-size: 6em
}

.fa-7x {
  font-size: 7em
}

.fa-8x {
  font-size: 8em
}

.fa-9x {
  font-size: 9em
}

.fa-10x {
  font-size: 10em
}

.fa-fw {
  text-align: center;
  width: 1.25em
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0
}

.fa-ul>li {
  position: relative
}

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit
}

.fa-border {
  border: .08em solid #eee;
  border-radius: .1em;
  padding: .2em .25em .15em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
  margin-left: .3em
}

.fa-spin {
  animation: fa-spin 2s linear infinite
}

.fa-pulse {
  animation: fa-spin 1s steps(8) infinite
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scaleX(-1)
}

.fa-flip-vertical {
  transform: scaleY(-1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical,
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1)
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270 {
  -webkit-filter: none;
  filter: none
}

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em
}

.fa-inverse {
  color: #fff
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.svg-inline--fa .fa-primary {
  fill: var(--fa-primary-color, currentColor);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1)
}

.svg-inline--fa .fa-secondary {
  fill: var(--fa-secondary-color, currentColor)
}

.svg-inline--fa .fa-secondary,
.svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: .4;
  opacity: var(--fa-secondary-opacity, .4)
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1)
}

.svg-inline--fa mask .fa-primary,
.svg-inline--fa mask .fa-secondary {
  fill: #000
}

.fad.fa-inverse {
  color: #fff
}

.edx-cookie-banner-wrapper {
  background: #f2f8fd;
  box-sizing: border-box;
  text-align: left;
  line-height: 1.5;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400
}

.edx-cookie-banner-wrapper .alert {
  position: relative;
  padding: 8px 20px
}

.edx-cookie-banner-wrapper .alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: .75rem 1.25rem;
  background: transparent;
  border: 0;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  float: right;
  line-height: 1;
  font-size: 1.5rem;
  font-weight: 500
}

.edx-cookie-banner-wrapper .alert-dismissible .btn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle
}

.edx-cookie-banner-wrapper .edx-cookie-banner {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  background: inherit;
  border: none
}

.edx-cookie-banner-wrapper .edx-cookie-banner .policy-link {
  color: #0075b4;
  text-decoration: underline
}

.edx-cookie-banner-wrapper .edx-cookie-banner .policy-link:focus,
.edx-cookie-banner-wrapper .edx-cookie-banner .policy-link:hover {
  color: #075683;
  border: none
}

.edx-cookie-banner-wrapper .edx-cookie-banner .alert-dialog {
  margin: auto;
  color: #4e4e4e;
  text-align: center;
  max-width: 800px;
  font-size: 14px
}

.edx-cookie-banner-wrapper .edx-cookie-banner .btn.close {
  padding: 4px;
  color: #0075b4
}

.edx-cookie-banner-wrapper .edx-cookie-banner .btn.close:focus,
.edx-cookie-banner-wrapper .edx-cookie-banner .btn.close:hover {
  color: #075683;
  cursor: pointer
}

.buttonBack___1mlaL,
.buttonFirst___2rhFr,
.buttonLast___2yuh0,
.buttonNext___2mOCa,
.buttonNext___3Lm3s,
.dot___3c3SI {
  cursor: pointer
}

.image___xtQGH {
  display: block;
  width: 100%;
  height: 100%
}

.spinner___27VUp {
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  width: 30px;
  height: 30px;
  animation-name: spin___S3UuE;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  border: 4px solid #a9a9a9;
  border-top-color: #000;
  border-radius: 30px
}

@keyframes spin___S3UuE {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.container___2O72F {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%
}

.overlay___IV4qY {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  cursor: zoom-in;
  transition: opacity .3s, transform .3s
}

.hover___MYy31,
.loading___1pvNI,
.zoom___3kqYk {
  opacity: 1
}

.imageLoadingSpinnerContainer___3UIPD {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f4f4f4
}

.slide___3-Nqo {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 0;
  margin: 0;
  list-style-type: none
}

.slide___3-Nqo:focus {
  outline: none !important
}

.slideHorizontal___1NzNV {
  float: left
}

[dir=rtl] .slideHorizontal___1NzNV {
  direction: rtl;
  transform: scaleX(-1)
}

.slideInner___2mfX9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.focusRing___1airF {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  pointer-events: none;
  outline-width: 5px;
  outline-style: solid;
  outline-color: Highlight
}

@media (-webkit-min-device-pixel-ratio:0) {
  .focusRing___1airF {
    outline-style: auto;
    outline-color: -webkit-focus-ring-color
  }
}

.horizontalSlider___281Ls {
  position: relative;
  overflow: hidden
}

[dir=rtl] .horizontalSlider___281Ls {
  direction: ltr;
  transform: scaleX(-1)
}

.horizontalSliderTray___1L-0W {
  overflow: hidden;
  width: 100%
}

.verticalSlider___34ZFD {
  position: relative;
  overflow: hidden
}

.verticalSliderTray___267D8 {
  overflow: hidden
}

.verticalTray___12Key {
  float: left
}

.verticalSlideTrayWrap___2nO7o {
  overflow: hidden
}

.sliderTray___-vHFQ {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0
}

.sliderAnimation___300FY {
  transition: transform .5s;
  transition-timing-function: cubic-bezier(.645, .045, .355, 1);
  will-change: transform
}

.masterSpinnerContainer___1Z6hB {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f4f4f4
}

.edx-header .programs .tab-content .content-link,
.edx-header .sidebar li a,
.edx-header a.edx-link-blk {
  text-transform: none;
  font-weight: 400;
  color: #000;
  letter-spacing: -.03em;
  display: inline;
  padding: 0
}

.edx-header .programs .tab-content .content-link:active,
.edx-header .programs .tab-content .content-link:focus,
.edx-header .programs .tab-content .content-link:hover,
.edx-header .sidebar li a:active,
.edx-header .sidebar li a:focus,
.edx-header .sidebar li a:hover,
.edx-header a.edx-link-blk:active,
.edx-header a.edx-link-blk:focus,
.edx-header a.edx-link-blk:hover {
  color: #001b1e;
  border-bottom: 1px solid #001b1e
}

.prevent-scroll {
  height: 100%;
  position: relative;
  overflow-y: hidden
}

.edx-header .icon-callout {
  width: 60%
}

.edx-header .icon-list {
  margin-top: -9px;
  width: 34%;
  padding-left: 0
}

.edx-header .icon-list li {
  float: none;
  border-bottom: 1px solid #4e4e4e;
  list-style: none
}

.edx-header .icon-list li:after {
  display: block;
  clear: both;
  content: ""
}

.edx-header .icon-list li:last-of-type {
  border-bottom: none
}

.edx-header .icon-list li .edx-icon {
  margin: 14px 0 5px
}

.edx-header .icon-list li a {
  vertical-align: middle;
  font-size: 1.053em;
  margin-left: 20px;
  line-height: 53px
}

.edx-header .content-block {
  margin-right: 0;
  padding-right: 30px
}

.edx-header .content-block .content-heading {
  color: #001b1e;
  border: none;
  position: relative;
  display: inline;
  font-size: 1.6em;
  font-weight: 400;
  letter-spacing: -.03em;
  text-transform: none
}

.edx-header .programs .tab-header {
  border: none;
  padding-bottom: 0
}

.edx-header .programs .tab-header .program-header-menu {
  border-bottom: 1px solid #4e4e4e;
  padding-bottom: 20px
}

.edx-header .programs .content-heading {
  padding: 0;
  font-size: 1.053em;
  font-weight: 400
}

.edx-header .programs .tab-content {
  padding: 0
}

.edx-header .programs .tab-content .col-4 {
  padding-right: 20px;
  margin-right: 0;
  width: 31%
}

.edx-header .programs .tab-content .wide-col-4 {
  width: 34%
}

.edx-header .programs .tab-content .flex-display {
  display: flex
}

.edx-header .programs .tab-content .content-link {
  vertical-align: middle;
  font-size: 1.053em;
  white-space: normal
}

.edx-header .programs .tab-content .content-link .link-text {
  margin-top: 20px;
  display: block
}

.edx-header .programs .tab-content .program-list {
  padding: 0;
  margin: 0
}

.edx-header .programs .tab-content .program-list .list-group-item {
  padding-left: 0;
  border: none
}

.edx-header .programs .tab-content .program-list .title-link {
  color: #001b1e;
  text-decoration: none
}

.edx-header .programs .tab-content .program-list .title-link:active,
.edx-header .programs .tab-content .program-list .title-link:focus,
.edx-header .programs .tab-content .program-list .title-link:hover {
  text-decoration: underline
}

.edx-header .programs .tab-content .program-description {
  margin: 0;
  font-weight: 400
}

.edx-header .programs .tab-content .copy {
  font-weight: 400
}

.edx-header .two-thirds-block {
  width: 600px;
  margin-right: 40px
}

.edx-header .two-thirds-block .link {
  float: right;
  margin-top: 10px;
  color: #2968aa
}

.edx-header .two-thirds-block .link:active,
.edx-header .two-thirds-block .link:focus,
.edx-header .two-thirds-block .link:hover {
  border-bottom: 1px solid #000
}

.edx-header .sidebar {
  width: 240px;
  padding-left: 35px;
  border-left: 1px solid #4e4e4e
}

.edx-header .sidebar ul {
  margin-top: 25px;
  padding-left: 0
}

.edx-header .sidebar li {
  border-bottom: 1px solid #4e4e4e;
  width: 190px;
  list-style: none
}

.edx-header .sidebar li:last-of-type {
  border-bottom: none
}

.edx-header .sidebar li a {
  vertical-align: middle
}

.menu-tab {
  position: absolute;
  top: 79px;
  left: 0;
  width: 960px;
  padding: 20px 40px;
  box-sizing: content-box;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
  border-top: 4px solid #001b1e;
  background: #fff;
  z-index: 1000
}

.menu-tab.just-opened {
  z-index: 1010
}

.menu-tab .tab-header {
  border-bottom: 1px solid #4e4e4e;
  padding-bottom: 20px;
  margin: 0
}

.menu-tab .tab-header .main-nav-heading {
  color: #001b1e;
  text-decoration: none
}

.menu-tab .heading,
.menu-tab h2 {
  position: relative;
  display: inline;
  font-size: 1.947em;
  font-weight: 400;
  letter-spacing: -.03em;
  text-transform: none
}

.menu-tab h2 {
  color: #001b1e;
  border: none
}

.menu-tab h3 {
  position: relative;
  display: inline;
  font-size: 1.747em;
  font-weight: 400;
  letter-spacing: -.03em;
  text-transform: none
}

.menu-tab .btn {
  float: right;
  clear: right;
  letter-spacing: -.03em;
  box-shadow: none
}

.menu-tab .btn-blue {
  color: #001b1e;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  border-radius: 25px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
  background-color: #fff;
  border: 1px solid #bfc9ca;
  padding: 10px
}

.menu-tab .btn-blue:active,
.menu-tab .btn-blue:focus,
.menu-tab .btn-blue:hover {
  background-color: #f0f2f2;
  border-color: #00262b;
  color: #00262b
}

.menu-tab .menu-testimonial {
  padding-top: 20px
}

.menu-tab .menu-testimonial:after {
  display: block;
  clear: both;
  content: ""
}

.menu-tab .menu-testimonial .text {
  position: relative;
  display: inline;
  float: right;
  width: calc(100% - 180px);
  padding-right: 20px;
  letter-spacing: -.03em
}

.menu-tab .menu-testimonial .text p {
  color: #767676;
  letter-spacing: -.03em
}

.menu-tab .menu-testimonial .text p:first-of-type {
  margin-top: 0
}

.menu-tab .menu-testimonial .text .source {
  font-size: 1rem
}

.menu-tab .menu-testimonial .quote {
  margin: 1rem 0
}

.tab-content {
  box-sizing: border-box;
  padding-top: 20px;
  max-width: 880px
}

.tab-content .col-ul {
  -webkit-column-count: 4;
  column-count: 4
}

.tab-content .col-li {
  width: 100%;
  margin: 0 0 .25em;
  list-style: none
}

.tab-content .col-li:last-of-type {
  margin-top: 32px
}

.tab-content .col-li a {
  font-weight: 400;
  color: #000;
  letter-spacing: -.03em;
  display: inline;
  padding: 0;
  text-transform: none;
  text-decoration: none
}

.tab-content .col-li a:active,
.tab-content .col-li a:focus,
.tab-content .col-li a:hover {
  text-decoration: underline
}

.tab-content p {
  margin: 20px 0 0;
  font-size: 1.053em;
  letter-spacing: -.03em
}

.tab-content p:after {
  display: block;
  clear: both;
  content: ""
}

.tab-content .tab-header {
  position: relative
}

.tab-content .tab-header:after {
  display: block;
  clear: both;
  content: ""
}

.tab-content .copy {
  font-weight: 400
}

@media only screen and (min-width:980px) {
  .prevent-scroll {
    height: inherit;
    position: static;
    overflow-y: auto
  }
}

@media only screen and (max-width:979px) {
  .menu-tab {
    display: none
  }
}

.header-search .course-search-bar .search-bar-label,
.search-header .course-search-bar .search-bar-label {
  position: absolute;
  z-index: 300;
  color: #646464;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-weight: 400
}

.course-search-bar form {
  position: relative;
  width: 100%
}

.course-search-bar .twitter-typeahead {
  width: 100%
}

.course-search-bar .tt-hint,
.course-search-bar .tt-input {
  width: calc(100% - 20px);
  box-sizing: border-box;
  height: 40px;
  font-size: 1.1rem;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 3px;
  border: 1px solid #646464;
  color: #646464
}

.course-search-bar .tt-hint:focus,
.course-search-bar .tt-input:focus {
  outline-color: #00262b;
  outline-style: none;
  outline-width: 0;
  border-color: #00262b;
  box-shadow: 0 0 0 1px #001b1e
}

.course-search-bar .tt-input {
  z-index: 200
}

.course-search-bar .edit-submit {
  position: absolute;
  top: 0;
  right: 25px;
  padding: 0 8px;
  font-size: 1.5rem;
  height: 40px;
  z-index: 200;
  color: #8a8c8f;
  background: none;
  box-sizing: border-box;
  box-shadow: none
}

.course-search-bar .edit-submit:active,
.course-search-bar .edit-submit:focus,
.course-search-bar .edit-submit:hover {
  color: #001b1e;
  background: none
}

.course-search-bar .edit-submit:active,
.course-search-bar .edit-submit:hover {
  outline: none
}

.course-search-bar button.edit-submit {
  right: 90px
}

.header-search .course-search-bar .search-bar-label {
  font-size: 1rem;
  top: 32px;
  left: 37px
}

.header-search .course-search-bar .tt-input {
  padding-left: 65px
}

@media only screen and (min-width:1060px) {
  .header-search .course-search-bar .search-bar-label {
    top: 12px;
    left: 6px;
    font-size: .9375rem
  }

  .header-search .course-search-bar .tt-input {
    padding-left: 60px
  }
}

@media only screen and (min-width:1180px) {
  .header-search .course-search-bar .search-bar-label {
    left: 18px
  }

  .header-search .course-search-bar .tt-input {
    padding-left: 66px
  }
}

.search-header .course-search-bar .search-bar-label {
  font-size: 1.1rem;
  top: 9px;
  left: 8px
}

.search-header .course-search-bar .tt-input {
  padding-left: 72px
}

.tt-dropdown-menu {
  top: calc(100% - 2px) !important;
  width: calc(100% - 22px);
  background: #fff;
  border: 1px solid #0190d2;
  left: 0 !important;
  border-radius: 0 0 3px 3px;
  color: #3d3e3f;
  z-index: 1001 !important
}

.tt-dropdown-menu [class^=tt-dataset-] {
  border-top: 1px solid #e6e6e6
}

.tt-dropdown-menu [class^=tt-dataset-]:first-child {
  border-top: none
}

.tt-dropdown-menu [class^=tt-dataset-] h3 {
  margin: 0;
  padding: 17px 10px 10px;
  font-size: 1rem;
  font-weight: 700
}

.tt-dropdown-menu .tt-dataset-view-all {
  padding: 10px;
  font-size: .9rem
}

.tt-dropdown-menu .tt-dataset-view-all:hover {
  background: #001b1e
}

.tt-dropdown-menu .tt-dataset-view-all:hover a.view-all {
  color: #fff;
  border: none
}

.tt-dropdown-menu .tt-suggestions {
  margin: 0;
  padding: 0 0 15px
}

.tt-dropdown-menu .tt-suggestions .tt-suggestion p {
  margin: 0 0 6px;
  padding: 2px 10px;
  font-size: 1.1rem
}

.tt-dropdown-menu .tt-suggestions .tt-suggestion p .alias {
  color: #8a8c8f;
  font-size: .9rem
}

.tt-dropdown-menu .tt-suggestions .tt-suggestion p .alias .tt-highlight {
  color: #8a8c8f;
  font-weight: 400
}

.tt-dropdown-menu .tt-suggestions .tt-suggestion p:hover {
  background: #001b1e;
  color: #fff;
  cursor: pointer
}

.tt-dropdown-menu .tt-suggestions .tt-suggestion p:hover .alias,
.tt-dropdown-menu .tt-suggestions .tt-suggestion p:hover .tt-highlight {
  color: #fff
}

.tt-dropdown-menu .tt-suggestions .tt-cursor {
  background: #001b1e;
  color: #fff
}

.tt-dropdown-menu .tt-suggestions .tt-cursor .alias,
.tt-dropdown-menu .tt-suggestions .tt-cursor .tt-highlight {
  color: #fff !important
}

.tt-dropdown-menu .tt-dataset-footer {
  padding: 10px;
  font-size: .9rem;
  font-weight: 700
}

@media only screen and (min-width:768px) {

  .course-search-bar .edit-submit,
  .course-search-bar .tt-hint,
  .course-search-bar .tt-input {
    height: 56px
  }

  .course-search-bar button.edit-submit {
    right: 25px
  }

  .course-search-bar .tt-input {
    padding-right: 40px
  }

  .course-search-bar .edit-submit {
    padding: 0 14px
  }

  .course-search-bar .edit-submit .icon {
    font-size: 1.375rem
  }
}

.user-menu.logged-in {
  position: relative;
  float: right;
  margin-top: 4px
}

.user-menu.logged-in .user-title {
  font-size: .875em;
  font-weight: 700;
  color: #454545;
  margin-left: 15px;
  margin-right: 2px
}

.user-menu.logged-in .user-title:active,
.user-menu.logged-in .user-title:focus,
.user-menu.logged-in .user-title:hover {
  color: #001b1e
}

.user-menu.logged-in .button {
  background: none;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
  text-align: right;
  vertical-align: top;
  position: relative
}

.user-menu.logged-in .button:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 6px solid #000;
  position: absolute;
  top: 11px;
  right: 10px
}

.user-menu.logged-in .button:active:after,
.user-menu.logged-in .button:focus:after,
.user-menu.logged-in .button:hover:after {
  border-top-color: #001b1e
}

.user-menu.logged-in .dropdown-menu {
  position: absolute;
  top: 35px;
  right: 0;
  left: auto;
  z-index: 1001;
  background: #ebebeb;
  border-radius: 4px;
  box-shadow: 0 2px 24px 0 rgba(0, 0, 0, .3);
  border: 1px solid #646464;
  margin-top: 0;
  width: 170px
}

.user-menu.logged-in .dropdown-menu:before {
  transform: rotate(-45deg);
  background: #ebebeb;
  width: 14px;
  height: 14px;
  border-color: #646464 #646464 transparent transparent;
  border-style: solid;
  border-width: 1px;
  content: "";
  display: block;
  position: absolute;
  right: 7px;
  top: -7px
}

.user-menu.logged-in .dropdown-menu .dropdown-item {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d5d5d5;
  white-space: inherit;
  z-index: 1000
}

.user-menu.logged-in .dropdown-menu .dropdown-item:last-of-type {
  border-bottom: none
}

.user-menu.logged-in .dropdown-menu.is-hidden {
  display: none
}

.user-menu.logged-in .dropdown-menu.is-visible {
  display: block
}

.region-container {
  max-width: 1180px
}

.disco-hack-main-nav-ul {
  padding-left: 10px
}

.nav-search-box {
  color: #707070
}

@media only screen and (min-width:1180px) {
  .nav-search-box:focus-within {
    width: 600px
  }
}

.nav-search-box .search-box-wrapper {
  width: 100%;
  border: 1px solid #707070;
  background-color: #fff
}

.nav-search-box .search-box-wrapper.show-as-focused {
  outline: 1px auto -webkit-focus-ring-color
}

.nav-search-box .search-box-wrapper .search-input {
  height: 44px;
  width: 100%;
  font-size: .875rem;
  border: none
}

@media only screen and (min-width:768px) {
  .nav-search-box .search-box-wrapper .search-input {
    width: 155px
  }
}

@media only screen and (min-width:1180px) {
  .nav-search-box .search-box-wrapper .search-input {
    width: 220px
  }
}

.nav-search-box .search-box-wrapper .search-input::-ms-clear,
.nav-search-box .search-box-wrapper .search-input::-ms-reveal {
  display: none;
  width: 0;
  height: 0
}

.nav-search-box .search-box-wrapper .search-input::-webkit-search-cancel-button,
.nav-search-box .search-box-wrapper .search-input::-webkit-search-decoration,
.nav-search-box .search-box-wrapper .search-input::-webkit-search-results-button,
.nav-search-box .search-box-wrapper .search-input::-webkit-search-results-decoration {
  display: none
}

.nav-search-box .search-box-wrapper .search-input:focus,
.nav-search-box .search-box-wrapper .search-input:hover {
  outline: none
}

.nav-search-box .search-box-wrapper .close-button {
  cursor: pointer
}

.nav-search-box .search-box-wrapper .close-button:focus,
.nav-search-box .search-box-wrapper .close-button:hover {
  color: #00262b;
  font-weight: 700px
}

.edx-header {
  font-weight: 700;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 999;
  padding: 10px 0;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
  -webkit-font-smoothing: antialiased
}

.edx-header .desktop-search-bar {
  display: none
}

@media only screen and (min-width:1180px) {
  .edx-header .desktop-search-bar {
    display: flex
  }
}

.edx-header .tablet-search-bar {
  display: none
}

@media only screen and (min-width:768px) {
  .edx-header .tablet-search-bar {
    display: flex
  }
}

@media only screen and (min-width:1180px) {
  .edx-header .tablet-search-bar {
    display: none
  }
}

.edx-header .search-bar-experiment .mobile-search-bar {
  position: absolute;
  top: 56px;
  width: 100%;
  background-color: #f2f0ef;
  padding: 8px 15px
}

@media only screen and (min-width:768px) {
  .edx-header .search-bar-experiment .mobile-search-bar {
    display: none
  }
}

.edx-header .search-bar-experiment .mobile-searchbar-btn {
  margin-right: 15px;
  padding: 0 !important
}

.edx-header .search-bar-experiment .mobile-searchbar-btn.search-icon {
  display: block
}

@media only screen and (min-width:768px) {
  .edx-header .search-bar-experiment .mobile-searchbar-btn.search-icon {
    display: none
  }
}

.edx-header .search-bar-experiment .mobile-menu-button {
  margin-left: 15px
}

.edx-header .search-bar-experiment .mobile-menu-button,
.edx-header .search-bar-experiment .mobile-search-btn {
  display: block
}

.edx-header .search-bar-experiment .hide-nav-links .visible-desktop {
  display: none
}

@media only screen and (min-width:768px) {
  .edx-header .search-bar-experiment .site-header-content {
    display: flex;
    flex-flow: row wrap;
    height: 45px
  }
}

.edx-header .search-bar-experiment .btn-brand,
.edx-header .search-bar-experiment .btn-link,
.edx-header .search-bar-experiment .menu-item {
  font-size: .875rem !important
}

.edx-header .search-bar-experiment .menu-btn {
  padding-top: 27px !important
}

.edx-header .search-bar-experiment li.menu-link {
  margin-right: 15px
}

.edx-header .search-bar-experiment .business-link {
  margin-right: 152px
}

.edx-header .search-bar-experiment .business-link.user-logged-in {
  margin-right: 88px
}

.edx-header .search-bar-experiment .user-menu-parallelogram-wrapper {
  display: none;
  float: right;
  position: absolute;
  right: -10px;
  top: 0;
  background-color: #f2f0ef;
  height: 100%;
  align-items: center;
  transform: skew(-10deg)
}

.edx-header .search-bar-experiment .user-menu-parallelogram-wrapper .user-menu {
  transform: skew(10deg);
  padding-right: 18px;
  padding-left: 10px
}

.edx-header .search-bar-experiment .user-menu-parallelogram-wrapper .user-cta {
  transform: skew(10deg);
  padding-right: 24px;
  padding-left: 12px
}

.edx-header .search-bar-experiment .user-menu-parallelogram-wrapper .user-cta.visible-mobile {
  display: block
}

.edx-header .search-bar-experiment #branding,
.edx-header .search-bar-experiment #primary-menu-bar {
  display: flex;
  position: static
}

.edx-header .search-bar-experiment .primary-menu {
  position: absolute;
  display: none;
  top: 56px;
  left: 0;
  right: 0;
  z-index: 1000;
  padding-top: 0;
  background: #fff
}

.edx-header .search-bar-experiment .primary-menu.mobile-menu-show {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .3)
}

.edx-header .search-bar-experiment .primary-menu li.visible-mobile.menu-link {
  display: flex !important;
  float: none
}

.edx-header .search-bar-experiment .visible-desktop {
  display: none
}

.edx-header .search-bar-experiment .edx-logo {
  position: absolute;
  width: 60px;
  top: 11px;
  left: calc(50% - 30px)
}

.edx-header .search-bar-experiment .edx-logo img {
  width: 100%;
  height: 34px
}

@media only screen and (min-width:768px) {
  .edx-header .search-bar-experiment {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    padding: 10px 0
  }

  .edx-header .search-bar-experiment .primary-menu {
    top: 65px
  }

  .edx-header .search-bar-experiment .edx-logo {
    top: 15px;
    margin: 0
  }
}

@media only screen and (min-width:1180px) {
  .edx-header .search-bar-experiment {
    position: relative
  }

  .edx-header .search-bar-experiment #branding,
  .edx-header .search-bar-experiment #primary-menu-bar {
    position: relative;
    display: inline;
    clear: none;
    float: left
  }

  .edx-header .search-bar-experiment .primary-menu {
    position: relative;
    width: auto;
    display: inline;
    float: left;
    top: 0;
    left: 0
  }

  .edx-header .search-bar-experiment .primary-menu li.visible-mobile.menu-link {
    display: none !important
  }

  .edx-header .search-bar-experiment .mobile-menu-button,
  .edx-header .search-bar-experiment .mobile-search-btn {
    display: none
  }

  .edx-header .search-bar-experiment .visible-desktop {
    display: unset
  }

  .edx-header .search-bar-experiment .user-menu-parallelogram-wrapper {
    display: flex
  }

  .edx-header .search-bar-experiment .user-menu-parallelogram-wrapper .user-cta.visible-mobile {
    display: none !important
  }

  .edx-header .search-bar-experiment .edx-logo {
    position: relative;
    width: 77px;
    top: 0;
    left: 0;
    margin: 20px 10px 0 24px
  }

  .edx-header .search-bar-experiment .edx-logo img {
    height: 43px
  }

  .edx-header .search-bar-experiment .site-header-content {
    height: 83px
  }
}

.edx-header .visible-desktop {
  display: none
}

@media only screen and (min-width:1060px) {
  .edx-header .visible-desktop {
    display: unset
  }
}

.edx-header.scrollable {
  position: relative
}

.edx-header .primary-menu-wrapper .primary-menu li,
.edx-header .primary-menu .menu-link {
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d5d5d5
}

.edx-header .primary-menu-wrapper .primary-menu li:last-of-type,
.edx-header .primary-menu .menu-link:last-of-type {
  border-bottom: none
}

.edx-header .primary-menu-wrapper .primary-menu li:first-of-type,
.edx-header .primary-menu .menu-link:first-of-type {
  border-top: 1px solid #001b1e
}

.edx-header .primary-menu-wrapper .primary-menu li .menu-item,
.edx-header .primary-menu .menu-link .menu-item {
  padding: 10px 10px 10px 30px;
  display: block;
  color: grey;
  text-decoration: none;
  text-transform: none;
  font-size: 1rem;
  font-weight: 600
}

.edx-header .primary-menu-wrapper .primary-menu li .menu-item:active,
.edx-header .primary-menu-wrapper .primary-menu li .menu-item:focus,
.edx-header .primary-menu-wrapper .primary-menu li .menu-item:hover,
.edx-header .primary-menu .menu-link .menu-item:active,
.edx-header .primary-menu .menu-link .menu-item:focus,
.edx-header .primary-menu .menu-link .menu-item:hover {
  border: none;
  outline: none;
  background-color: #8a8c8f;
  color: #fff;
  text-decoration: none
}

.wf-loading .edx-header .primary-menu-wrapper .primary-menu li .menu-item,
.wf-loading .edx-header .primary-menu .menu-link .menu-item {
  padding-top: 29px;
  font-size: 19px;
  font-weight: 600
}

.edx-header .user-cta,
.edx-header .user-menu {
  display: none
}

.edx-header .user-cta.visible-mobile,
.edx-header .user-menu.visible-mobile {
  display: block
}

@media only screen and (min-width:1060px) {

  .edx-header .user-cta.visible-mobile,
  .edx-header .user-menu.visible-mobile {
    display: none !important
  }
}

.edx-header .edx-logo {
  position: absolute;
  width: 60px;
  top: 11px;
  left: calc(50% - 30px)
}

.edx-header .edx-logo a {
  display: inline-block
}

.edx-header .edx-logo a:hover {
  border: none
}

.edx-header .edx-logo img {
  width: 100%;
  height: 34px
}

@media only screen and (min-width:1060px) {
  .edx-header .edx-logo img {
    height: 43px
  }
}

.edx-header .edx-logo .edx-logo-heading {
  line-height: 0
}

.edx-header .edx-logo .enterprise-logo-heading {
  width: 100%
}

.edx-header .edx-logo .enterprise-logo-heading img {
  height: 40px;
  width: auto
}

.edx-header .mobile-primary-cta-wrapper {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0
}

@media only screen and (min-width:1060px) {
  .edx-header .mobile-primary-cta-wrapper {
    display: none
  }
}

.edx-header .edit-submit .sr {
  background: #000
}

.edx-header .primary-menu {
  position: absolute;
  display: none;
  top: 56px;
  left: 0;
  right: 0;
  z-index: 1000;
  padding-top: 0;
  background: #fff
}

.edx-header .primary-menu.mobile-menu-show {
  display: block;
  position: fixed;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .3)
}

.edx-header .primary-menu .menu-link {
  position: unset
}

.edx-header .primary-menu .nav-bar-group {
  display: inline
}

.edx-header .primary-menu .menu-btn {
  display: none;
  background: none;
  border: none;
  border-radius: 0;
  color: #001b1e;
  padding: 2px 6px 3px
}

.edx-header .primary-menu .menu-btn:active,
.edx-header .primary-menu .menu-btn:focus,
.edx-header .primary-menu .menu-btn:hover {
  color: #000
}

.edx-header .main-menu-nav {
  min-height: 28px
}

.edx-header .menu-overlay-background {
  background-color: #000;
  opacity: .5;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 118px;
  left: 0;
  display: none;
  content: "";
  z-index: 100
}

.edx-header .menu-overlay-background.show-overlay {
  display: block
}

.edx-header .inline-primary-ctas .btn {
  margin-left: 1px
}

.edx-header .inline-primary-ctas .btn:first-of-type {
  margin-right: 1px;
  margin-left: 0
}

@media only screen and (min-width:1060px) {

  .edx-header .menu-overlay-background,
  .edx-header .menu-overlay-background.show-overlay {
    display: none
  }
}

.edx-header .desktop-search-link {
  display: none
}

@media only screen and (min-width:1060px) {
  .edx-header {
    position: relative;
    padding: 0
  }

  .edx-header .site-header-content {
    display: flex;
    flex-flow: row wrap
  }

  .edx-header .primary-menu-wrapper .primary-menu li,
  .edx-header .primary-menu li.menu-link {
    width: auto;
    float: left;
    border: none;
    padding: 0
  }

  .edx-header .primary-menu-wrapper .primary-menu li:first-of-type,
  .edx-header .primary-menu li.menu-link:first-of-type {
    border-top: none
  }

  .edx-header .primary-menu-wrapper .primary-menu li.visible-mobile,
  .edx-header .primary-menu li.visible-mobile.menu-link {
    display: none !important
  }

  .edx-header .primary-menu-wrapper .primary-menu li.active .menu-btn,
  .edx-header .primary-menu-wrapper .primary-menu li.active .menu-item,
  .edx-header .primary-menu li.active.menu-link .menu-btn,
  .edx-header .primary-menu li.active.menu-link .menu-item {
    color: #646464
  }

  .edx-header .primary-menu-wrapper .primary-menu li.active.is-open .menu-btn,
  .edx-header .primary-menu-wrapper .primary-menu li.active.is-open .menu-item,
  .edx-header .primary-menu-wrapper .primary-menu li.active .menu-item.is-open,
  .edx-header .primary-menu-wrapper .primary-menu li.active .menu-item:active,
  .edx-header .primary-menu-wrapper .primary-menu li.active .menu-item:focus,
  .edx-header .primary-menu-wrapper .primary-menu li.active .menu-item:hover,
  .edx-header .primary-menu-wrapper .primary-menu li.active:active .menu-btn,
  .edx-header .primary-menu-wrapper .primary-menu li.active:active .menu-item,
  .edx-header .primary-menu-wrapper .primary-menu li.active:focus .menu-btn,
  .edx-header .primary-menu-wrapper .primary-menu li.active:focus .menu-item,
  .edx-header .primary-menu-wrapper .primary-menu li.active:hover .menu-btn,
  .edx-header .primary-menu-wrapper .primary-menu li.active:hover .menu-item,
  .edx-header .primary-menu li.active.is-open.menu-link .menu-btn,
  .edx-header .primary-menu li.active.is-open.menu-link .menu-item,
  .edx-header .primary-menu li.active.menu-link .menu-item.is-open,
  .edx-header .primary-menu li.active.menu-link .menu-item:active,
  .edx-header .primary-menu li.active.menu-link .menu-item:focus,
  .edx-header .primary-menu li.active.menu-link .menu-item:hover,
  .edx-header .primary-menu li.active.menu-link:active .menu-btn,
  .edx-header .primary-menu li.active.menu-link:active .menu-item,
  .edx-header .primary-menu li.active.menu-link:focus .menu-btn,
  .edx-header .primary-menu li.active.menu-link:focus .menu-item,
  .edx-header .primary-menu li.active.menu-link:hover .menu-btn,
  .edx-header .primary-menu li.active.menu-link:hover .menu-item {
    color: #fff
  }

  .edx-header .primary-menu-wrapper .primary-menu li .menu-item,
  .edx-header .primary-menu li.menu-link .menu-item {
    color: #001b1e;
    display: inline;
    float: left;
    padding: 28px 0 27px 5px
  }

  .edx-header .primary-menu-wrapper .primary-menu li .menu-item.is-open,
  .edx-header .primary-menu-wrapper .primary-menu li .menu-item.is-open+.nav-bar-group .menu-btn,
  .edx-header .primary-menu-wrapper .primary-menu li .menu-item:active,
  .edx-header .primary-menu-wrapper .primary-menu li .menu-item:active+.nav-bar-group .menu-btn,
  .edx-header .primary-menu-wrapper .primary-menu li .menu-item:focus,
  .edx-header .primary-menu-wrapper .primary-menu li .menu-item:focus+.nav-bar-group .menu-btn,
  .edx-header .primary-menu-wrapper .primary-menu li .menu-item:hover,
  .edx-header .primary-menu-wrapper .primary-menu li .menu-item:hover+.nav-bar-group .menu-btn,
  .edx-header .primary-menu li.menu-link .menu-item.is-open,
  .edx-header .primary-menu li.menu-link .menu-item.is-open+.nav-bar-group .menu-btn,
  .edx-header .primary-menu li.menu-link .menu-item:active,
  .edx-header .primary-menu li.menu-link .menu-item:active+.nav-bar-group .menu-btn,
  .edx-header .primary-menu li.menu-link .menu-item:focus,
  .edx-header .primary-menu li.menu-link .menu-item:focus+.nav-bar-group .menu-btn,
  .edx-header .primary-menu li.menu-link .menu-item:hover,
  .edx-header .primary-menu li.menu-link .menu-item:hover+.nav-bar-group .menu-btn {
    background: #001b1e;
    color: #fff
  }

  .edx-header .primary-menu-wrapper .primary-menu li .menu-item:after,
  .edx-header .primary-menu li.menu-link .menu-item:after {
    content: ""
  }

  .edx-header .primary-menu-wrapper .primary-menu li .menu-item.visible-mobile,
  .edx-header .primary-menu li.menu-link .menu-item.visible-mobile {
    display: none
  }

  .edx-header .primary-menu-wrapper .primary-menu li:not(.menu-open) .menu-item,
  .edx-header .primary-menu li.menu-link:not(.menu-open) .menu-item {
    padding-right: 10px
  }

  .edx-header #branding,
  .edx-header #primary-menu-bar {
    position: relative;
    display: inline;
    clear: none;
    float: left
  }

  .edx-header .menu-btn,
  .edx-header .user-cta,
  .edx-header .user-menu {
    display: flex
  }

  .edx-header .user-cta,
  .edx-header .user-menu {
    margin-right: 0
  }

  .edx-header .user-cta.hidden,
  .edx-header .user-menu.hidden {
    display: none
  }

  .edx-header .user-menu {
    max-width: 180px
  }

  .edx-header .user-cta .btn {
    line-height: 1;
    padding: 10px;
    text-decoration: none;
    height: 40px;
    font-size: 1em;
    font-weight: 600
  }

  .edx-header .mobile-menu-button,
  .edx-header .mobile-search-btn {
    display: none
  }

  .edx-header .edx-logo {
    position: relative;
    width: 77px;
    top: 0;
    left: 0;
    margin: 20px 10px 0
  }

  .edx-header .primary-menu {
    position: relative;
    width: auto;
    display: inline;
    float: left;
    top: 0;
    left: 0
  }

  .edx-header .primary-menu.mobile-menu-show {
    box-shadow: none
  }

  .edx-header .primary-menu .menu-open:active .menu-btn,
  .edx-header .primary-menu .menu-open:active .menu-item,
  .edx-header .primary-menu .menu-open:focus .menu-btn,
  .edx-header .primary-menu .menu-open:focus .menu-item,
  .edx-header .primary-menu .menu-open:hover .menu-btn,
  .edx-header .primary-menu .menu-open:hover .menu-item {
    background: #001b1e;
    color: #fff !important
  }

  .edx-header .primary-menu .nav-bar-group {
    display: inline
  }

  .edx-header .primary-menu .menu-btn {
    display: inline;
    padding-top: 29px;
    padding-right: 5px;
    padding-bottom: 22px
  }

  .edx-header .primary-menu .menu-btn .icon {
    height: 24px
  }

  .edx-header .desktop-search-link {
    display: flex;
    align-items: center;
    color: #00262b
  }
}

@media only screen and (min-width:1180px) {

  .edx-header .primary-menu-wrapper .primary-menu li .menu-item,
  .edx-header .primary-menu li.menu-link .menu-item {
    font-size: 1.125rem
  }

  .edx-header .edx-logo {
    margin-left: 20px;
    margin-right: 20px
  }

  .edx-header .user-cta .btn {
    font-size: 1.125rem;
    padding: 10px
  }

  .edx-header .user-cta .btn:not(.btn-blue):active:after,
  .edx-header .user-cta .btn:not(.btn-blue):focus:after,
  .edx-header .user-cta .btn:not(.btn-blue):hover:after {
    width: calc(100% - 40px);
    left: 20px
  }
}

.timeline {
  color: #fff;
  background-image: url(/images/about_us/timeline_background.png);
  background-size: cover
}

.timeline .timeline-entry-year {
  color: #f0cc00;
  font-family: Roboto Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.timeline .timeline-entry-title {
  color: #fff
}

.dates-day {
  position: relative;
  width: 312px
}

@media (min-width:576px) {
  .dates-day {
    margin-left: 296px;
    margin-top: -135px
  }
}

@media (min-width:576px) {
  .dates-day.flip {
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
    padding-right: 1.5rem
  }
}

.dates-day .dates-line-top {
  display: inline-block;
  position: absolute;
  top: 0;
  height: 10px;
  z-index: 0;
  border-right: 1px solid #fff !important;
  left: 7.5px
}

@media (min-width:576px) {
  .dates-day .dates-line-top.flip {
    left: unset;
    right: 7.5px
  }
}

.dates-day .dates-dot {
  background-color: #f0cc00;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  top: 10px;
  height: 10px;
  width: 10px;
  z-index: 1;
  left: 2.5px
}

@media (min-width:576px) {
  .dates-day .dates-dot.flip {
    left: unset;
    right: 2.5px
  }
}

.dates-day .dates-line-bottom {
  display: inline-block;
  position: absolute;
  top: 17.5px;
  bottom: 0;
  z-index: 0;
  border-right: 1px solid #fff !important;
  left: 7.5px
}

@media (min-width:576px) {
  .dates-day .dates-line-bottom.flip {
    left: unset;
    right: 7.5px
  }
}

.dates-day:last-of-type .dates-line-bottom {
  bottom: 1rem
}

.dates-line-arrow {
  display: inline-block;
  position: absolute;
  bottom: .2rem;
  z-index: 0;
  left: 2px
}

@media (min-width:576px) {
  .dates-line-arrow.flip {
    left: unset;
    right: 2px
  }
}

.about-page-routing {
  padding-top: 50px;
  background-color: #f2f0ef
}

.about-page-routing .get-started {
  color: #001b1e
}

.about-page-routing .topic-routing {
  background: none;
  padding-top: 50px;
  padding-bottom: 50px
}

.about-page-routing .topic-routing .topic-section-title {
  font-weight: 700;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: 1.75rem
}

.about-page-routing .topic-routing .routing-container {
  padding-left: 0;
  padding-right: 0
}

.affordable-graphic {
  background-image: url(/images/program_landing/affordable-highlight-sm.png);
  background-size: 100% 100%
}

@media (min-width:992px) {
  .affordable-graphic {
    height: 406px;
    background-image: url(/images/program_landing/affordable-highlight-lg.png)
  }
}

.affordable-graphic .cost-blocks {
  border: dotted #adadad;
  border-width: 0 0 5px
}

@media (min-width:992px) {
  .affordable-graphic .cost-blocks {
    border-width: 0 0 0 5px
  }
}

.affordable-graphic .cost-blocks:last-child {
  border: none
}

.audiences {
  background: #00262b;
  position: relative
}

.audiences .audience-list {
  padding-top: 32px;
  padding-bottom: 32px
}

.audiences .diagonal-img-wrapper {
  position: relative;
  height: 650px
}

.audiences .diagonal-img-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 500%;
  height: 63px;
  background: #fff;
  z-index: 1
}

.audiences .diagonal-img-wrapper .diagonal-img {
  position: absolute;
  z-index: 2;
  height: 100%;
  max-width: none;
  right: -120px
}

.audiences .audience-section {
  margin-bottom: 30px
}

.audiences .audience-description,
.audiences .audience-heading {
  color: #e1dddb
}

.audiences .audience-heading {
  font-family: Roboto Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: .875rem
}

@media (min-width:1200px) {
  .audiences .audience-heading {
    font-size: 1.125rem
  }
}

.audiences .audience-description {
  line-height: 1.25;
  width: calc(100% - 84px);
  font-size: 1.375rem;
  font-weight: 700
}

@media (min-width:1200px) {
  .audiences .audience-description {
    font-size: 2rem
  }
}

@media (min-width:1200px) {
  .audiences.es .audience-description {
    font-size: 1.875rem
  }
}

.audiences .h3 {
  text-transform: uppercase
}

.audiences .description-wrapper {
  position: relative;
  padding-top: 12px
}

.audiences .description-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  width: 13.5px;
  height: 0;
  border-bottom: 2px solid #d23228
}

.autocomplete .suggestion-heading {
  line-height: 1.5
}

.autocomplete .suggestions {
  background: #fff;
  border-radius: 4px;
  position: absolute;
  z-index: 100;
  top: 80px;
  max-width: 900px;
  width: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .15)
}

@media (min-width:992px) {
  .autocomplete .suggestions {
    width: 806px
  }
}

@media (min-width:1200px) {
  .autocomplete .suggestions {
    width: 756px
  }
}

.autocomplete .suggestion {
  background: #fff
}

.autocomplete .suggestion .suggestion-title {
  color: #000
}

.autocomplete .suggestion .suggestion-type {
  color: #707070
}

.autocomplete .suggestion:hover {
  background: #000;
  text-decoration: none
}

.autocomplete .suggestion:hover .suggestion-title {
  color: #fff
}

.autocomplete .suggestion:hover .suggestion-type {
  color: #ebebeb
}

.autocomplete .suggestion:focus {
  box-shadow: inset 0 0 0 2px #000;
  outline: none
}

.autocomplete .suggestions-cta {
  color: #000;
  width: 100%;
  text-align: left;
  -webkit-text-decoration-style: underline;
  text-decoration-style: underline;
  -webkit-text-decoration-color: #000;
  text-decoration-color: #000
}

.autocomplete .suggestions-cta:hover {
  background: #e1dddb
}

.autocomplete .suggestions-cta:focus {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .15)
}

.autocomplete .suggestion-list .list-inline-item {
  line-height: 1.5
}

.attribution {
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: .875rem
}

.attribution .attribution-image {
  width: 35px;
  height: 35px
}

.benefit-icon {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  padding: 20px
}

.benefit-icon .icon-fill {
  fill: #966dbd
}

.benefit-icon svg {
  width: 100%;
  height: 100%
}

.benefit-text {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  padding: 0 10px
}

.benefit-text .title,
.benefit-text .title-link {
  color: #000
}

.benefit-text .title {
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 700
}

.benefit-text .title-link {
  text-decoration: none
}

.benefit-text .description {
  font-size: .875rem
}

.header-breadcrumbs {
  font-size: .75rem
}

.breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.breadcrumb-list .spacer {
  margin: 0 10px
}

.card-group-title {
  padding-top: 24px;
  padding-bottom: 10px
}

@media (min-width:576px) {
  .card-group-title {
    margin-left: 15px;
    padding-top: 60px;
    padding-bottom: 4px
  }
}

.card-group-subtitle {
  color: #707070;
  padding-bottom: 24px
}

@media (min-width:576px) {
  .card-group-subtitle {
    margin-left: 15px
  }
}

.card-list-skip-button {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  color: #fff;
  background: #00262b
}

.card-list-skip-button:active,
.card-list-skip-button:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal
}

.card-list-skip-button:focus {
  flex: 0 0 100%;
  width: 100%;
  padding: 10px 0;
  margin-bottom: 20px
}

.card-list-tabs {
  padding: 48px 0
}

@media (min-width:768px) {
  .card-list-tabs {
    padding: 64px 0
  }
}

.card-list-tabs .module-heading {
  margin-bottom: 40px !important
}

.card-list-tabs .card-list-tab.btn-link {
  color: #707070
}

.card-list-tabs .card-list-tab.btn-link:focus,
.card-list-tabs .card-list-tab.btn-link:hover {
  color: #454545;
  background: #fbfaf9;
  text-decoration: none
}

.card-wrapper {
  border: 0;
  border-top: 1px solid #bfc9ca;
  border-radius: unset
}

.card-wrapper:first-child {
  border-top: none
}

@media (min-width:576px) {
  .card-wrapper {
    border: none;
    padding-bottom: 18px
  }
}

.card-wrapper .card,
.card-wrapper .collapsible-card,
.card-wrapper .collapsible-card-lg {
  border: none;
  margin-left: -15px;
  margin-right: -15px
}

.card-wrapper .card .card-content,
.card-wrapper .collapsible-card-lg .card-content,
.card-wrapper .collapsible-card .card-content {
  display: flex;
  flex-direction: column;
  font-family: Inter, Helvetica Neue, Arial, sans-serif
}

.card-wrapper .card .card-title,
.card-wrapper .collapsible-card-lg .card-title,
.card-wrapper .collapsible-card .card-title {
  text-decoration: underline
}

.card-wrapper .card .card-body,
.card-wrapper .collapsible-card-lg .card-body,
.card-wrapper .collapsible-card-lg .collapsible-body,
.card-wrapper .collapsible-card .card-body,
.card-wrapper .collapsible-card .collapsible-body,
.collapsible-card-lg .card-wrapper .card .collapsible-body,
.collapsible-card .card-wrapper .card .collapsible-body {
  padding: 15px 20px
}

.card-wrapper .card .card-body .program-type,
.card-wrapper .collapsible-card-lg .card-body .program-type,
.card-wrapper .collapsible-card-lg .collapsible-body .program-type,
.card-wrapper .collapsible-card .card-body .program-type,
.card-wrapper .collapsible-card .collapsible-body .program-type,
.collapsible-card-lg .card-wrapper .card .collapsible-body .program-type,
.collapsible-card .card-wrapper .card .collapsible-body .program-type {
  margin-top: -15px
}

.card-wrapper .card .card-body .card-title,
.card-wrapper .collapsible-card-lg .card-body .card-title,
.card-wrapper .collapsible-card-lg .collapsible-body .card-title,
.card-wrapper .collapsible-card .card-body .card-title,
.card-wrapper .collapsible-card .collapsible-body .card-title,
.collapsible-card-lg .card-wrapper .card .collapsible-body .card-title,
.collapsible-card .card-wrapper .card .collapsible-body .card-title {
  text-decoration: underline;
  margin: 0 0 5px;
  font-size: 1.25rem;
  font-weight: 400;
  padding-bottom: 10px;
  line-height: 1.5
}

@media (min-width:1200px) {

  .card-wrapper .card .card-body .card-title,
  .card-wrapper .collapsible-card-lg .card-body .card-title,
  .card-wrapper .collapsible-card-lg .collapsible-body .card-title,
  .card-wrapper .collapsible-card .card-body .card-title,
  .card-wrapper .collapsible-card .collapsible-body .card-title,
  .collapsible-card-lg .card-wrapper .card .collapsible-body .card-title,
  .collapsible-card .card-wrapper .card .collapsible-body .card-title {
    font-size: 1.125rem
  }
}

.card-wrapper .card .card-body .card-partners,
.card-wrapper .collapsible-card-lg .card-body .card-partners,
.card-wrapper .collapsible-card-lg .collapsible-body .card-partners,
.card-wrapper .collapsible-card .card-body .card-partners,
.card-wrapper .collapsible-card .collapsible-body .card-partners,
.collapsible-card-lg .card-wrapper .card .collapsible-body .card-partners,
.collapsible-card .card-wrapper .card .collapsible-body .card-partners {
  font-size: 1rem
}

@media (min-width:992px) {

  .card-wrapper .card .card-body .card-partners,
  .card-wrapper .collapsible-card-lg .card-body .card-partners,
  .card-wrapper .collapsible-card-lg .collapsible-body .card-partners,
  .card-wrapper .collapsible-card .card-body .card-partners,
  .card-wrapper .collapsible-card .collapsible-body .card-partners,
  .collapsible-card-lg .card-wrapper .card .collapsible-body .card-partners,
  .collapsible-card .card-wrapper .card .collapsible-body .card-partners {
    font-size: .875rem
  }
}

@media (min-width:1200px) {

  .card-wrapper .card .card-body .card-partners,
  .card-wrapper .collapsible-card-lg .card-body .card-partners,
  .card-wrapper .collapsible-card-lg .collapsible-body .card-partners,
  .card-wrapper .collapsible-card .card-body .card-partners,
  .card-wrapper .collapsible-card .collapsible-body .card-partners,
  .collapsible-card-lg .card-wrapper .card .collapsible-body .card-partners,
  .collapsible-card .card-wrapper .card .collapsible-body .card-partners {
    font-size: 1rem
  }
}

.card-wrapper .card .card-footer,
.card-wrapper .card .card-overlay,
.card-wrapper .card .card-stats,
.card-wrapper .card .out-of,
.card-wrapper .collapsible-card-lg .card-footer,
.card-wrapper .collapsible-card-lg .card-overlay,
.card-wrapper .collapsible-card-lg .card-stats,
.card-wrapper .collapsible-card-lg .out-of,
.card-wrapper .collapsible-card .card-footer,
.card-wrapper .collapsible-card .card-overlay,
.card-wrapper .collapsible-card .card-stats,
.card-wrapper .collapsible-card .out-of {
  display: none
}

@media (min-width:576px) {

  .card-wrapper .card,
  .card-wrapper .collapsible-card,
  .card-wrapper .collapsible-card-lg {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
    margin: auto;
    border: 1px solid #bfc9ca;
    border-radius: 4px
  }

  .card-wrapper .card .card-content,
  .card-wrapper .collapsible-card-lg .card-content,
  .card-wrapper .collapsible-card .card-content {
    height: 190px
  }

  .card-wrapper .card .card-content:active,
  .card-wrapper .card .card-content:focus-within,
  .card-wrapper .card .card-content:hover,
  .card-wrapper .collapsible-card-lg .card-content:active,
  .card-wrapper .collapsible-card-lg .card-content:focus-within,
  .card-wrapper .collapsible-card-lg .card-content:hover,
  .card-wrapper .collapsible-card .card-content:active,
  .card-wrapper .collapsible-card .card-content:focus-within,
  .card-wrapper .collapsible-card .card-content:hover {
    background-color: #f0f2f2
  }

  .card-wrapper .card .card-overlay,
  .card-wrapper .collapsible-card-lg .card-overlay,
  .card-wrapper .collapsible-card .card-overlay {
    display: block;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    border-color: #bfc9ca
  }

  .card-wrapper .card .card-overlay:after,
  .card-wrapper .collapsible-card-lg .card-overlay:after,
  .card-wrapper .collapsible-card .card-overlay:after {
    content: "";
    width: 28px;
    height: 28px;
    background: #f0f2f2;
    position: absolute;
    top: -14px;
    right: calc(50% - 14px);
    transform: rotate(45deg);
    border-left: 2px solid #bfc9ca;
    border-top: 2px solid #bfc9ca
  }

  .card-wrapper .card .card-overlay .card-overlay-link,
  .card-wrapper .collapsible-card-lg .card-overlay .card-overlay-link,
  .card-wrapper .collapsible-card .card-overlay .card-overlay-link {
    text-decoration: underline;
    color: #00262b
  }

  .card-wrapper .card .card-overlay .card-overlay-body,
  .card-wrapper .collapsible-card-lg .card-overlay .card-overlay-body,
  .card-wrapper .collapsible-card .card-overlay .card-overlay-body {
    background: #f0f2f2;
    font-size: 1rem;
    color: #707070;
    padding: 20px;
    border: 1px solid #bfc9ca;
    border-radius: 4px
  }

  .card-wrapper .card .card-overlay .card-overlay-body .h5,
  .card-wrapper .collapsible-card-lg .card-overlay .card-overlay-body .h5,
  .card-wrapper .collapsible-card .card-overlay .card-overlay-body .h5 {
    font-size: 1rem;
    font-weight: 700
  }

  .card-wrapper .card .card-overlay .card-overlay-close,
  .card-wrapper .collapsible-card-lg .card-overlay .card-overlay-close,
  .card-wrapper .collapsible-card .card-overlay .card-overlay-close {
    right: 0;
    top: 0;
    background: none
  }

  .card-wrapper .card .card-body,
  .card-wrapper .collapsible-card-lg .card-body,
  .card-wrapper .collapsible-card-lg .collapsible-body,
  .card-wrapper .collapsible-card .card-body,
  .card-wrapper .collapsible-card .collapsible-body,
  .collapsible-card-lg .card-wrapper .card .collapsible-body,
  .collapsible-card .card-wrapper .card .collapsible-body {
    height: 125px;
    padding: 20px
  }

  .card-wrapper .card .card-body .card-title,
  .card-wrapper .collapsible-card-lg .card-body .card-title,
  .card-wrapper .collapsible-card-lg .collapsible-body .card-title,
  .card-wrapper .collapsible-card .card-body .card-title,
  .card-wrapper .collapsible-card .collapsible-body .card-title,
  .collapsible-card-lg .card-wrapper .card .collapsible-body .card-title,
  .collapsible-card .card-wrapper .card .collapsible-body .card-title {
    padding-bottom: 0
  }

  .card-wrapper .card .card-body .h6,
  .card-wrapper .collapsible-card-lg .card-body .h6,
  .card-wrapper .collapsible-card-lg .collapsible-body .h6,
  .card-wrapper .collapsible-card .card-body .h6,
  .card-wrapper .collapsible-card .collapsible-body .h6,
  .collapsible-card-lg .card-wrapper .card .collapsible-body .h6,
  .collapsible-card .card-wrapper .card .collapsible-body .h6 {
    font-size: 1rem
  }

  .card-wrapper .card .card-body .out-of,
  .card-wrapper .collapsible-card-lg .card-body .out-of,
  .card-wrapper .collapsible-card-lg .collapsible-body .out-of,
  .card-wrapper .collapsible-card .card-body .out-of,
  .card-wrapper .collapsible-card .collapsible-body .out-of,
  .collapsible-card-lg .card-wrapper .card .collapsible-body .out-of,
  .collapsible-card .card-wrapper .card .collapsible-body .out-of {
    display: block;
    color: #fff;
    position: relative;
    z-index: 0;
    border-radius: 0 4px 0 0;
    overflow: hidden;
    min-height: 65px;
    min-width: 65px;
    margin-top: -20px;
    margin-right: -20px;
    padding-top: 12px;
    padding-left: 34px;
    font-size: .875rem
  }

  .card-wrapper .card .card-body .out-of:before,
  .card-wrapper .collapsible-card-lg .card-body .out-of:before,
  .card-wrapper .collapsible-card-lg .collapsible-body .out-of:before,
  .card-wrapper .collapsible-card .card-body .out-of:before,
  .card-wrapper .collapsible-card .collapsible-body .out-of:before,
  .collapsible-card-lg .card-wrapper .card .collapsible-body .out-of:before,
  .collapsible-card .card-wrapper .card .collapsible-body .out-of:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    border-color: #001b1e #001b1e transparent transparent;
    border-style: solid;
    border-width: 32px
  }

  .card-wrapper .card .card-body.program,
  .card-wrapper .collapsible-card-lg .card-body.program,
  .card-wrapper .collapsible-card-lg .program.collapsible-body,
  .card-wrapper .collapsible-card .card-body.program,
  .card-wrapper .collapsible-card .program.collapsible-body,
  .collapsible-card-lg .card-wrapper .card .program.collapsible-body,
  .collapsible-card .card-wrapper .card .program.collapsible-body {
    background-color: #001b1e;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    box-sizing: border-box
  }

  .card-wrapper .card .card-body.program .card-partners,
  .card-wrapper .card .card-body.program .card-title,
  .card-wrapper .collapsible-card-lg .card-body.program .card-partners,
  .card-wrapper .collapsible-card-lg .card-body.program .card-title,
  .card-wrapper .collapsible-card-lg .program.collapsible-body .card-partners,
  .card-wrapper .collapsible-card-lg .program.collapsible-body .card-title,
  .card-wrapper .collapsible-card .card-body.program .card-partners,
  .card-wrapper .collapsible-card .card-body.program .card-title,
  .card-wrapper .collapsible-card .program.collapsible-body .card-partners,
  .card-wrapper .collapsible-card .program.collapsible-body .card-title,
  .collapsible-card-lg .card-wrapper .card .program.collapsible-body .card-partners,
  .collapsible-card-lg .card-wrapper .card .program.collapsible-body .card-title,
  .collapsible-card .card-wrapper .card .program.collapsible-body .card-partners,
  .collapsible-card .card-wrapper .card .program.collapsible-body .card-title {
    color: #fff
  }

  .card-wrapper .card .card-body.program .card-link:focus,
  .card-wrapper .collapsible-card-lg .card-body.program .card-link:focus,
  .card-wrapper .collapsible-card-lg .program.collapsible-body .card-link:focus,
  .card-wrapper .collapsible-card .card-body.program .card-link:focus,
  .card-wrapper .collapsible-card .program.collapsible-body .card-link:focus,
  .collapsible-card-lg .card-wrapper .card .program.collapsible-body .card-link:focus,
  .collapsible-card .card-wrapper .card .program.collapsible-body .card-link:focus {
    outline: none
  }

  .card-wrapper .card .card-body.program .card-link:focus .card-title,
  .card-wrapper .collapsible-card-lg .card-body.program .card-link:focus .card-title,
  .card-wrapper .collapsible-card-lg .program.collapsible-body .card-link:focus .card-title,
  .card-wrapper .collapsible-card .card-body.program .card-link:focus .card-title,
  .card-wrapper .collapsible-card .program.collapsible-body .card-link:focus .card-title,
  .collapsible-card-lg .card-wrapper .card .program.collapsible-body .card-link:focus .card-title,
  .collapsible-card .card-wrapper .card .program.collapsible-body .card-link:focus .card-title {
    outline: 1px dotted #fff
  }

  .card-wrapper .card .card-body.program .type,
  .card-wrapper .collapsible-card-lg .card-body.program .type,
  .card-wrapper .collapsible-card-lg .program.collapsible-body .type,
  .card-wrapper .collapsible-card .card-body.program .type,
  .card-wrapper .collapsible-card .program.collapsible-body .type,
  .collapsible-card-lg .card-wrapper .card .program.collapsible-body .type,
  .collapsible-card .card-wrapper .card .program.collapsible-body .type {
    display: block;
    font-size: .875rem;
    font-weight: 700;
    position: absolute;
    top: 5px;
    right: 5px
  }

  .card-wrapper .card .card-footer,
  .card-wrapper .collapsible-card-lg .card-footer,
  .card-wrapper .collapsible-card .card-footer {
    display: block;
    color: #00262b;
    width: 100%;
    border-top: 1px solid #bfc9ca;
    box-sizing: border-box;
    background-color: #fff;
    height: 41px
  }

  .card-wrapper .card .card-footer.btn,
  .card-wrapper .collapsible-card-lg .card-footer.btn,
  .card-wrapper .collapsible-card .card-footer.btn {
    padding: 10px 20px;
    background-color: #fff;
    color: #00262b;
    justify-content: space-between;
    box-sizing: border-box
  }

  .card-wrapper .card .card-footer.active,
  .card-wrapper .card .card-footer.focus-within,
  .card-wrapper .card .card-footer:hover,
  .card-wrapper .collapsible-card-lg .card-footer.active,
  .card-wrapper .collapsible-card-lg .card-footer.focus-within,
  .card-wrapper .collapsible-card-lg .card-footer:hover,
  .card-wrapper .collapsible-card .card-footer.active,
  .card-wrapper .collapsible-card .card-footer.focus-within,
  .card-wrapper .collapsible-card .card-footer:hover {
    background-color: #f0f2f2
  }

  .card-wrapper .card .card-footer.expanded-true,
  .card-wrapper .collapsible-card-lg .card-footer.expanded-true,
  .card-wrapper .collapsible-card .card-footer.expanded-true {
    background-color: #f0f2f2;
    font-weight: 700
  }

  .card-wrapper .card .card-footer .label-wrapper,
  .card-wrapper .collapsible-card-lg .card-footer .label-wrapper,
  .card-wrapper .collapsible-card .card-footer .label-wrapper {
    display: flex;
    justify-content: space-between
  }

  .card-wrapper .card .card-stats,
  .card-wrapper .collapsible-card-lg .card-stats,
  .card-wrapper .collapsible-card .card-stats {
    padding: 10px 20px;
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-self: flex-end;
    color: #454545;
    font-size: 1rem
  }

  .card-wrapper .card .card-stats .course-count,
  .card-wrapper .collapsible-card-lg .card-stats .course-count,
  .card-wrapper .collapsible-card .card-stats .course-count {
    margin-right: 20px
  }
}

.carousel {
  padding: 16px 20px
}

.slide-image {
  max-width: 95%
}

.carousel-slider {
  width: 100%
}

.carousel-button-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 44px
}

.carousel-button-wrapper.back {
  left: -23px
}

.carousel-button-wrapper.next {
  right: -23px
}

.carousel-arrow {
  background: #fbfaf9;
  color: #00262b;
  border-radius: 50%;
  padding: 0;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  justify-content: center;
  align-items: center
}

.carousel-arrow:focus,
.carousel-arrow:hover {
  background: #00262b;
  color: #fff
}

.carousel-arrow:disabled {
  opacity: 0;
  cursor: default
}

[class*=slideInner] {
  display: flex;
  padding: 4px
}

@media (min-width:1200px) {
  [class*=slideInner] {
    padding: 4px 20px
  }
}

.cms-module-max-width {
  max-width: 750px;
  margin: 0 auto
}

.collapsible {
  border-radius: 4px;
  border: 1px solid transparent;
  transition: border .3s ease
}

.collapsible .btn-collapsible {
  border: 1px solid silver;
  white-space: normal;
  background-color: #fff
}

.collapsible .btn-collapsible:focus {
  border-color: #00262b;
  box-shadow: 0 0 0 1px #001b1e
}

.collapsible .btn-collapsible.open {
  border: 1px solid transparent
}

.collapsible .collapsible-body {
  visibility: collapse;
  opacity: 0;
  overflow: hidden;
  padding: 0 15px;
  max-height: 0;
  transition: all .3s ease
}

.collapsible.open {
  border: 1px solid silver
}

.collapsible.open .collapsible-body {
  visibility: visible;
  opacity: 1;
  max-height: 99999px;
  padding: 15px
}

.collapsible.open .btn-collapsible {
  background-color: #fff
}

.collapsible.expanded .collapsible-body {
  visibility: visible;
  opacity: 1;
  max-height: none;
  padding: 0;
  transition: none
}

.collapsible {
  margin-bottom: 20px
}

.collapsible .btn-collapsible {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
  line-height: 1.25;
  color: #001b1e;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700
}

.collapsible .btn-collapsible .collapsible-icon {
  margin-top: .15em;
  color: #00262b;
  font-weight: 400
}

.collapsible .btn-collapsible .collapsible-title {
  padding: 4px 0
}

.collapsible .btn-collapsible:focus,
.collapsible .btn-collapsible:hover {
  background-color: #f0f2f2
}

.collapsible .btn-collapsible:focus .collapsible-icon,
.collapsible .btn-collapsible:hover .collapsible-icon {
  color: #001b1e
}

.collapsible.open {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3)
}

.collapsible.open .btn-collapsible {
  box-shadow: none;
  background-color: #f0f2f2
}

.collapsible.open .btn-collapsible:hover {
  background-color: #f0f2f2
}

.edx-cookie-banner-wrapper {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  background-color: #f0f2f2
}

.edx-cookie-banner-wrapper .edx-cookie-banner .alert-dialog {
  color: #454545
}

.edx-cookie-banner-wrapper .edx-cookie-banner .alert-dialog .policy-link {
  color: #001b1e
}

.edx-cookie-banner-wrapper .edx-cookie-banner .btn.close {
  color: #00262b
}

.edx-cookie-banner-wrapper .edx-cookie-banner .btn.close:active,
.edx-cookie-banner-wrapper .edx-cookie-banner .btn.close:focus,
.edx-cookie-banner-wrapper .edx-cookie-banner .btn.close:hover {
  color: #001b1e
}

.branch-banner-is-active .edx-cookie-banner-wrapper {
  margin-bottom: 76px
}

.course-info-page .course-info-content .course-header {
  background: #fff;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .15);
  padding: 20px 0 30px
}

@media (min-width:992px) {
  .course-info-page .course-info-content .course-header {
    padding-top: 30px;
    padding-bottom: 60px
  }
}

.course-info-page .course-info-content .course-header .header-image,
.course-info-page .course-info-content .course-header .header-video {
  margin-bottom: 20px
}

.course-info-page .course-info-content .course-header .header-breadcrumbs .link {
  color: #00262b;
  text-decoration: none;
  font-size: .75rem
}

.course-info-page .course-info-content .course-header .enroll-wrapper {
  max-width: 100%
}

.course-info-page .course-info-content .course-header .enroll-wrapper .enroll-btn.legacy {
  border-radius: 0;
  color: #fff
}

.course-info-page .course-info-content .course-header .course-program-info {
  width: 100%;
  text-align: center;
  margin-top: 20px
}

.course-info-page .course-info-content .course-header .course-program-info .program-label {
  font-weight: 600;
  margin-bottom: 10px
}

@media (min-width:768px) {
  .course-info-page .course-info-content .course-header .enroll-cta {
    width: 270px;
    margin-right: 20px
  }

  .course-info-page .course-info-content .course-header .enroll-button-wrapper .form-field {
    width: 360px
  }
}

.course-info-page .course-info-content .course-start {
  padding: 0;
  margin-top: 20px;
  font-weight: 700;
  font-size: 1rem
}

.course-info-page .course-info-content .course-intro-heading {
  color: #000;
  font-size: 1.625rem;
  font-weight: 700
}

.course-info-page .course-info-content .course-intro-lead-in {
  color: #454545;
  line-height: 1.6rem;
  font-size: 20px;
  font-weight: 400
}

.course-info-page .course-info-content .course-org-logo {
  display: inline;
  float: left;
  position: relative;
  max-width: 160px
}

.course-info-page .course-info-content .legacy-enroll-btn .message {
  display: none
}

.course-info-page .course-info-content .sponsor-callout {
  position: relative
}

.course-info-page .course-info-content .sponsor-callout:after,
.course-info-page .course-info-content .sponsor-callout:before {
  content: "";
  display: none;
  height: 2px;
  vertical-align: middle;
  width: 15%
}

.course-info-page .course-info-content .sponsor-callout:before {
  background: #707070 linear-gradient(270deg, #707070, #fff);
  margin-right: 8px
}

.course-info-page .course-info-content .sponsor-callout:after {
  background: #707070 linear-gradient(90deg, #707070, #fff);
  margin-left: 8px
}

.course-info-page .course-info-content .sponsor-callout .sponsor-img {
  margin: 0 4px;
  max-height: 30px;
  vertical-align: middle
}

.course-info-page .course-info-content .course-info-list ul {
  padding: 12px 0 12px 16px;
  margin: 0 0 20px
}

.course-info-page .course-info-content .course-section {
  color: #454545;
  padding-bottom: 30px
}

.course-info-page .course-info-content .course-award {
  height: 120px
}

.course-info-page .course-info-content .course-award.landscape {
  height: 80px
}

.program-pathway-component {
  background: none;
  position: relative;
  margin-bottom: 80px
}

.program-pathway-component .path {
  width: 56px;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 23px;
  left: 17px;
  z-index: 1
}

.program-pathway-component .path .path-icon {
  width: 16px;
  height: 19px
}

.program-pathway-component .marker {
  width: 38px;
  height: 38px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #001b1e;
  color: #001b1e;
  background-color: #eff8fa;
  border-radius: 50%;
  font-size: 1.375rem;
  font-weight: 700
}

.program-pathway-component .marker:after {
  content: "";
  height: 5000px;
  width: 2px;
  background: #001b1e;
  opacity: .3;
  position: absolute;
  left: 16px;
  z-index: -1
}

.program-pathway-component .marker.first:after {
  top: auto
}

.program-pathway-component .marker.last:after {
  bottom: auto
}

.program-pathway-component .pin {
  width: 25px;
  height: 32px;
  color: #951c13
}

.program-pathway-component .path-details {
  font-weight: 700;
  line-height: 1.25;
  flex-wrap: wrap;
  margin: 0 10px;
  width: 100%
}

.program-pathway-component .collapsible {
  margin-bottom: 0;
  border-radius: 0
}

.program-pathway-component .collapsible .btn-collapsible {
  padding: 20px 20px 20px 70px;
  font-size: 1.3125rem
}

.program-pathway-component .collapsible .btn-collapsible.active-course {
  background: none;
  border-color: transparent;
  box-shadow: none;
  padding-bottom: 14px
}

.program-pathway-component .collapsible .collapsible-body {
  padding-left: 71px;
  background: #fff;
  font-weight: 400
}

.program-pathway-component .collapsible.open {
  background: #fff;
  border-radius: 4px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px
}

.program-pathway-component .collapsible.open .btn-block {
  position: relative;
  background-color: #fff
}

.program-pathway-component .collapsible.open .btn-block:focus,
.program-pathway-component .collapsible.open .btn-block:hover {
  background-color: #f0f2f2
}

.program-pathway-component .collapsible.open .btn-block:focus:before,
.program-pathway-component .collapsible.open .btn-block:hover:before {
  content: "";
  position: absolute;
  width: 10px;
  top: 0;
  bottom: 0;
  left: -11px;
  background-color: #f0f2f2
}

.program-pathway-component .collapsible.open .btn-block:focus:after,
.program-pathway-component .collapsible.open .btn-block:hover:after {
  content: "";
  position: absolute;
  width: 10px;
  top: 0;
  bottom: 0;
  right: -11px;
  background-color: #f0f2f2
}

.program-pathway-component .step {
  display: flex;
  position: relative;
  overflow: hidden;
  margin: -3px 0
}

.program-pathway-component .step.stand-out {
  margin: 1px 0
}

.program-pathway-component .step .btn-collapsible {
  border-radius: 0
}

.program-pathway-component .step.first .btn-collapsible {
  border-radius: 4px 4px 0 0
}

.program-pathway-component .step.course-group-heading .marker,
.program-pathway-component .step.title .marker {
  background: none;
  border-color: transparent
}

.program-pathway-component .step.title .marker:after {
  top: 20px
}

.program-pathway-component .step.title .marker .path-icon {
  width: 32px;
  height: 42px;
  color: #951c13
}

.program-pathway-component .step.title .path-details {
  padding: 20px 20px 20px 70px
}

.program-pathway-component .step.course-group-heading .path-details {
  padding: 30px 20px 16px 70px
}

.program-pathway-component .step.last {
  margin-bottom: 0
}

.program-pathway-component .step.last .btn-collapsible {
  border-radius: 0 0 4px 4px
}

.program-pathway-component .step.last .marker:after {
  bottom: 0
}

.program-pathway-component .step.outcome {
  padding-top: 10px
}

.program-pathway-component .step.outcome .path {
  margin-top: 8px
}

.program-pathway-component .step.outcome .marker {
  color: #eff8fa;
  background-color: #001b1e
}

.program-pathway-component .step.outcome .marker .path-icon {
  width: 22px;
  height: 22px
}

.program-pathway-component .pathway {
  padding: 0;
  margin: 0
}

.program-pathway-component .program-pathway-course-group-heading,
.program-pathway-component .program-pathway-title {
  font-size: 1.5rem;
  font-weight: 700
}

.program-pathway-component .program-logo-wrapper {
  max-width: 200px
}

.course-run-experiment .course-run-selector-label {
  font-size: 1.125rem;
  margin-bottom: 10px
}

.course-run-experiment .enroll-cta {
  width: 100% !important
}

@media only screen and (min-width:424px) {
  .course-run-experiment .enroll-cta {
    width: 204px !important
  }
}

.course-run-experiment .enroll-cta .enroll-btn {
  font-size: 1.375rem;
  padding: 11px 0;
  margin-bottom: 17px;
  text-align: center
}

.course-run-experiment .course-stat {
  margin-top: -8px
}

.course-run-experiment .form-field {
  width: 100% !important
}

.course-run-experiment .email-opt-in-terms {
  font-weight: 400
}

.course-run-selector .course-run-selection-tile {
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 3px;
  color: #454545;
  padding: 20px 12px 18px;
  width: 100%
}

@media only screen and (min-width:424px) {
  .course-run-selector .course-run-selection-tile {
    width: 204px;
    margin-right: 16px;
    padding-top: 30px;
    padding-bottom: 28px
  }
}

@media (min-width:1200px) {
  .course-run-selector .course-run-selection-tile:nth-of-type(3n) {
    margin-right: 0
  }
}

.course-run-selector .course-run-selection-tile.active {
  background-color: #f0f2f2;
  border: 1px solid #00262b;
  color: #001b1e
}

.course-run-selector .course-run-selection-tile.active .radio-button-container {
  color: #00262b
}

.course-run-selector .course-run-selection-tile.btn:focus,
.course-run-selector .course-run-selection-tile.btn:hover {
  border: 1px solid #454545
}

.course-run-selector .course-run-radio-button {
  top: 10px;
  right: 10px
}

.btn.save-selection {
  width: 44px;
  height: 22px;
  padding: 0;
  text-align: center;
  line-height: 1
}

.popover {
  top: 0;
  left: 0;
  z-index: 1060;
  max-width: 480px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.55556;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid rgba(0, 0, 0, .2);
  border-radius: .375rem;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .15), 0 8px 16px 0 rgba(0, 0, 0, .15)
}

.popover,
.popover .arrow {
  position: absolute;
  display: block
}

.popover .arrow {
  width: 1rem;
  height: .5rem;
  margin: 0 .375rem
}

.popover .arrow:after,
.popover .arrow:before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
  margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
  bottom: -.5rem
}

.bs-popover-auto[x-placement^=top]>.arrow:before,
.bs-popover-top>.arrow:before {
  bottom: 0;
  border-width: .5rem .5rem 0;
  border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow:after,
.bs-popover-top>.arrow:after {
  bottom: 0;
  border-width: .5rem .5rem 0;
  border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
  margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
  left: -.5rem;
  width: .5rem;
  height: 1rem;
  margin: .375rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow:before,
.bs-popover-right>.arrow:before {
  left: 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow:after,
.bs-popover-right>.arrow:after {
  left: 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
  margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
  top: -.5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow:before,
.bs-popover-bottom>.arrow:before {
  top: 0;
  border-width: 0 .5rem .5rem;
  border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow:after,
.bs-popover-bottom>.arrow:after {
  top: 0;
  border-width: 0 .5rem .5rem;
  border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -.5rem;
  content: "";
  border-bottom: 0 solid transparent
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
  margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
  right: -.5rem;
  width: .5rem;
  height: 1rem;
  margin: .375rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow:before,
.bs-popover-left>.arrow:before {
  right: 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow:after,
.bs-popover-left>.arrow:after {
  right: 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: #fff
}

.popover-header {
  padding: .5rem 1rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  color: #00262b;
  background-color: transparent;
  border-bottom: 0 solid transparent;
  border-top-left-radius: .375rem;
  border-top-right-radius: .375rem
}

.popover-header:empty {
  display: none
}

.popover-body {
  padding: .5rem 1rem;
  color: #454545
}

.social-icon {
  font-size: 1.5rem;
  color: #00262b;
  margin-right: 10px
}

.social-icon:focus,
.social-icon:hover {
  color: #001b1e
}

.updated-sidebar .social-icon {
  color: #454545;
  width: 20px
}

.updated-sidebar .program-icon {
  width: 20px;
  margin-right: 10px
}

.updated-sidebar .associated-program-title {
  width: calc(100% - 30px)
}

.course-sidebar-heading {
  font-size: 1.4rem;
  font-weight: 400
}

.course-info-page .course-info-content .enroll-type-area .verified-thumb {
  width: 250px
}

.course-info-page .course-info-content .verified-list {
  padding-top: 20px
}

.course-info-page .course-info-content .verified-list .media-block {
  overflow: hidden
}

.course-info-page .course-info-content .verified-list__desc {
  padding-left: 65px
}

.course-info-page .course-info-content .course-mode-bullet {
  border-radius: 50%;
  height: 44px;
  width: 44px;
  position: relative;
  float: left;
  margin-right: 20px;
  color: #fff;
  background-color: #00688d
}

.partner-logos {
  margin: 10px 0 20px;
  display: flex;
  flex-flow: row wrap
}

.partner-logos .partner {
  display: flex;
  flex-flow: column wrap
}

.partner-logos .partner .partner-logo {
  width: 200px
}

.data-bar {
  margin-bottom: 40px;
  overflow: hidden;
  background-color: #00262b
}

.data-bar .data-bar-content {
  min-height: 100px;
  margin: 0 auto
}

.data-bar .data-bar-content .partner-image-wrapper {
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 15px;
  width: 100%
}

.data-bar .data-bar-content .partner-image-wrapper .partner {
  width: 200px
}

@media (min-width:576px) {
  .data-bar .data-bar-content .partner-image-wrapper {
    position: relative
  }

  .data-bar .data-bar-content .partner-image-wrapper:after,
  .data-bar .data-bar-content .partner-image-wrapper:before {
    content: "";
    position: absolute;
    width: 300px;
    top: 0;
    bottom: 0;
    background: #fff
  }

  .data-bar .data-bar-content .partner-image-wrapper:before {
    left: -300px
  }

  .data-bar .data-bar-content .partner-image-wrapper:after {
    right: -300px
  }
}

@media (min-width:992px) {
  .data-bar .data-bar-content .partner-image-wrapper {
    width: 260px;
    display: flex;
    flex-direction: column;
    margin-left: -15px
  }

  .data-bar .data-bar-content .partner-image-wrapper:after {
    display: none
  }
}

@media (min-width:1200px) {
  .data-bar .data-bar-content .partner-image-wrapper {
    width: auto;
    flex-direction: row;
    margin-left: 0
  }
}

@media (min-width:1700px) {
  .data-bar .data-bar-content .partner-image-wrapper:before {
    width: 1000px;
    left: -1000px
  }
}

.data-bar .data-bar-content.partner-count-2 .partner {
  width: 150px
}

.data-bar .data-bar-content .program {
  color: #fff;
  flex-grow: 1;
  padding: 15px 30px
}

.data-bar .data-bar-content .program .type {
  font-size: 1.5rem
}

.data-bar .data-bar-content .program .title {
  margin-bottom: 10px;
  font-size: 2rem
}

.data-bar .data-bar-content .program .institution {
  display: none
}

.data-bar .data-bar-content .cta-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 30px 30px
}

.data-bar .data-bar-content .cta-wrapper .btn-of-interest {
  background: #fff;
  color: #00262b;
  padding: 10px 50px;
  font-weight: 700;
  text-align: center;
  text-decoration: none
}

@media (min-width:576px) {
  .data-bar .data-bar-content {
    max-width: 540px
  }

  .data-bar .data-bar-content .cta-wrapper {
    position: relative
  }
}

@media (min-width:768px) {
  .data-bar .data-bar-content {
    display: flex;
    flex-wrap: wrap;
    max-width: 720px
  }
}

@media (min-width:992px) {
  .data-bar .data-bar-content {
    display: flex;
    flex-wrap: wrap;
    max-width: 960px
  }

  .data-bar .data-bar-content .cta-wrapper {
    width: 260px;
    padding: 0
  }

  .data-bar .data-bar-content .program {
    width: calc(100% - 520px)
  }
}

@media (min-width:1200px) {
  .data-bar .data-bar-content {
    max-width: 1140px
  }

  .data-bar .data-bar-content .cta-wrapper {
    width: auto
  }

  .data-bar .data-bar-content .program {
    max-width: 560px
  }
}

.data-bar.stuck {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999
}

.data-bar.stuck+.program-body {
  margin-top: 270px
}

@media (min-width:576px) {
  .data-bar.stuck+.program-body {
    margin-top: 220px
  }
}

@media (min-width:992px) {
  .data-bar.stuck+.program-body {
    margin-top: 140px
  }
}

@media (min-width:1200px) {
  .data-bar.stuck+.program-body {
    margin-top: 200px
  }
}

.data-bar.stuck .data-bar-content {
  background: none;
  min-height: 0
}

.data-bar.stuck .program {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  color: #00262b
}

.data-bar.stuck .program:after,
.data-bar.stuck .program:before {
  display: none
}

.data-bar.stuck .program .title,
.data-bar.stuck .program .type {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700
}

.data-bar.stuck .program .type {
  margin-right: 4px
}

.data-bar.stuck .program .institution {
  display: block;
  width: 100%;
  font-size: .875rem;
  color: #454545
}

@media (min-width:992px) {

  .data-bar.stuck .program .title,
  .data-bar.stuck .program .type {
    font-size: 1.5rem
  }
}

.data-bar.stuck .cta-wrapper,
.data-bar.stuck .partner-image-wrapper {
  display: none
}

.data-bar .alerts-wrapper {
  background-color: #ab0d02;
  color: #000;
  text-align: center;
  margin-bottom: 0;
  font-style: italic;
  font-size: 20px
}

.alerts-icon {
  margin-right: .5em
}

.discovery-card {
  min-width: 270px;
  max-width: 270px;
  width: 270px;
  height: 270px;
  position: relative;
  background-color: #fff;
  box-shadow: none;
  padding: 0;
  border: none
}

.discovery-card.custom-link {
  background: none
}

.discovery-card .d-card-wrapper {
  height: 270px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
  border-color: #bfc9ca;
  border-width: 1px;
  border-radius: 3px
}

.discovery-card.has-quick-facts,
.discovery-card.has-quick-facts .d-card-wrapper {
  height: 380px
}

.discovery-card .discovery-card-link {
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.discovery-card .discovery-card-link:focus,
.discovery-card .discovery-card-link:hover {
  border: 0;
  outline: none
}

.discovery-card .discovery-card-link:focus .d-card-wrapper,
.discovery-card .discovery-card-link:hover .d-card-wrapper {
  box-shadow: 0 2px 4px 2px #707070
}

.discovery-card .d-card-hero {
  height: 102px;
  background-color: #ccc;
  overflow: hidden;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #f2faf7
}

.discovery-card .d-card-badge {
  padding-top: .125rem;
  padding-bottom: .125rem;
  right: .5rem;
  top: .5rem
}

.discovery-card .partner-logo-wrapper {
  height: 61px;
  padding: 7px;
  position: absolute;
  top: 54px;
  left: 20px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 2px 0 hsla(0, 0%, 66.7%, .5)
}

.discovery-card .partner-logo-wrapper .partner-logo {
  height: 47px;
  width: 93.0625px
}

.discovery-card .d-card-body {
  padding: 28px 20px 33px
}

.discovery-card .d-card-footer {
  padding: 0 20px
}

.discovery-card .name-heading {
  height: auto;
  line-height: 1.15;
  color: #454545;
  font-family: inherit;
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 12px;
}

.discovery-card .partner-name {
  font-size: 14px;
  color: #454545;
}

.discovery-card .name-heading.skeleton {
  min-height: 1.25rem
}

.discovery-card .provider {
  line-height: .86;
  color: #707070;
  margin-bottom: 20px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400
}

.discovery-card .provider.skeleton {
  min-height: .875rem
}

.discovery-card .card-type {
  height: 20px;
  line-height: 1.67;
  letter-spacing: .2px;
  color: #707070;
  position: absolute;
  bottom: 10px;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: .75rem;
  font-weight: 400
}

.discovery-card .card-type.skeleton {
  min-height: .75rem;
  height: .75rem
}

.discovery-card.masters .quick-facts-icon-list {
  position: absolute;
  bottom: 1.2rem;
  color: #00262b;
  padding: 0 0 0 1rem
}

.discovery-card.masters .quick-facts-icon-list-item {
  list-style: none;
  display: flex;
  align-items: center
}

.discovery-card.masters .quick-facts-icon-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e1dddb;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  margin-right: 5px
}

.discovery-card-list {
  display: flex;
  justify-content: left;
  width: 440px;
  margin: 30px
}

.discovery-card-list .discovery-card {
  margin: 0 20px 24px 0
}

@media (min-width:576px) {
  .discovery-card-list {
    width: 540px
  }
}

@media (min-width:768px) {
  .discovery-card-list {
    width: 640px
  }
}

@media (min-width:992px) {
  .discovery-card-list {
    width: 960px
  }
}

@media (min-width:1200px) {
  .discovery-card-list:not(.max-3-col) {
    width: 1440px
  }
}

.scrollable-mobile-discovery-card-list {
  width: auto;
  overflow-x: scroll;
  padding: 0 0 4px 4px
}

@media (min-width:1200px) {
  .scrollable-mobile-discovery-card-list {
    overflow-x: visible;
    padding: 0
  }
}

.scrollable-mobile-discovery-card-list .scrollable-discovery-card-spacing {
  margin-right: 8px
}

@media (min-width:768px) {
  .scrollable-mobile-discovery-card-list .scrollable-discovery-card-spacing {
    margin-right: 32px
  }
}

@media (min-width:1200px) {
  .scrollable-mobile-discovery-card-list .scrollable-discovery-card-spacing {
    margin-right: 20px
  }

  .scrollable-mobile-discovery-card-list .scrollable-discovery-card-spacing:nth-child(4n) {
    margin-right: 0
  }
}

.scrollable-mobile-discovery-card-list.disable-scrolling {
  overflow-x: visible;
  padding: 0
}

@media (min-width:992px) {
  .scrollable-mobile-discovery-card-list.disable-scrolling .scrollable-discovery-card-spacing {
    margin-right: 45px
  }

  .scrollable-mobile-discovery-card-list.disable-scrolling .scrollable-discovery-card-spacing:nth-child(3n) {
    margin-right: 0
  }
}

@media (min-width:1200px) {

  .scrollable-mobile-discovery-card-list.disable-scrolling .scrollable-discovery-card-spacing,
  .scrollable-mobile-discovery-card-list.disable-scrolling .scrollable-discovery-card-spacing:nth-child(3n) {
    margin-right: 20px
  }

  .scrollable-mobile-discovery-card-list.disable-scrolling .scrollable-discovery-card-spacing:nth-child(4n) {
    margin-right: 0
  }
}

.static-card-spacing {
  margin-right: 20px
}

@media (min-width:992px) {

  .static-card-spacing,
  .static-card-spacing:nth-child(2n) {
    margin-right: 45px
  }

  .static-card-spacing:nth-child(3n) {
    margin-right: 0
  }
}

@media (min-width:1200px) {

  .static-card-spacing,
  .static-card-spacing:nth-child(2n),
  .static-card-spacing:nth-child(3n) {
    margin-right: 20px
  }

  .static-card-spacing:nth-child(4n) {
    margin-right: 0
  }
}

.Program-section .discovery-card-list {
  margin: 0
}

.edx-for-business {
  border-radius: 4px;
  border: 1px solid #bfc9ca;
  padding: 20px
}

.edx-for-business .sidebar-title {
  font-size: 1.125rem;
  font-weight: 700
}

.edx-statistics .statistics-graphic {
  margin-top: 30px;
  margin-bottom: 40px
}

.edx-statistics .percentage-chart-wrapper {
  width: 90px;
  height: 90px;
  background: none
}

.edx-statistics .percentage-chart-wrapper .chart-icon {
  width: 30px;
  height: 30px
}

.edx-statistics .pie-chart-stat.first .chart-icon {
  color: #366d75
}

.edx-statistics .pie-chart-stat.second .percentage-chart-baseline {
  stroke: #966dbd
}

.edx-statistics .pie-chart-stat.second .percentage-chart-progress {
  stroke: #45096b
}

.edx-statistics .pie-chart-stat.second .chart-icon {
  color: #45096b
}

.edx-statistics .pie-chart-stat .number {
  color: #366d75;
  font-weight: 700;
  font-size: 1.5rem
}

.edx-statistics .pie-chart-stat:last-of-type .number {
  color: #45096b
}

.edx-statistics .data-src {
  color: #707070;
  font-size: .875rem
}

.edx-statistics .map {
  min-height: 300px
}

.edx-statistics .current-learner-count {
  color: #001b1e;
  z-index: 1;
  width: 200px;
  background: hsla(0, 0%, 100%, .7);
  padding: 10px;
  font-size: 1.1rem
}

@media (min-width:768px) {
  .edx-statistics .current-learner-count {
    font-size: 1.5rem;
    width: 260px
  }
}

.edx-vision {
  background: #00262b;
  color: #e1dddb
}

.edx-vision .vision-heading {
  color: #e1dddb;
  line-height: 1.3125;
  font-family: Roboto Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: .75rem
}

.edx-vision .vision-description {
  margin-bottom: 44px;
  line-height: 1;
  font-size: 2.375rem;
  font-weight: 700
}

@media (min-width:992px) {
  .edx-vision .vision-description {
    line-height: 1.1;
    font-size: 2.5rem
  }
}

.edx-vision .content {
  padding-top: 80px;
  padding-bottom: 250px;
  background-image: url(/images/brand/globe-dark-sm.png);
  background-position: bottom;
  background-repeat: no-repeat
}

@media (min-width:768px) {
  .edx-vision .content {
    background-image: url(/images/brand/globe-dark-lg.png);
    background-position-x: right
  }
}

@media (min-width:992px) {
  .edx-vision .content {
    padding-bottom: 150px
  }
}

.email-opt-in-terms {
  font-size: .875rem;
  line-height: 1.25;
  color: #707070
}

@media (max-width:767.98px) {
  .email-opt-in {
    min-width: 13px
  }
}

.enroll-btn {
  padding: 8px 20px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none
}

.get-started .title {
  font-size: 2rem;
  font-weight: 700
}

.get-started .link {
  font-size: 1.3125rem
}

.hero {
  position: relative;
  margin-top: 40px;
  margin-bottom: 24px;
  padding: 30px;
  background: #f0f2f2;
  overflow: hidden
}

@media (max-width:991.98px) {
  .hero {
    padding: 30px 0
  }
}

.hero .btn {
  margin-right: 15px;
  margin-top: 5px
}

.hero .hero-title {
  padding-left: 4px;
  padding-top: 20px;
  line-height: 1.1;
  text-transform: none;
  text-shadow: none;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: 2.5rem;
  font-weight: 600
}

@media (min-width:992px) {
  .hero .hero-title {
    padding-top: 0
  }
}

@media (max-width:991.98px) {
  .hero .hero-title {
    font-size: 2rem
  }
}

.hero.background-light {
  background: #fbfaf9;
  color: #000
}

.hero.background-light .btn-prospectus-outline:focus,
.hero.background-light .btn-prospectus-outline:hover {
  background: #fff
}

.hero.background-blue {
  background: #00262b;
  color: #fff
}

.hero.background-blue .hero-title {
  color: #fff
}

@media only screen and (min-width:980px) {
  .hero {
    margin-top: 0;
    padding-top: 30px
  }
}

.hero .hero-content {
  position: relative;
  top: 0;
  right: 0;
  bottom: 30px;
  left: 0;
  padding: 0 18px 20px;
  z-index: 10;
  text-align: left;
  margin: 0 auto
}

@media (min-width:576px) {
  .hero .hero-content {
    padding-left: 20px;
    padding-right: 20px
  }
}

.hero .hero-subtitle {
  padding-left: 4px;
  font-size: 1.3rem;
  line-height: 30px
}

.hero .hero-responsive-image {
  position: absolute !important;
  max-width: none;
  right: 0;
  bottom: 0
}

@media (min-width:576px) {
  .hero .hero-responsive-image {
    top: 0
  }
}

.hero .hero-asset {
  width: 364px
}

@media (max-width:991.98px) {
  .product-landing-page .hero {
    position: relative
  }

  .product-landing-page .hero .hero-text-container:after {
    background: rgba(0, 0, 0, .7);
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
  }

  .product-landing-page .hero.background-blue .hero-text-container:after {
    background: rgba(0, 0, 0, .5)
  }

  .product-landing-page .hero .hero-text-wrapper {
    z-index: 5
  }

  .product-landing-page .hero .hero-subtitle,
  .product-landing-page .hero .hero-title {
    color: #fff
  }

  .product-landing-page .hero .hero-text-wrapper .btn {
    background-color: #fff;
    color: #00262b
  }
}

.icon-button {
  background: #fff;
  color: #00262b;
  fill: #00262b;
  border: 1px solid #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px
}

.icon-button.small {
  width: 36px;
  height: 36px
}

.icon-button:hover {
  background: #00262b;
  border-color: #00262b;
  color: #fff;
  fill: #fff
}

.icon-button:focus {
  border-color: #00262b;
  outline: none
}

.icon-button svg {
  width: 24px;
  height: 24px
}

.icon-list .icon-list-item .icon-title {
  font-size: 1.2rem;
  font-weight: 600
}

.icon-list .icon-list-item .icon-img {
  max-height: 48px
}

.icon-list .icon-list-item .icon-img-grid {
  max-height: 2rem
}

@media (max-width:991.98px) {
  .icon-list .icon-list-item .icon-img-grid {
    max-height: 1em;
    margin-right: .5rem
  }
}

@media (min-width:768px) {
  .icon-list .icon-list-item {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }

  .icon-list .row {
    margin-left: -1.25rem;
    margin-right: -1.25rem
  }
}

@media (min-width:992px) {
  .icon-list .icon-grid .icon-grid-row .icon-list-item {
    border-top: dotted
  }

  .icon-list .icon-grid .icon-grid-row:first-child .icon-list-item {
    border-top: 0
  }

  .icon-list .icon-grid .icon-grid-row .icon-list-item:first-child {
    border-right: dotted
  }
}

.icon-list.theme-light-grey {
  background-color: #fbfaf9;
  padding: 2rem 2rem .5rem
}

.footer .icon-list.theme-light-grey .section-title,
.icon-list.theme-light-grey .footer .section-title,
.icon-list.theme-light-grey .h2 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: -1rem;
  margin-right: -1rem
}

.icon-list.theme-light-grey .icon-list-item {
  margin: 0;
  padding: 0
}

@media (min-width:768px) {

  .footer .icon-list.theme-light-grey .section-title,
  .icon-list.theme-light-grey .footer .section-title,
  .icon-list.theme-light-grey .h2 {
    margin-left: 0;
    margin-right: 0
  }

  .icon-list.theme-light-grey .icon-list-item {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
}

.icon-list.theme-black {
  background-color: #000;
  color: #fff;
  padding: 0 5rem 2rem
}

.footer .icon-list.theme-black .section-title,
.icon-list.theme-black .footer .section-title,
.icon-list.theme-black .h2,
.icon-list.theme-black .h3 {
  color: #fff
}

.icon-list.theme-black .icon-list-item {
  padding: 0 5rem 2rem
}

.icon-list .fa-check,
.icon-list .fa-heart {
  width: 1em
}

@media (max-width:991.98px) {

  .icon-list .fa-check,
  .icon-list .fa-heart {
    margin: 0 .125em
  }
}

.tab-list {
  max-width: 700px;
  margin: 0 auto 40px;
  padding: 0;
  display: flex;
  list-style-type: none;
  flex-wrap: wrap
}

.tab-list .tab-item {
  margin: 5px 10px
}

.tab-list .tab-btn {
  background: #fff;
  color: #966dbd;
  border: 1px solid #966dbd;
  border-radius: 5px;
  padding: 15px 25px
}

.tab-list .tab-btn.active,
.tab-list .tab-btn:hover {
  color: #fff;
  background: #966dbd;
  border-color: #966dbd
}

.tab-panel {
  max-width: 600px;
  margin: 0 auto 70px
}

.tab-panel .lifestyle {
  display: block;
  margin: 10px auto
}

@media (min-width:1200px) {
  .tab-panel .lifestyle {
    position: absolute;
    top: 0
  }

  .tab-panel .lifestyle:first-of-type {
    left: 0
  }

  .tab-panel .lifestyle:last-of-type {
    right: 0
  }
}

.job-openings-list {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  page-break-inside: avoid
}

.job-openings-list .job-opening {
  margin: 0 10px 20px
}

.job-openings-list .job-link {
  text-decoration: none
}

@media (min-width:768px) {
  .job-openings-list {
    -webkit-column-count: 2;
    column-count: 2
  }
}

.marketing-banner {
  padding: 24px
}

@media (min-width:1200px) {
  .marketing-banner {
    padding-top: 32px;
    padding-bottom: 32px
  }
}

.marketing-banner .marketing-banner-wrapper {
  max-width: 720px
}

.marketing-banner .marketing-banner-wrapper.with-image {
  max-width: 1050px
}

.marketing-banner .marketing-banner-heading {
  line-height: 1.2;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: 1.875rem;
  font-weight: 600
}

.footer .marketing-banner .marketing-banner-heading.section-title,
.marketing-banner .footer .marketing-banner-heading.section-title,
.marketing-banner .marketing-banner-heading.h2 {
  margin-top: 0 !important
}

@media (min-width:576px) {
  .marketing-banner .marketing-banner-heading {
    font-size: 2.1875rem;
    line-height: 1.14
  }
}

@media (min-width:1200px) {
  .marketing-banner .marketing-banner-heading {
    font-size: 3.125rem;
    line-height: 1.12
  }
}

.marketing-banner .marketing-banner-description {
  line-height: 1.7;
  margin-bottom: 1.2rem;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 300
}

@media (min-width:576px) {
  .marketing-banner .marketing-banner-description {
    font-size: 1rem;
    line-height: 1.6
  }
}

@media (min-width:1200px) {
  .marketing-banner .marketing-banner-description {
    font-size: 1.25rem;
    line-height: 1.5
  }
}

.marketing-banner.theme-dark {
  background-color: #00262b
}

.marketing-banner.theme-dark .marketing-banner-description,
.marketing-banner.theme-dark .marketing-banner-heading {
  color: #fff
}

.marketing-banner.theme-light {
  background-color: #f2f0ef
}

.marketing-banner.theme-light .marketing-banner-description,
.marketing-banner.theme-light .marketing-banner-heading {
  color: #00262b
}

.marketing-takeover-container {
  background-color: #fbfaf9
}

.marketing-takeover-container .marketing-takeover {
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width:768px) {
  .marketing-takeover-container .marketing-takeover {
    padding-left: 4rem;
    padding-right: 4rem
  }

  .marketing-takeover-container .marketing-takeover .secondary-text {
    margin-bottom: 1.5em
  }
}

.marketing-takeover-container .marketing-takeover .secondary-text {
  margin-bottom: 1.2em
}

.marketing-takeover-container .marketing-takeover .text-block {
  width: 628px
}

.marketing-takeover-container .marketing-takeover .image-block {
  width: 459px
}

.marketing-takeover-container .parallelogram-container {
  padding: 0;
  display: flex;
  justify-content: flex-end
}

.marketing-takeover-container .parallelogram-container .parallelogram {
  width: 170px;
  height: 40px;
  background-color: #ccc;
  position: relative;
  left: 5px
}

@media (min-width:768px) {
  .marketing-takeover-container .parallelogram-container {
    justify-content: flex-start
  }

  .marketing-takeover-container .parallelogram-container .parallelogram {
    left: -100px;
    right: 5px
  }
}

.masters-program-detail-header {
  height: 100%;
  position: relative;
  color: #454545
}

.masters-program-detail-header .hero-flex {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 400px;
  position: absolute
}

.masters-program-detail-header .hero-texture {
  flex: 0 1;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.masters-program-detail-header .hero-img {
  flex: 2 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%
}

.masters-program-detail-header .hero-lrg-display {
  position: relative;
  width: 100%;
  height: 100%
}

.masters-program-detail-header .hero-lrg-display:before {
  content: "";
  position: absolute;
  background-color: #fff;
  height: 120px;
  width: 220px;
  bottom: 0;
  right: 0
}

.masters-program-detail-header .hero-box {
  position: relative;
  display: inline-block;
  background-color: #fff;
  margin: 0 0 200px;
  padding: 40px 40px 40px 10px;
  border-style: solid;
  border-width: 0 0 0 20px
}

.masters-program-detail-header .hero-box .hero-heading {
  color: #454545;
  font-weight: 700;
  font-size: 2.5rem
}

.masters-program-detail-header .hero-box .hero-subheading {
  color: #454545;
  font-size: 1.5rem
}

.masters-program-detail-header .hero-box .hero-rank {
  color: #454545;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700
}

.masters-program-detail-header .hero-logo {
  position: absolute;
  height: 100px;
  width: 200px;
  background-color: #fff;
  bottom: 0;
  right: 0;
  margin: 10px
}

@media (min-width:576px) {
  .masters-program-detail-header .hero-box {
    max-width: 60%
  }

  .masters-program-detail-header .hero-img {
    border-style: solid;
    border-width: 0 20px 0 0
  }
}

@media (min-width:992px) {
  .masters-program-detail-header .hero-texture {
    flex: 1 1
  }

  .masters-program-detail-header .hero-box {
    max-width: 960px
  }

  .masters-program-detail-header .hero-img {
    border-style: solid;
    border-width: 0 20px
  }
}

@media (min-width:1200px) {
  .masters-program-detail-header .hero-lrg-display {
    width: 1180px;
    margin: 0 auto
  }

  .masters-program-detail-header .hero-box {
    left: -25px;
    padding: 40px 40px 40px 20px;
    max-width: 1050px
  }

  .masters-program-detail-header .hero-logo {
    right: 0;
    z-index: 1
  }

  .masters-program-detail-header:after {
    content: "";
    position: absolute;
    background-color: #fff;
    height: 120px;
    width: calc((100% - 1180px)/2 + 220px);
    bottom: 0;
    right: 0
  }
}

.masters-start-with-a-micromasters {
  background-color: #fff;
  background-image: url(/images/program/masters-start-with-mm-sm.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%
}

@media (min-width:768px) {
  .masters-start-with-a-micromasters {
    background-image: url(/images/program/masters-start-with-mm-md.png)
  }
}

@media (min-width:992px) {
  .masters-start-with-a-micromasters {
    background-image: url(/images/program/masters-start-with-mm-lg.png)
  }
}

.masters-start-with-a-micromasters .content-wrapper {
  background: #fff
}

@media (min-width:768px) {
  .masters-start-with-a-micromasters .content-wrapper {
    width: 560px !important
  }
}

.masters-start-with-a-micromasters .cta-primary {
  width: 100%
}

@media (min-width:576px) {
  .masters-start-with-a-micromasters .cta-primary {
    width: auto
  }
}

.media-kit-page {
  padding-top: 75px;
  padding-bottom: 75px
}

.media-kit-page .download-kit-block {
  width: 260px;
  text-align: center
}

.media-kit-page .media-kit-description {
  width: 790px
}

.media-kit-page .download-kit-btn {
  width: 250px;
  background-color: #00688d;
  color: #fff
}

.media-kit-page .media-library-item {
  width: 200px;
  margin-right: 20px
}

.media-kit-page .media-item-link {
  line-height: 300%
}

.sub-menu {
  display: none;
  background: #ccc
}

.sub-menu.active {
  display: block
}

.modal-backdrop {
  background-color: #454545
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: .7
}

.modal-dialog {
  height: 100%;
  margin: auto;
  padding: .5rem
}

.modal-content {
  display: none;
  max-height: 100%
}

.modal-header {
  flex: 0 0 auto;
  padding-bottom: 1.25rem
}

.modal-body {
  overflow: auto
}

.modal-footer {
  flex: 0 0 auto;
  background-color: #f2faf7
}

.mobile-filter-menu-btn {
  color: #454545;
  background: #fff;
  font-size: 1rem;
  font-weight: 400
}

.mobile-filter-menu .modal-body {
  padding: 0
}

.mobile-filter-menu .modal-dialog {
  max-width: unset
}

@media (min-width:744px) {
  .mobile-filter-menu .modal-dialog {
    max-width: 688px
  }
}

.mobile-filter-menu .modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050
}

.mobile-filter-menu .modal-content .collapsible {
  width: 100%;
  margin-bottom: 0
}

.mobile-filter-menu .modal-content .collapsible .btn-collapsible {
  height: 64px;
  border-radius: 0;
  border-width: 0
}

.mobile-filter-menu .modal-content .collapsible .collapsible-body {
  max-height: unset;
  height: 0
}

.mobile-filter-menu .modal-content .collapsible .collapsible-body.open {
  height: 100%;
  position: relative;
  top: 0;
  width: 100%
}

.mobile-filter-menu .modal-content .list-group-item {
  min-height: 56px
}

@media (min-width:744px) {
  .mobile-filter-menu .modal-footer {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }
}

.mobile-filter-menu .modal-header .btn-close {
  right: 10px;
  color: #454545
}

.mobile-filter-menu .btn-primary {
  color: #fff;
  background-color: #00262b;
  text-transform: uppercase;
  font-weight: 700
}

.mobile-filter-menu .btn-primary,
.mobile-filter-menu .btn-secondary {
  border-radius: 2px;
  box-shadow: inset 1px 1px 4px 0 rgba(0, 0, 0, .3);
  border: 1px solid #ccc;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: 1rem
}

.mobile-filter-menu .btn-secondary {
  color: #707070;
  background-color: #fff;
  font-weight: 400
}

.mobile-filter-menu.show .modal-content {
  display: flex
}

.modal.show {
  position: fixed;
  background-color: transparent;
  max-height: 100%;
  width: 100%
}

.modal.show:focus .modal-dialog {
  box-shadow: 0 0 0 1px #00262b
}

.paypal-link-module .list-inline-item {
  padding: 0 10px
}

.site-footer-wrapper .area-1 img {
  max-width: 30%
}

.site-footer-wrapper .text-primary {
  color: #00262b !important
}

.facts .fact {
  margin-top: 30px
}

.facts .fact:first-child {
  margin-top: 0
}

@media (min-width:768px) {
  .facts .fact {
    margin-top: 0
  }
}

.facts .fact .title {
  border-bottom: 2px solid #f0cc00;
  border-left-width: 0;
  border-right-width: 0;
  -o-border-image: linear-gradient(90deg, #f0cc00, hsla(0, 0%, 100%, .001)) 1 stretch;
  border-image: linear-gradient(90deg, #f0cc00, hsla(0, 0%, 100%, .001)) 1 stretch;
  border-top: 0;
  padding-bottom: 5px;
  margin-bottom: 4px
}

.facts .fact .h4 {
  padding-top: 8px
}

.facts .fact .fact-link {
  display: flex;
  justify-content: left
}

.faq-list .collapsible .btn-collapsible {
  border-radius: 4px
}

.faq-list .collapsible.open .btn-collapsible {
  border-radius: 4px 4px 0 0
}

.faq-list .faq-question {
  font-size: 1.25rem
}

.faq-list .faq-answer {
  padding: 5px
}

.faq-container {
  max-width: 800px
}

.hubspot-capture-container {
  margin-top: 30px;
  width: 100%;
  border: 1px solid #e6e6e6;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
  border-radius: 4px;
  max-width: 100%
}

@media only screen and (min-width:980px) {
  .hubspot-capture-container {
    width: 600px
  }
}

.hubspot-capture-container .hs-form-iframe {
  width: 100% !important
}

.hubspot-capture-container .form-content-container {
  padding: 0 20px 20px
}

.hubspot-capture-container .form-content-container .required-note {
  margin-bottom: 10px
}

.hubspot-capture-container .inset-form-banner {
  position: relative;
  width: 100%;
  min-height: 80px;
  background-color: #eff8fa;
  border-top-right-radius: inherit;
  border-top-left-radius: inherit;
  margin-bottom: 80px;
  z-index: 0;
  align-items: normal;
  justify-content: normal;
  text-align: left
}

.hubspot-capture-container .inset-form-banner:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 51%;
  background-color: #eff8fa;
  transform: rotate(10deg);
  transform-origin: bottom left;
  bottom: 0;
  border-radius: 0;
  z-index: -1
}

.hubspot-capture-container .inset-form-banner:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 51%;
  background-color: #eff8fa;
  transform: rotate(-10deg);
  transform-origin: bottom right;
  bottom: 0;
  right: 0;
  border-radius: 0 60px 0 0;
  z-index: -1
}

.hubspot-capture-container .inset-form-headline {
  font-weight: 600;
  font-size: 1.5em;
  color: #065683;
  text-align: center;
  padding: 20px 50px;
  margin: 0 25px
}

.alert-dialog {
  overflow-wrap: break-word
}

.alert-dialog .alert-message {
  width: calc(100% - 48px)
}

.instructor {
  margin: 10px 0
}

.instructor .instructor-card-wrapper {
  display: flex;
  flex-flow: column wrap
}

@media (min-width:576px) {
  .instructor .instructor-card-wrapper {
    flex-direction: row
  }
}

.instructor .instructor-image-wrapper {
  width: 72px;
  margin-bottom: 10px
}

.instructor .default-user {
  background: #eff8fa;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #00688d;
  font-size: 1.5rem
}

.instructor .name {
  color: #00262b;
  margin-bottom: 5px;
  text-decoration: underline
}

.instructor .title {
  color: #454545;
  margin-bottom: 5px
}

.instructor .org {
  color: #454545
}

@media (min-width:576px) {
  .instructor .instructor-details {
    width: calc(100% - 72px);
    padding-left: 15px
  }
}

.instructor-list {
  display: flex;
  flex-flow: column wrap
}

@media (min-width:992px) {
  .instructor-list {
    flex-direction: row
  }

  .instructor-list .instructor {
    padding-right: 30px
  }
}

.instructor-header .instructor-header-background {
  height: 192px;
  background: #1c8dbe
}

.instructor-header .instructor-header-background .pattern {
  height: 100%;
  background-image: url(/images/backgrounds/rotated-squares.png);
  background-repeat: repeat-x;
  background-size: auto 100%
}

.instructor-header .instructor-image {
  width: 110px;
  height: 110px;
  background: #eff8fa;
  margin-top: -55px;
  overflow: hidden
}

.instructor-overview .h1 {
  font-size: 2rem;
  color: #454545
}

@media only screen and (min-width:980px) {
  .instructor-overview .h1 {
    font-size: 2.5rem
  }
}

.instructor-overview .dash-list .dash-list-item:before {
  content: "-";
  margin-right: 5px
}

.instructor-overview .social-links-list .social-links-list-item {
  margin-bottom: 18px
}

.instructor-overview .social-links-list .social-links-list-item .social-icon:focus,
.instructor-overview .social-links-list .social-links-list-item .social-icon:hover {
  color: #00262b
}

.instructor-overview .skeleton {
  height: 50px
}

.lead-capture .input,
.lead-capture .select,
.masters-lead-form-field {
  width: 99%;
  height: 50px;
  padding: 0 10px;
  margin-top: 5px;
  border: 1px solid #ebebeb;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, .3);
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff
}

.lead-capture {
  width: 559px;
  background-color: #fff;
  border-radius: 3px
}

.lead-capture .inset-form-banner {
  background-color: #eff8fa;
  align-items: center;
  justify-content: center;
  text-align: center
}

.lead-capture .inset-form-headline {
  font-weight: 400;
  font-size: 1.5em;
  color: #065683;
  padding-top: .7em;
  margin: 0 25px
}

.lead-capture .inset-form-arrow {
  width: 0;
  height: 0;
  border-top: 4em solid #eff8fa;
  border-left: 280px solid transparent;
  border-right: 280px solid transparent
}

.lead-capture .inset-form-container {
  align-items: center;
  justify-content: center;
  margin: 20px
}

.lead-capture .detail-block-h2 {
  font-weight: 600;
  padding: 20px 50px;
  margin-bottom: -.5em
}

.lead-capture .disclaimer-container {
  background-color: #f0f2f2;
  padding: 20px;
  margin-top: 10px;
  border-radius: 3px
}

@media only screen and (min-width:980px) {
  .lead-capture {
    height: 100%;
    padding-bottom: 40px
  }
}

@media only screen and (max-width:559px) {
  .lead-capture {
    width: 100%
  }

  .lead-capture .inset-form-arrow {
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent
  }

  .lead-capture .detail-block-h2 {
    padding: 20px 0
  }
}

.lead-capture .select {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.lead-capture .form-interactive-element-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 20px
}

.lead-capture .form-interactive-element-wrapper.stacked {
  flex-direction: column
}

.lead-capture .form {
  max-width: 50%
}

.lead-capture .input-error {
  border: 1px solid #ab0d02
}

.lead-capture .error-msg {
  color: #ab0d02
}

.lead-capture .error-msg .span {
  padding-left: 5px
}

.lead-capture .field-container {
  margin-bottom: 10px
}

.lead-capture .validation-msg {
  padding-top: 10px;
  padding-left: 10px
}

.lead-capture .validation-msg .icon {
  margin-right: 10px;
  color: #4e4e4e
}

.lead-capture .validation-msg .msg-title {
  margin-bottom: 0
}

.lead-capture .validation-msg.error {
  background-color: #fcf1f4;
  background-image: none;
  border: 2px solid #f3aea9
}

.lead-capture .validation-msg.error .msg-title {
  color: #454545
}

.lead-capture .validation-msg.error .msg-content {
  color: #646464
}

.lead-capture .validation-msg.success {
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 50px;
  background-color: #bbe6d7;
  background-image: none;
  border: 2px solid #bbe6d7
}

.lead-capture .validation-msg.success .msg-title {
  color: #454545;
  padding-left: 10px
}

.lead-capture .validation-msg.success .msg-content {
  color: #646464;
  padding-left: 10px;
  padding-right: 20%
}

.lead-capture .validation-msg.success .msg-aligned-text {
  position: relative;
  left: 25px
}

.lead-capture.thank-you {
  margin-bottom: 64px
}

.lead-capture .thank-you-content {
  margin-bottom: 50px;
  color: #646464
}

.masters-card {
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  display: block;
  background: #fff;
  overflow: hidden;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  transition: box-shadow .5s;
  font-size: 1em;
  font-weight: 400;
  color: #212529;
  text-decoration: none;
  position: relative;
  height: 30rem
}

.masters-card:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
  border: 1px solid #ebebeb
}

.masters-card:focus {
  outline: 1px dotted #212529;
  outline-offset: 1px;
  border: 1px solid #ebebeb
}

.masters-card .img-wrapper {
  overflow: hidden;
  height: 100px;
  width: 100%;
  position: relative;
  background: #eff8fa
}

.masters-card .img-wrapper .masters-card-img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.masters-card .learn-more-label {
  margin: 20px auto 0;
  padding: 8px 20px;
  text-align: center;
  transition: background-color .5s, border-color .5s, color .5s;
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  width: 90%
}

.masters-card:hover {
  text-decoration: none
}

.masters-card:hover .img-wrapper:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, .6);
  transition: background-color .5s
}

.masters-card .banner {
  background-color: #454545;
  color: #fff;
  padding: 2px 20px
}

.masters-card .card-content {
  padding: 20px
}

.masters-card .card-header {
  margin-bottom: 10px
}

.masters-card .card-title {
  font-size: 1.25em;
  font-weight: 400;
  margin: 0;
  padding: 0
}

.masters-card .card-partner {
  color: #646464;
  margin: 0
}

.masters-card .masters-card-icon-list {
  padding: 0;
  margin: 0;
  list-style: none
}

.masters-card .masters-card-icon-list-item {
  margin-top: 10px
}

.masters-card .masters-card-icon-list-item:after {
  display: block;
  clear: both;
  content: ""
}

.masters-card .masters-card-icon-list-item:first-child {
  margin-top: 0
}

.masters-card .masters-icon-bg {
  display: block;
  text-align: center;
  background-color: #e1dddb;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  float: left;
  margin-right: 5px
}

.masters-card .masters-mini-icon {
  color: #00262b
}

.masters-link-list-item {
  box-sizing: border-box;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  display: block;
  background: #fff;
  overflow: hidden;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  transition: box-shadow .5s;
  transition: background-color .5s, border-color .5s, box-shadow .5s, color .5s;
  height: 6.75rem;
  color: #00688d
}

.masters-link-list-item:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
  border: 1px solid #ebebeb
}

.masters-link-list-item:focus {
  outline: 1px dotted #212529;
  outline-offset: 1px;
  border: 1px solid #ebebeb
}

.masters-link-list-item:hover {
  background-color: #f0f2f2;
  border: 1px solid #00688d
}

.masters-link-list-item:hover .masters-coming-soon-title {
  color: #065683
}

.masters-storytelling-section .masters-storytelling-image {
  max-width: 350px
}

.masters-storytelling-section .masters-storytelling-image .img-wrapper {
  padding: 0 0 40px
}

.masters-storytelling-section .masters-storytelling-text {
  max-width: 350px
}

.masters-storytelling-section .masters-storytelling-text .masters-storytelling-items {
  color: #707070
}

.masters-storytelling-section .masters-storytelling-text .masters-storytelling-items .masters-storytelling-item {
  padding: 0 0 60px
}

.masters-storytelling-section .masters-storytelling-text .masters-storytelling-items .masters-storytelling-item .masters-storytelling-title {
  color: #707070;
  font-weight: 300;
  font-size: 2em;
  padding: 0 0 5px;
  margin: 0;
  text-align: left
}

.masters-storytelling-section .masters-storytelling-text .masters-storytelling-items .masters-storytelling-item .masters-storytelling-subtitle {
  font-size: 1em;
  font-weight: 600;
  text-align: left;
  margin: 0;
  padding: 0
}

@media only screen and (min-width:980px) {
  .masters-storytelling-section {
    flex-direction: row;
    align-items: center
  }

  .masters-storytelling-section .masters-storytelling-text {
    max-width: 350px
  }

  .masters-storytelling-section .masters-storytelling-image {
    max-width: 550px
  }

  .masters-storytelling-section .masters-storytelling-image .img-wrapper {
    padding: 0
  }
}

.percentage-chart-wrapper {
  position: relative
}

.percentage-chart-baseline {
  stroke: #9cc6ce;
  fill: none
}

.percentage-chart-progress {
  stroke: #456c73;
  fill: none;
  transition: stroke-dashoffset 2s ease-out
}

.percentage-chart-content {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center
}

.preview-expand-body {
  max-height: 130px;
  height: auto;
  overflow: hidden;
  position: relative;
  transition: max-height .5s ease
}

.preview-expand-body:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24px;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
}

.preview-expand-body.expanded,
.preview-expand-body:focus-within {
  max-height: 2000px;
  transition: max-height 1s ease
}

.preview-expand-body.expanded:after,
.preview-expand-body:focus-within:after {
  display: none
}

.preview-expand-cta {
  background: none;
  border: none;
  color: #00262b
}

.program-hero {
  padding: 20px 0;
  background: #00262b url("/static/images/product_pages/masters_banner-lg.png") no-repeat 50%;
  background-size: cover
}

.program-hero-text {
  color: #fff
}

.program-headline {
  color: #fff;
  margin: 0 0 20px;
  padding: 0;
  font-size: 2.5em;
  font-weight: 700;
  word-wrap: normal
}

.program-hero-description-points {
  font-size: 1.5em;
  font-weight: 400
}

.program-hero-description-points .program-hero-description-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  width: 120%
}

.program-hero-description-points .program-hero-description-list .program-hero-description-list-item {
  display: inline;
  margin: 0 0 0 10px
}

.program-hero-description-points .program-hero-description-list .program-hero-description-list-item:before {
  content: "\2022";
  margin: 0 10px 0 0
}

.program-hero-description-points .program-hero-description-list .program-hero-description-list-item:first-child {
  margin-left: 0
}

.program-hero-description-points .program-hero-description-list .program-hero-description-list-item:first-child:before {
  content: "";
  margin-right: 0
}

.program-hero-logo {
  width: 190px
}

@media (min-width:992px) {
  .program-hero-logo {
    width: 300px
  }
}

.program-hero-logo .masters-logo-fill {
  opacity: .4;
  fill: #fff
}

.quote-module {
  background: #e5e5e5;
  color: #000;
  padding: 24px
}

@media (min-width:768px) {
  .quote-module {
    padding: 51px 97px
  }

  .quote-module .quote-img-wrapper {
    width: 170px;
    height: 170px
  }
}

.quote-module .quote-img {
  width: 170px;
  height: 170px;
  max-width: none
}

.quote-module .quote-text-wrapper {
  max-width: 752px
}

.quote-module .quote-text-wrapper .attribution {
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 500
}

.quote-module .quote-text-wrapper .cta {
  line-height: 1.5;
  color: #00262b;
  font-size: .875rem;
  font-weight: 400
}

.quote-module.light-blue-theme {
  background: #f4f7ff
}

.quote-module.grey-theme {
  background: #2e323d
}

.quote-module.grey-theme .attribution,
.quote-module.grey-theme .cta,
.quote-module.grey-theme .h3 {
  color: #fff
}

.quote-module.dark-blue-theme {
  background: #00262b
}

.quote-module.dark-blue-theme .attribution,
.quote-module.dark-blue-theme .cta,
.quote-module.dark-blue-theme .h3 {
  color: #fff
}

.search-box .label {
  color: #fff;
  margin-bottom: .25rem;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: .8125rem;
  font-weight: 600
}

@media only screen and (min-width:768px) {
  .search-box .label {
    margin-bottom: .5rem;
    font-size: 1rem
  }
}

.search-box .search-icon {
  width: 40px
}

.search-box .btn-search-submit {
  right: 0
}

.search-box .search-bar {
  height: 48px;
  font-weight: 500;
  border-radius: 2px;
  padding-left: 38px;
  outline-offset: 0
}

.search-box .search-bar:focus,
.search-box .search-bar:hover {
  padding-right: 44px;
  box-shadow: none;
  border: 1px solid #2d494e !important;
  outline-style: solid;
  outline-color: #9cd2e6
}

.search-box .search-bar:hover {
  outline-width: 1px
}

.search-box .search-bar:focus {
  outline-width: 3px
}

.btn-clear-refinements {
  padding-top: 1px;
  padding-bottom: 1px
}

.current-refinements .list-inline {
  margin-bottom: -1rem
}

.current-refinements .badge-facet {
  height: 1.75rem;
  color: #707070;
  padding: 0;
  display: flex;
  align-items: center;
  border-radius: 2px;
  font-size: .875rem;
  font-weight: 400
}

.current-refinements .badge-facet .btn-clear {
  line-height: 1;
  color: #707070
}

.filters:not(.mobile) .facet-list {
  margin-right: 16px
}

.facet-list .facet-label {
  font-weight: 400;
  margin-top: 1px
}

.facet-list .facet-target:focus,
.facet-list .facet-target:hover {
  cursor: pointer
}

.facet-list .facet-target:focus .facet-label,
.facet-list .facet-target:hover .facet-label {
  font-weight: 700
}

.facet-list .facet-checkbox {
  margin-top: 5px
}

.facet-list .facet-checkbox:focus~.facet-label {
  font-weight: 700
}

.facet-list .btn-collapsible {
  color: #454545;
  border-color: #2d494e;
  padding: 5px 10px;
  font-size: 1rem;
  font-weight: 400
}

.facet-list .btn-collapsible.open {
  border-color: #2d494e
}

.facet-list .collapsible {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin-bottom: 0
}

.facet-list .collapsible .collapsible-body {
  position: absolute;
  top: 50px;
  z-index: 1060;
  background: #fff;
  max-height: 250px;
  width: 100%;
  overflow-y: scroll;
  border-radius: 2px;
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, .2);
  border: .5px solid #707070;
  padding: 0
}

@media (min-width:780px) {
  .facet-list .collapsible .collapsible-body {
    width: 400px
  }
}

.filters.mobile .facet-list .collapsible {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ccc
}

.filters.mobile .facet-list .btn-collapsible {
  box-shadow: none
}

.facet-list .badge-pill {
  background: #00262b;
  margin-top: 1px
}

.search-link-card {
  height: 270px;
  width: 270px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
  color: #454545;
  background-color: #9cd2e6;
  font-size: 1.5rem;
  padding: 0 2rem;
  text-align: center;
  border-color: #bfc9ca;
  border-radius: 3px;
  border-width: 1px;
  white-space: normal
}

.page-link {
  color: #00262b
}

.page-item.active .page-link {
  background-color: #00262b
}

.sitewide-banner {
  line-height: 1.25;
  font-size: .875rem
}

.sitewide-banner .btn-close {
  border: none;
  top: 0;
  right: 0
}

.footer {
  background-color: #fcfcfc;
  color: #00262b;
  padding-top: 64px
}

.footer .medium-column {
  min-width: 222px
}

.footer .large-column {
  min-width: 264px
}

.footer .social-media-share-button {
  background-color: #00262b;
  padding: 1px
}

.footer .app-download-badge {
  max-height: 39px
}

.footer .download-links {
  max-width: 264px
}

.footer .white {
  color: #fff
}

.footer .section-title {
  font-size: 1rem
}

.footer .footer-link {
  color: #00262b
}

.footer .edx-logo {
  width: 105px;
  margin-left: -9px
}

.footer .body-small {
  font-size: .875rem;
  line-height: 1.5
}

.social-media-share-button {
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #00262b !important
}

.social-media-share-button .social-icon {
  margin: 0
}

.social-media-share-button:focus,
.social-media-share-button:hover {
  cursor: pointer
}

.split-view {
  max-width: none;
  margin: 0 auto
}

@media (min-width:576px) {
  .split-view {
    padding-top: 40px;
    padding-bottom: 40px
  }
}

.split-view .media-module {
  margin-top: 3rem
}

.split-view .split-view-heading {
  margin-top: 1.5rem
}

.split-view .cms-module-max-width {
  margin: 0;
  max-width: none
}

.split-view .split-view-left,
.split-view .split-view-right {
  margin: 0;
  padding: 0
}

.split-view.break-on-xs .split-view-left {
  padding-right: 16px
}

.split-view.break-on-xs .split-view-right {
  padding-left: 16px
}

.split-view.break-on-xs .reverse-on-mobile {
  order: 1
}

.split-view.break-on-xs .media-module {
  margin: 0
}

@media (min-width:576px) {
  .split-view.break-on-sm .split-view-left {
    padding-right: 16px
  }

  .split-view.break-on-sm .split-view-right {
    padding-left: 16px
  }

  .split-view.break-on-sm .reverse-on-mobile {
    order: 1
  }

  .split-view.break-on-sm .media-module {
    margin: 0
  }
}

@media (min-width:768px) {
  .split-view.break-on-md .split-view-left {
    padding-right: 16px
  }

  .split-view.break-on-md .split-view-right {
    padding-left: 16px
  }

  .split-view.break-on-md .reverse-on-mobile {
    order: 1
  }

  .split-view.break-on-md .media-module {
    margin: 0
  }
}

@media (min-width:992px) {
  .split-view.break-on-lg .split-view-left {
    padding-right: 16px
  }

  .split-view.break-on-lg .split-view-right {
    padding-left: 16px
  }

  .split-view.break-on-lg .reverse-on-mobile {
    order: 1
  }

  .split-view.break-on-lg .media-module {
    margin: 0
  }
}

@media (min-width:1200px) {
  .split-view.break-on-xl .split-view-left {
    padding-right: 16px
  }

  .split-view.break-on-xl .split-view-right {
    padding-left: 16px
  }

  .split-view.break-on-xl .reverse-on-mobile {
    order: 1
  }

  .split-view.break-on-xl .media-module {
    margin: 0
  }
}

.split-view.theme-grid {
  padding: 0
}

.split-view.theme-grid .split-view-left>*,
.split-view.theme-grid .split-view-right>* {
  margin: 0
}

.split-view.theme-grid .text-module-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  background-color: #fbfaf9
}

@media (min-width:992px) {
  .split-view.theme-grid .text-module {
    padding: 3rem;
    margin: 0
  }
}

.split-view.theme-grid .split-view-item {
  padding: 0
}

.footer .split-view.theme-grid .section-title,
.split-view.theme-grid .footer .section-title,
.split-view.theme-grid .h2 {
  font-size: 1.5rem
}

.split-view.theme-grid .text-module {
  padding: 3rem
}

.footer .split-view.theme-grid .text-module .section-title,
.split-view.theme-grid .text-module .footer .section-title,
.split-view.theme-grid .text-module .h2 {
  display: none
}

.split-view.theme-grid .media-module {
  padding: 0
}

.split-view.theme-grid.break-on-xs .split-view-heading {
  display: none
}

.footer .split-view.theme-grid.break-on-xs .text-module .section-title,
.split-view.theme-grid.break-on-xs .text-module .footer .section-title,
.split-view.theme-grid.break-on-xs .text-module .h2 {
  display: block
}

@media (min-width:576px) {
  .split-view.theme-grid.break-on-sm .split-view-heading {
    display: none
  }

  .footer .split-view.theme-grid.break-on-sm .text-module .section-title,
  .split-view.theme-grid.break-on-sm .text-module .footer .section-title,
  .split-view.theme-grid.break-on-sm .text-module .h2 {
    display: block
  }
}

@media (min-width:768px) {
  .split-view.theme-grid.break-on-md .split-view-heading {
    display: none
  }

  .footer .split-view.theme-grid.break-on-md .text-module .section-title,
  .split-view.theme-grid.break-on-md .text-module .footer .section-title,
  .split-view.theme-grid.break-on-md .text-module .h2 {
    display: block
  }
}

@media (min-width:992px) {
  .split-view.theme-grid.break-on-lg .split-view-heading {
    display: none
  }

  .footer .split-view.theme-grid.break-on-lg .text-module .section-title,
  .split-view.theme-grid.break-on-lg .text-module .footer .section-title,
  .split-view.theme-grid.break-on-lg .text-module .h2 {
    display: block
  }
}

@media (min-width:1200px) {
  .split-view.theme-grid.break-on-xl .split-view-heading {
    display: none
  }

  .footer .split-view.theme-grid.break-on-xl .text-module .section-title,
  .split-view.theme-grid.break-on-xl .text-module .footer .section-title,
  .split-view.theme-grid.break-on-xl .text-module .h2 {
    display: block
  }
}

.split-view.theme-grid+.media-module {
  margin-top: 1.5rem
}

@media (min-width:768px) {
  .split-view.theme-grid+.media-module {
    margin-top: 6rem
  }
}

.subject-topics {
  position: relative;
  background-color: #f2f0ef
}

.subject-topics .padding-wrapper {
  padding: 10px 15px 0
}

.subject-topics>.container {
  padding-top: 50px;
  padding-bottom: 60px
}

.badge-topic,
.subject-topics .title {
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-weight: 700
}

.badge-topic {
  padding: 10px 20px;
  margin: 0 0 10px;
  border-radius: 21px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
  background-color: #fff;
  border: 1px solid #bfc9ca;
  width: 100%;
  color: #00262b;
  font-size: 1.125rem;
  font-align: center
}

.badge-topic:focus,
.badge-topic:hover {
  background-color: #f0f2f2;
  border: 1px solid #00262b;
  text-decoration: none;
  color: #00262b
}

@media (min-width:768px) {
  .badge-topic {
    width: calc((100% - 10px)/2)
  }

  .badge-topic:nth-of-type(odd) {
    margin-right: 10px
  }
}

@media (min-width:992px) {
  .badge-topic {
    width: calc((100% - 20px)/3)
  }

  .badge-topic:nth-of-type(odd) {
    margin-right: 0
  }

  .badge-topic:not(:nth-of-type(3n)) {
    margin-right: 10px
  }
}

.testimonial-module .testimonial-img {
  width: 150px;
  height: 150px
}

.text-module {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.topic-routing {
  margin-bottom: 52px;
  padding-top: 50px;
  padding-bottom: 55px;
  background: url(/images/product_pages/pattern/stacked-lines-yellow.png) repeat-x 50%;
  background-size: cover
}

@media (min-width:768px) {
  .topic-routing {
    margin-bottom: 80px;
    padding-top: 70px;
    padding-bottom: 60px
  }
}

.topic-routing .topic-section-title {
  margin-bottom: -5px !important;
  line-height: normal;
  font-weight: 700;
  font-family: Inter, Helvetica Neue, Arial, sans-serif
}

@media (min-width:576px) {
  .topic-routing .topic-section-title {
    margin-bottom: 5px !important
  }
}

.topic-routing .related-topics-list {
  display: block;
  align-items: center
}

@media (min-width:768px) {
  .topic-routing .related-topics-list {
    display: flex;
    flex-wrap: wrap
  }
}

.topic-routing .related-topics-list .topic-item {
  margin-top: 20px;
  font-size: 1.125rem
}

.topic-routing .related-topics-list .topic-item .arrow-icon {
  color: #00262b
}

.topic-routing .related-subjects-list {
  display: block
}

@media (min-width:992px) {
  .topic-routing .related-subjects-list {
    display: flex;
    flex-wrap: wrap
  }
}

.topic-routing .related-subjects-list .subject-btn {
  margin-top: 9px;
  margin-bottom: 7px;
  margin-right: 12px;
  color: #00262b;
  background: #fff;
  border: 1px solid #bfc9ca;
  border-radius: 21px;
  padding: 8px 45px;
  text-decoration: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
  font-size: 1.125rem;
  font-weight: 700
}

@media (min-width:576px) {
  .topic-routing .related-subjects-list .subject-btn {
    margin-top: 5px;
    margin-bottom: 5px
  }
}

.topic-routing .related-subjects-list .subject-btn:focus,
.topic-routing .related-subjects-list .subject-btn:hover {
  background: #f0f2f2
}

.trust-edx-container {
  background: #eff8fa;
  padding: 40px 0
}

.universal-design .text-block {
  padding-left: 0
}

@media (max-width:991.98px) {
  .universal-design .text-block {
    padding-bottom: 3rem !important
  }
}

.verified-certificate-page {
  display: block
}

.verified-certificate-page .page-node-1090 #main-content {
  padding: 0
}

.verified-certificate-page div.separator-section {
  border-bottom: 10px solid #ebebeb
}

.verified-certificate-page .ui-wrapper {
  *zoom: 1;
  box-sizing: border-box;
  width: 100%
}

.verified-certificate-page .ui-wrapper:after,
.verified-certificate-page .ui-wrapper:before {
  content: " ";
  display: table
}

.verified-certificate-page .ui-wrapper:after {
  clear: both
}

.verified-certificate-page .ui-window {
  *zoom: 1;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  margin-bottom: 20px;
  border: 1px solid #a4a6a8;
  background: #fff
}

.verified-certificate-page .ui-window:after,
.verified-certificate-page .ui-window:before {
  content: " ";
  display: table
}

.verified-certificate-page .ui-window:after {
  clear: both
}

.verified-certificate-page .ui-fake-link {
  cursor: pointer
}

.verified-certificate-page .ui-disabled {
  pointer-events: none;
  outline: none
}

.verified-certificate-page .ui-depth0 {
  z-index: 0
}

.verified-certificate-page .ui-depth1 {
  z-index: 10
}

.verified-certificate-page .ui-depth2 {
  z-index: 100
}

.verified-certificate-page .modal-cover,
.verified-certificate-page .ui-depth3 {
  z-index: 1000
}

.verified-certificate-page .modal,
.verified-certificate-page .ui-depth4 {
  z-index: 10000
}

.verified-certificate-page .ui-depth5 {
  z-index: 100000
}

.verified-certificate-page .ui-btn {
  box-sizing: border-box;
  transition: color .25s ease-in-out 0s, border-color .25s ease-in-out 0s, background .25s ease-in-out 0s, box-shadow .25s ease-in-out 0s;
  display: inline-block;
  cursor: pointer
}

.verified-certificate-page .ui-btn.disabled,
.verified-certificate-page .ui-btn.is-disabled,
.verified-certificate-page .ui-btn[disabled] {
  cursor: default;
  pointer-events: none;
  opacity: .5
}

.verified-certificate-page .ui-btn .icon-inline {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px
}

.verified-certificate-page .ui-well {
  box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, .2);
  padding: 15px 20px
}

.verified-certificate-page .list-actions,
.verified-certificate-page .list-nav,
.verified-certificate-page .list-semantic,
.verified-certificate-page .ui-no-list,
.verified-certificate-page .view-home .list-proofpoints,
.verified-certificate-page .view-home .list-simplelist,
.verified-certificate-page .view-home .list-subpoints,
.verified-certificate-page .view-home .list-walkthrough,
.verified-certificate-page .view-index .list-proofpoints,
.verified-certificate-page .view-index .list-simplelist,
.verified-certificate-page .view-index .list-subpoints,
.verified-certificate-page .view-index .list-walkthrough,
.verified-certificate-page .view-landing .list-proofpoints,
.verified-certificate-page .view-landing .list-simplelist,
.verified-certificate-page .view-landing .list-subpoints,
.verified-certificate-page .view-landing .list-walkthrough,
.verified-certificate-page .view-signin .list-proofpoints,
.verified-certificate-page .view-signin .list-simplelist,
.verified-certificate-page .view-signin .list-subpoints,
.verified-certificate-page .view-signin .list-walkthrough,
.verified-certificate-page .view-signup .list-proofpoints,
.verified-certificate-page .view-signup .list-simplelist,
.verified-certificate-page .view-signup .list-subpoints,
.verified-certificate-page .view-signup .list-walkthrough {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 0
}

.verified-certificate-page .list-actions li,
.verified-certificate-page .list-nav li,
.verified-certificate-page .list-semantic li,
.verified-certificate-page .ui-no-list li,
.verified-certificate-page .view-home .list-proofpoints li,
.verified-certificate-page .view-home .list-simplelist li,
.verified-certificate-page .view-home .list-subpoints li,
.verified-certificate-page .view-home .list-walkthrough li,
.verified-certificate-page .view-index .list-proofpoints li,
.verified-certificate-page .view-index .list-simplelist li,
.verified-certificate-page .view-index .list-subpoints li,
.verified-certificate-page .view-index .list-walkthrough li,
.verified-certificate-page .view-landing .list-proofpoints li,
.verified-certificate-page .view-landing .list-simplelist li,
.verified-certificate-page .view-landing .list-subpoints li,
.verified-certificate-page .view-landing .list-walkthrough li,
.verified-certificate-page .view-signin .list-proofpoints li,
.verified-certificate-page .view-signin .list-simplelist li,
.verified-certificate-page .view-signin .list-subpoints li,
.verified-certificate-page .view-signin .list-walkthrough li,
.verified-certificate-page .view-signup .list-proofpoints li,
.verified-certificate-page .view-signup .list-simplelist li,
.verified-certificate-page .view-signup .list-subpoints li,
.verified-certificate-page .view-signup .list-walkthrough li {
  margin: 0;
  padding: 0
}

.verified-certificate-page .cont-text-hide {
  text-indent: 100%;
  overflow: hidden
}

.verified-certificate-page .cont-text-sr,
.verified-certificate-page .sr,
.verified-certificate-page .view-home .wrapper-header .title-org,
.verified-certificate-page .view-home .wrapper-walkthrough .list-walkthrough .walkthrough-step .details,
.verified-certificate-page .view-home .wrapper-walkthrough .list-walkthrough .walkthrough-step .list-actions,
.verified-certificate-page .view-index .wrapper-header .title-org,
.verified-certificate-page .view-index .wrapper-walkthrough .list-walkthrough .walkthrough-step .details,
.verified-certificate-page .view-index .wrapper-walkthrough .list-walkthrough .walkthrough-step .list-actions,
.verified-certificate-page .view-landing .wrapper-header .title-org,
.verified-certificate-page .view-landing .wrapper-walkthrough .list-walkthrough .walkthrough-step .details,
.verified-certificate-page .view-landing .wrapper-walkthrough .list-walkthrough .walkthrough-step .list-actions,
.verified-certificate-page .view-signin .wrapper-header .title-org,
.verified-certificate-page .view-signin .wrapper-walkthrough .list-walkthrough .walkthrough-step .details,
.verified-certificate-page .view-signin .wrapper-walkthrough .list-walkthrough .walkthrough-step .list-actions,
.verified-certificate-page .view-signup .wrapper-header .title-org,
.verified-certificate-page .view-signup .wrapper-walkthrough .list-walkthrough .walkthrough-step .details,
.verified-certificate-page .view-signup .wrapper-walkthrough .list-walkthrough .walkthrough-step .list-actions {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.verified-certificate-page #faqs-header {
  color: #000
}

.verified-certificate-page .cont-text-wrap {
  text-wrap: wrap;
  word-wrap: break-word
}

.verified-certificate-page .cont-truncated {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis
}

.verified-certificate-page [class|=wrapper] {
  padding: 0
}

.verified-certificate-page [class|=wrapper]>* {
  margin: 0 auto
}

.verified-certificate-page .hd-lv1,
.verified-certificate-page .hd-lv1-alt,
.verified-certificate-page .hd-lv2,
.verified-certificate-page .hd-lv2-alt,
.verified-certificate-page .t-weight1,
.verified-certificate-page .view-home .title-section,
.verified-certificate-page .view-home .wrapper-header .title-view,
.verified-certificate-page .view-index .title-section,
.verified-certificate-page .view-index .wrapper-header .title-view,
.verified-certificate-page .view-landing .title-section,
.verified-certificate-page .view-landing .wrapper-header .title-view,
.verified-certificate-page .view-signin .title-section,
.verified-certificate-page .view-signin .wrapper-header .title-view,
.verified-certificate-page .view-signup .title-section,
.verified-certificate-page .view-signup .wrapper-header .title-view {
  font-weight: 300
}

.verified-certificate-page .copy-metadata .copy-metadata-value,
.verified-certificate-page .hd-lv4,
.verified-certificate-page .t-weight2 {
  font-weight: 400
}

.verified-certificate-page .btn-avg,
.verified-certificate-page .btn-large,
.verified-certificate-page .hd-lv3-alt,
.verified-certificate-page .t-weight3,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary {
  font-weight: 500
}

.verified-certificate-page .copy-metadata .copy-metadata-value,
.verified-certificate-page .hd-lv3,
.verified-certificate-page .hd-lv4-alt,
.verified-certificate-page .hd-lv5,
.verified-certificate-page .t-weight4,
.verified-certificate-page .view-home .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-home .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-home .wrapper-header .title-sub,
.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-home .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-home .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-home .wrapper-walkthrough .list-walkthrough .walkthrough-step .title,
.verified-certificate-page .view-home .wrapper-walkthrough .nav-walkthrough .nav-item label,
.verified-certificate-page .view-index .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-index .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-index .wrapper-header .title-sub,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-index .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-index .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-index .wrapper-walkthrough .list-walkthrough .walkthrough-step .title,
.verified-certificate-page .view-index .wrapper-walkthrough .nav-walkthrough .nav-item label,
.verified-certificate-page .view-landing .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-landing .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-landing .wrapper-header .title-sub,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-landing .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-landing .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-landing .wrapper-walkthrough .list-walkthrough .walkthrough-step .title,
.verified-certificate-page .view-landing .wrapper-walkthrough .nav-walkthrough .nav-item label,
.verified-certificate-page .view-signin .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-signin .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-signin .wrapper-header .title-sub,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-signin .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-signin .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-signin .wrapper-walkthrough .list-walkthrough .walkthrough-step .title,
.verified-certificate-page .view-signin .wrapper-walkthrough .nav-walkthrough .nav-item label,
.verified-certificate-page .view-signup .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-signup .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-signup .wrapper-header .title-sub,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-signup .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-signup .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-signup .wrapper-walkthrough .list-walkthrough .walkthrough-step .title,
.verified-certificate-page .view-signup .wrapper-walkthrough .nav-walkthrough .nav-item label {
  font-weight: 600
}

.verified-certificate-page .t-weight5 {
  font-weight: 700
}

.verified-certificate-page .hd-lv1,
.verified-certificate-page .t-title1 {
  font-size: 60px;
  line-height: 88.8px
}

.verified-certificate-page .hd-lv1-alt,
.verified-certificate-page .t-title2,
.verified-certificate-page .view-home .wrapper-header .title-view,
.verified-certificate-page .view-index .wrapper-header .title-view,
.verified-certificate-page .view-landing .wrapper-header .title-view,
.verified-certificate-page .view-signin .wrapper-header .title-view,
.verified-certificate-page .view-signup .wrapper-header .title-view {
  font-size: 48px;
  line-height: 71.04px
}

.verified-certificate-page .graybox .graybox-content,
.verified-certificate-page .t-title3 {
  font-size: 36px;
  line-height: 53.28px
}

.verified-certificate-page .hd-lv2,
.verified-certificate-page .hd-lv2-alt,
.verified-certificate-page .t-title4,
.verified-certificate-page .view-home .title-section,
.verified-certificate-page .view-index .title-section,
.verified-certificate-page .view-landing .title-section,
.verified-certificate-page .view-signin .title-section,
.verified-certificate-page .view-signup .title-section {
  font-size: 24px;
  line-height: 35.52px
}

.verified-certificate-page .t-title5 {
  font-size: 20px;
  line-height: 29.6px
}

.verified-certificate-page .hd-lv3,
.verified-certificate-page .hd-lv3-alt,
.verified-certificate-page .hd-lv4,
.verified-certificate-page .hd-lv4-alt,
.verified-certificate-page .t-title6,
.verified-certificate-page .view-home .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-home .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-home .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-home .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-home .wrapper-walkthrough .list-walkthrough .walkthrough-step .title,
.verified-certificate-page .view-index .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-index .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-index .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-index .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-index .wrapper-walkthrough .list-walkthrough .walkthrough-step .title,
.verified-certificate-page .view-landing .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-landing .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-landing .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-landing .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-landing .wrapper-walkthrough .list-walkthrough .walkthrough-step .title,
.verified-certificate-page .view-signin .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-signin .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-signin .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-signin .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-signin .wrapper-walkthrough .list-walkthrough .walkthrough-step .title,
.verified-certificate-page .view-signup .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-signup .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-signup .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-signup .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-signup .wrapper-walkthrough .list-walkthrough .walkthrough-step .title {
  font-size: 18px;
  line-height: 26.64px
}

.verified-certificate-page .copy-base,
.verified-certificate-page .copy-base p,
.verified-certificate-page .hd-lv5,
.verified-certificate-page .t-copy-base,
.verified-certificate-page .t-copy-base p,
.verified-certificate-page .t-title7,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .copy,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .copy p,
.verified-certificate-page .view-home .wrapper-pricing .copy,
.verified-certificate-page .view-home .wrapper-pricing .copy p,
.verified-certificate-page .view-home .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy,
.verified-certificate-page .view-home .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy p,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .copy,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .copy p,
.verified-certificate-page .view-index .wrapper-pricing .copy,
.verified-certificate-page .view-index .wrapper-pricing .copy p,
.verified-certificate-page .view-index .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy,
.verified-certificate-page .view-index .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy p,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .copy,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .copy p,
.verified-certificate-page .view-landing .wrapper-pricing .copy,
.verified-certificate-page .view-landing .wrapper-pricing .copy p,
.verified-certificate-page .view-landing .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy,
.verified-certificate-page .view-landing .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy p,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .copy,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .copy p,
.verified-certificate-page .view-signin .wrapper-pricing .copy,
.verified-certificate-page .view-signin .wrapper-pricing .copy p,
.verified-certificate-page .view-signin .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy,
.verified-certificate-page .view-signin .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy p,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .copy,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .copy p,
.verified-certificate-page .view-signup .wrapper-pricing .copy,
.verified-certificate-page .view-signup .wrapper-pricing .copy p,
.verified-certificate-page .view-signup .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy,
.verified-certificate-page .view-signup .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy p {
  font-size: 16px;
  line-height: 23.68px
}

.verified-certificate-page .t-copy-lead1 {
  font-size: 18px;
  line-height: 26.64px
}

.verified-certificate-page .copy-lead1,
.verified-certificate-page .t-copy-lead2 {
  font-size: 21px;
  line-height: 31.08px
}

.verified-certificate-page .t-copy-lead3 {
  font-size: 24px;
  line-height: 35.52px
}

.verified-certificate-page .copy-detail,
.verified-certificate-page .t-copy-sub1,
.verified-certificate-page .view-home .wrapper-courses .cta .wrapper .copy,
.verified-certificate-page .view-home .wrapper-courses .cta [class|=wrapper] .copy,
.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint .copy,
.verified-certificate-page .view-home .wrapper-statement .cta .wrapper .copy,
.verified-certificate-page .view-home .wrapper-statement .cta [class|=wrapper] .copy,
.verified-certificate-page .view-index .wrapper-courses .cta .wrapper .copy,
.verified-certificate-page .view-index .wrapper-courses .cta [class|=wrapper] .copy,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint .copy,
.verified-certificate-page .view-index .wrapper-statement .cta .wrapper .copy,
.verified-certificate-page .view-index .wrapper-statement .cta [class|=wrapper] .copy,
.verified-certificate-page .view-landing .wrapper-courses .cta .wrapper .copy,
.verified-certificate-page .view-landing .wrapper-courses .cta [class|=wrapper] .copy,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint .copy,
.verified-certificate-page .view-landing .wrapper-statement .cta .wrapper .copy,
.verified-certificate-page .view-landing .wrapper-statement .cta [class|=wrapper] .copy,
.verified-certificate-page .view-signin .wrapper-courses .cta .wrapper .copy,
.verified-certificate-page .view-signin .wrapper-courses .cta [class|=wrapper] .copy,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint .copy,
.verified-certificate-page .view-signin .wrapper-statement .cta .wrapper .copy,
.verified-certificate-page .view-signin .wrapper-statement .cta [class|=wrapper] .copy,
.verified-certificate-page .view-signup .wrapper-courses .cta .wrapper .copy,
.verified-certificate-page .view-signup .wrapper-courses .cta [class|=wrapper] .copy,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint .copy,
.verified-certificate-page .view-signup .wrapper-statement .cta .wrapper .copy,
.verified-certificate-page .view-signup .wrapper-statement .cta [class|=wrapper] .copy {
  font-size: 14px;
  line-height: 20.72px
}

.verified-certificate-page .copy-metadata,
.verified-certificate-page .t-copy-sub2 {
  font-size: 12px;
  line-height: 17.76px
}

.verified-certificate-page .t-copy-sub3 {
  font-size: 10px;
  line-height: 14.8px
}

.verified-certificate-page .btn-large,
.verified-certificate-page .t-action1,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary {
  font-size: 18px;
  line-height: 26.64px
}

.verified-certificate-page .btn-avg,
.verified-certificate-page .t-action2 {
  font-size: 16px;
  line-height: 23.68px
}

.verified-certificate-page .t-action3,
.verified-certificate-page .view-home .title-section.has-actions .title-action,
.verified-certificate-page .view-home .wrapper-walkthrough .nav-walkthrough .nav-item label,
.verified-certificate-page .view-index .title-section.has-actions .title-action,
.verified-certificate-page .view-index .wrapper-walkthrough .nav-walkthrough .nav-item label,
.verified-certificate-page .view-landing .title-section.has-actions .title-action,
.verified-certificate-page .view-landing .wrapper-walkthrough .nav-walkthrough .nav-item label,
.verified-certificate-page .view-signin .title-section.has-actions .title-action,
.verified-certificate-page .view-signin .wrapper-walkthrough .nav-walkthrough .nav-item label,
.verified-certificate-page .view-signup .title-section.has-actions .title-action,
.verified-certificate-page .view-signup .wrapper-walkthrough .nav-walkthrough .nav-item label {
  font-size: 14px;
  line-height: 20.72px
}

.verified-certificate-page .t-action4 {
  font-size: 12px;
  line-height: 17.76px
}

.verified-certificate-page .hd-lv1,
.verified-certificate-page .hd-lv1-alt,
.verified-certificate-page .view-home .wrapper-header .title-view,
.verified-certificate-page .view-index .wrapper-header .title-view,
.verified-certificate-page .view-landing .wrapper-header .title-view,
.verified-certificate-page .view-signin .wrapper-header .title-view,
.verified-certificate-page .view-signup .wrapper-header .title-view {
  color: #050505;
  margin: 0 0 40px
}

.verified-certificate-page .view-landing .wrapper-header h2.title-view {
  border: none
}

.verified-certificate-page .hd-lv2 {
  margin: 0 0 15px;
  border-bottom: 1px solid #b1b2b4;
  padding-bottom: 10px;
  color: #050505
}

.verified-certificate-page .hd-lv2-alt,
.verified-certificate-page .view-home .title-section,
.verified-certificate-page .view-index .title-section,
.verified-certificate-page .view-landing .title-section,
.verified-certificate-page .view-signin .title-section,
.verified-certificate-page .view-signup .title-section {
  margin: 0 0 15px;
  border-bottom: 1px solid rgba(138, 140, 143, .25);
  padding-bottom: 10px;
  color: #00262b;
  text-transform: uppercase
}

.verified-certificate-page .hd-lv3,
.verified-certificate-page .hd-lv3-alt,
.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-home .wrapper-walkthrough .list-walkthrough .walkthrough-step .title,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-index .wrapper-walkthrough .list-walkthrough .walkthrough-step .title,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-landing .wrapper-walkthrough .list-walkthrough .walkthrough-step .title,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-signin .wrapper-walkthrough .list-walkthrough .walkthrough-step .title,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint .title,
.verified-certificate-page .view-signup .wrapper-walkthrough .list-walkthrough .walkthrough-step .title {
  margin: 0 0 5px;
  color: #050505
}

.verified-certificate-page .hd-lv4 {
  margin: 0 0 20px;
  color: #050505
}

.verified-certificate-page .hd-lv4-alt,
.verified-certificate-page .view-home .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-home .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-home .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-home .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-index .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-index .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-index .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-index .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-landing .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-landing .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-landing .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-landing .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-signin .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-signin .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-signin .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-signin .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-signup .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-signup .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-signup .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-signup .wrapper-statement .cta [class|=wrapper] .title {
  margin: 0 0 20px;
  color: #050505;
  text-transform: uppercase
}

.verified-certificate-page .hd-lv5 {
  margin: 0 0 5px;
  color: #050505
}

.verified-certificate-page .copy-base,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .copy,
.verified-certificate-page .view-home .wrapper-pricing .copy,
.verified-certificate-page .view-home .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .copy,
.verified-certificate-page .view-index .wrapper-pricing .copy,
.verified-certificate-page .view-index .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .copy,
.verified-certificate-page .view-landing .wrapper-pricing .copy,
.verified-certificate-page .view-landing .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .copy,
.verified-certificate-page .view-signin .wrapper-pricing .copy,
.verified-certificate-page .view-signin .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .copy,
.verified-certificate-page .view-signup .wrapper-pricing .copy,
.verified-certificate-page .view-signup .wrapper-walkthrough .list-walkthrough .walkthrough-step .copy {
  color: #454545
}

.verified-certificate-page .copy-lead1 {
  color: #8a8c8f
}

.verified-certificate-page .copy-detail,
.verified-certificate-page .view-home .wrapper-courses .cta .wrapper .copy,
.verified-certificate-page .view-home .wrapper-courses .cta [class|=wrapper] .copy,
.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint .copy,
.verified-certificate-page .view-home .wrapper-statement .cta .wrapper .copy,
.verified-certificate-page .view-home .wrapper-statement .cta [class|=wrapper] .copy,
.verified-certificate-page .view-index .wrapper-courses .cta .wrapper .copy,
.verified-certificate-page .view-index .wrapper-courses .cta [class|=wrapper] .copy,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint .copy,
.verified-certificate-page .view-index .wrapper-statement .cta .wrapper .copy,
.verified-certificate-page .view-index .wrapper-statement .cta [class|=wrapper] .copy,
.verified-certificate-page .view-landing .wrapper-courses .cta .wrapper .copy,
.verified-certificate-page .view-landing .wrapper-courses .cta [class|=wrapper] .copy,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint .copy,
.verified-certificate-page .view-landing .wrapper-statement .cta .wrapper .copy,
.verified-certificate-page .view-landing .wrapper-statement .cta [class|=wrapper] .copy,
.verified-certificate-page .view-signin .wrapper-courses .cta .wrapper .copy,
.verified-certificate-page .view-signin .wrapper-courses .cta [class|=wrapper] .copy,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint .copy,
.verified-certificate-page .view-signin .wrapper-statement .cta .wrapper .copy,
.verified-certificate-page .view-signin .wrapper-statement .cta [class|=wrapper] .copy,
.verified-certificate-page .view-signup .wrapper-courses .cta .wrapper .copy,
.verified-certificate-page .view-signup .wrapper-courses .cta [class|=wrapper] .copy,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint .copy,
.verified-certificate-page .view-signup .wrapper-statement .cta .wrapper .copy,
.verified-certificate-page .view-signup .wrapper-statement .cta [class|=wrapper] .copy {
  color: #454545
}

.verified-certificate-page .copy-metadata {
  color: #050505
}

.verified-certificate-page .copy-link,
.verified-certificate-page .view-home .copy a,
.verified-certificate-page .view-home .title-section.has-actions .title-action,
.verified-certificate-page .view-index .copy a,
.verified-certificate-page .view-index .title-section.has-actions .title-action,
.verified-certificate-page .view-landing .copy a,
.verified-certificate-page .view-landing .title-section.has-actions .title-action,
.verified-certificate-page .view-signin .copy a,
.verified-certificate-page .view-signin .title-section.has-actions .title-action,
.verified-certificate-page .view-signup .copy a,
.verified-certificate-page .view-signup .title-section.has-actions .title-action {
  border-bottom: 1px dotted transparent
}

.verified-certificate-page .copy-link:active,
.verified-certificate-page .copy-link:focus,
.verified-certificate-page .copy-link:hover,
.verified-certificate-page .view-home .copy a:active,
.verified-certificate-page .view-home .copy a:focus,
.verified-certificate-page .view-home .copy a:hover,
.verified-certificate-page .view-home .title-section.has-actions .title-action:active,
.verified-certificate-page .view-home .title-section.has-actions .title-action:focus,
.verified-certificate-page .view-home .title-section.has-actions .title-action:hover,
.verified-certificate-page .view-index .copy a:active,
.verified-certificate-page .view-index .copy a:focus,
.verified-certificate-page .view-index .copy a:hover,
.verified-certificate-page .view-index .title-section.has-actions .title-action:active,
.verified-certificate-page .view-index .title-section.has-actions .title-action:focus,
.verified-certificate-page .view-index .title-section.has-actions .title-action:hover,
.verified-certificate-page .view-landing .copy a:active,
.verified-certificate-page .view-landing .copy a:focus,
.verified-certificate-page .view-landing .copy a:hover,
.verified-certificate-page .view-landing .title-section.has-actions .title-action:active,
.verified-certificate-page .view-landing .title-section.has-actions .title-action:focus,
.verified-certificate-page .view-landing .title-section.has-actions .title-action:hover,
.verified-certificate-page .view-signin .copy a:active,
.verified-certificate-page .view-signin .copy a:focus,
.verified-certificate-page .view-signin .copy a:hover,
.verified-certificate-page .view-signin .title-section.has-actions .title-action:active,
.verified-certificate-page .view-signin .title-section.has-actions .title-action:focus,
.verified-certificate-page .view-signin .title-section.has-actions .title-action:hover,
.verified-certificate-page .view-signup .copy a:active,
.verified-certificate-page .view-signup .copy a:focus,
.verified-certificate-page .view-signup .copy a:hover,
.verified-certificate-page .view-signup .title-section.has-actions .title-action:active,
.verified-certificate-page .view-signup .title-section.has-actions .title-action:focus,
.verified-certificate-page .view-signup .title-section.has-actions .title-action:hover {
  border-color: #1580b0
}

.verified-certificate-page .icon-inline {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px
}

.verified-certificate-page .wrapper-ui-badge {
  position: absolute;
  top: -1px;
  left: 30px;
  width: 100%
}

.verified-certificate-page .btn,
.verified-certificate-page .btn-blue,
.verified-certificate-page .btn-pink,
.verified-certificate-page .btn-primary,
.verified-certificate-page .btn-primary-blue,
.verified-certificate-page .btn-primary-green,
.verified-certificate-page .btn-primary-pink,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary {
  box-sizing: border-box;
  transition: color .25s ease-in-out, background .25s ease-in-out, box-shadow .25s ease-in-out;
  display: inline-block;
  cursor: pointer;
  text-decoration: none
}

.verified-certificate-page .btn-blue.disabled,
.verified-certificate-page .btn-blue[disabled],
.verified-certificate-page .btn-pink.disabled,
.verified-certificate-page .btn-pink[disabled],
.verified-certificate-page .btn-primary-blue.disabled,
.verified-certificate-page .btn-primary-blue[disabled],
.verified-certificate-page .btn-primary-green.disabled,
.verified-certificate-page .btn-primary-green[disabled],
.verified-certificate-page .btn-primary-pink.disabled,
.verified-certificate-page .btn-primary-pink[disabled],
.verified-certificate-page .btn-primary.disabled,
.verified-certificate-page .btn-primary[disabled],
.verified-certificate-page .btn.disabled,
.verified-certificate-page .btn[disabled],
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert[disabled],
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert[disabled],
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue.disabled,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue[disabled],
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert.disabled,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert[disabled],
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert[disabled],
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue.disabled,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue[disabled],
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert[disabled],
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert[disabled],
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary[disabled] {
  cursor: default;
  pointer-events: none
}

.verified-certificate-page .btn-blue .icon-inline,
.verified-certificate-page .btn-pink .icon-inline,
.verified-certificate-page .btn-primary-blue .icon-inline,
.verified-certificate-page .btn-primary-green .icon-inline,
.verified-certificate-page .btn-primary-pink .icon-inline,
.verified-certificate-page .btn-primary .icon-inline,
.verified-certificate-page .btn .icon-inline,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary .icon-inline,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert .icon-inline,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary .icon-inline,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary .icon-inline,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary .icon-inline,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert .icon-inline,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary .icon-inline,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary .icon-inline,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue .icon-inline,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary .icon-inline,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert .icon-inline,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert .icon-inline,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary .icon-inline,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue .icon-inline,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary .icon-inline,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary .icon-inline,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert .icon-inline,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary .icon-inline,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary .icon-inline,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary .icon-inline,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert .icon-inline,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary .icon-inline,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary .icon-inline {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px
}

.verified-certificate-page .action-items .action-primary {
  box-sizing: border-box;
  transition: color .25s ease-in-out, background .25s ease-in-out, box-shadow .25s ease-in-out;
  display: inline-block;
  cursor: pointer;
  text-decoration: none
}

.verified-certificate-page .btn-pill {
  border-radius: 4px
}

.verified-certificate-page .btn-rounded {
  border-radius: 10px
}

.verified-certificate-page .btn-blue,
.verified-certificate-page .btn-edged-blue,
.verified-certificate-page .btn-pink,
.verified-certificate-page .btn-primary,
.verified-certificate-page .btn-primary-blue,
.verified-certificate-page .btn-primary-green,
.verified-certificate-page .btn-primary-pink,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary {
  border-radius: 2px
}

.verified-certificate-page .btn-blue,
.verified-certificate-page .btn-pink,
.verified-certificate-page .btn-primary,
.verified-certificate-page .btn-primary-blue,
.verified-certificate-page .btn-primary-green,
.verified-certificate-page .btn-primary-pink,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary {
  padding: 10px 20px;
  text-align: center
}

.verified-certificate-page .btn-blue.disabled,
.verified-certificate-page .btn-blue[disabled],
.verified-certificate-page .btn-pink.disabled,
.verified-certificate-page .btn-pink[disabled],
.verified-certificate-page .btn-primary-blue.disabled,
.verified-certificate-page .btn-primary-blue[disabled],
.verified-certificate-page .btn-primary-green.disabled,
.verified-certificate-page .btn-primary-green[disabled],
.verified-certificate-page .btn-primary-pink.disabled,
.verified-certificate-page .btn-primary-pink[disabled],
.verified-certificate-page .btn-primary.disabled,
.verified-certificate-page .btn-primary[disabled],
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert[disabled],
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert[disabled],
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue.disabled,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue[disabled],
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert.disabled,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert[disabled],
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert[disabled],
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue.disabled,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue[disabled],
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert[disabled],
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert[disabled],
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary[disabled] {
  background: #646668
}

.verified-certificate-page .btn-blue,
.verified-certificate-page .btn-primary-blue,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary {
  box-shadow: 0 2px 1px 0 #0a4a67;
  background: #065683;
  color: #fff
}

.verified-certificate-page .btn-blue:active,
.verified-certificate-page .btn-blue:focus,
.verified-certificate-page .btn-blue:hover,
.verified-certificate-page .btn-primary-blue:active,
.verified-certificate-page .btn-primary-blue:focus,
.verified-certificate-page .btn-primary-blue:hover,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary:active,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary:focus,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary:hover,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary:active,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary:focus,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary:hover,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary:active,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary:focus,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary:hover,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary:active,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary:focus,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary:hover,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary:active,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary:focus,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary:hover,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary:active,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary:focus,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary:hover,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue:active,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue:focus,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue:hover,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary:active,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary:focus,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary:hover,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary:active,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary:focus,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary:hover,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue:active,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue:focus,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue:hover,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary:active,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary:focus,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary:hover,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary:active,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary:focus,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary:hover,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary:active,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary:focus,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary:hover,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary:active,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary:focus,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary:hover,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary:active,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary:focus,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary:hover,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary:active,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary:focus,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary:hover,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary:active,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary:focus,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary:hover {
  background: #00688d;
  color: #fff
}

.verified-certificate-page .btn-blue.active,
.verified-certificate-page .btn-blue.current,
.verified-certificate-page .btn-primary-blue.active,
.verified-certificate-page .btn-primary-blue.current,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary.active,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary.current,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary.active,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary.current,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary.active,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary.current,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary.active,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary.current,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary.active,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary.current,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary.active,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary.current,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue.active,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue.current,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary.active,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary.current,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary.active,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary.current,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue.active,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue.current,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary.active,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary.current,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary.active,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary.current,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary.active,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary.current,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary.active,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary.current,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary.active,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary.current,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary.active,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary.current,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary.active,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary.current {
  box-shadow: inset 0 2px 1px 1px #1580b0;
  background: #1aa1de;
  color: #1580b0
}

.verified-certificate-page .btn-blue.active:active,
.verified-certificate-page .btn-blue.active:focus,
.verified-certificate-page .btn-blue.active:hover,
.verified-certificate-page .btn-blue.current:active,
.verified-certificate-page .btn-blue.current:focus,
.verified-certificate-page .btn-blue.current:hover,
.verified-certificate-page .btn-primary-blue.active:active,
.verified-certificate-page .btn-primary-blue.active:focus,
.verified-certificate-page .btn-primary-blue.active:hover,
.verified-certificate-page .btn-primary-blue.current:active,
.verified-certificate-page .btn-primary-blue.current:focus,
.verified-certificate-page .btn-primary-blue.current:hover,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary.active:active,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary.active:focus,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary.active:hover,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary.current:active,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary.current:focus,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary.current:hover,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary.active:active,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary.active:focus,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary.active:hover,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary.current:active,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary.current:focus,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary.current:hover,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary.active:active,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary.active:focus,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary.active:hover,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary.current:active,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary.current:focus,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary.current:hover,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary.active:active,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary.active:focus,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary.active:hover,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary.current:active,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary.current:focus,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary.current:hover,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary.active:active,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary.active:focus,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary.active:hover,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary.current:active,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary.current:focus,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary.current:hover,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary.active:active,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary.active:focus,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary.active:hover,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary.current:active,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary.current:focus,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary.current:hover,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue.active:active,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue.active:focus,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue.active:hover,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue.current:active,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue.current:focus,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue.current:hover,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary.active:active,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary.active:focus,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary.active:hover,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary.current:active,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary.current:focus,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary.current:hover,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary.active:active,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary.active:focus,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary.active:hover,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary.current:active,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary.current:focus,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary.current:hover,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue.active:active,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue.active:focus,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue.active:hover,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue.current:active,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue.current:focus,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue.current:hover,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary.active:active,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary.active:focus,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary.active:hover,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary.current:active,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary.current:focus,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary.current:hover,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary.active:active,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary.active:focus,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary.active:hover,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary.current:active,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary.current:focus,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary.current:hover,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary.active:active,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary.active:focus,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary.active:hover,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary.current:active,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary.current:focus,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary.current:hover,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary.active:active,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary.active:focus,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary.active:hover,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary.current:active,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary.current:focus,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary.current:hover,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary.active:active,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary.active:focus,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary.active:hover,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary.current:active,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary.current:focus,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary.current:hover,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary.active:active,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary.active:focus,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary.active:hover,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary.current:active,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary.current:focus,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary.current:hover,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary.active:active,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary.active:focus,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary.active:hover,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary.current:active,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary.current:focus,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary.current:hover {
  box-shadow: inset 0 2px 1px 1px #126f9a;
  color: #126f9a
}

.verified-certificate-page .btn-blue.disabled,
.verified-certificate-page .btn-blue[disabled],
.verified-certificate-page .btn-primary-blue.disabled,
.verified-certificate-page .btn-primary-blue[disabled],
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue.disabled,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items .btn-blue[disabled],
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue.disabled,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items .btn-blue[disabled],
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions .action-primary[disabled],
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary.disabled,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary[disabled],
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary.disabled,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions .action-primary[disabled] {
  box-shadow: none
}

.verified-certificate-page .btn-pink,
.verified-certificate-page .btn-primary-pink,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert {
  box-shadow: 0 2px 1px 0 #8c204f;
  background: #b52a67;
  color: #fff
}

.verified-certificate-page .btn-pink:active,
.verified-certificate-page .btn-pink:focus,
.verified-certificate-page .btn-pink:hover,
.verified-certificate-page .btn-primary-pink:active,
.verified-certificate-page .btn-primary-pink:focus,
.verified-certificate-page .btn-primary-pink:hover,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert:active,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert:focus,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert:hover,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert:active,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert:focus,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert:hover,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert:active,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert:focus,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert:hover,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert:active,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert:focus,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert:hover,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert:active,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert:focus,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert:hover,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert:active,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert:focus,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert:hover {
  background: #951c13;
  color: #fff
}

.verified-certificate-page .btn-pink.active,
.verified-certificate-page .btn-pink.current,
.verified-certificate-page .btn-primary-pink.active,
.verified-certificate-page .btn-primary-pink.current,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert.active,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert.current,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert.active,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert.current,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert.active,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert.current,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert.active,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert.current,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert.active,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert.current,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert.active,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert.current {
  box-shadow: inset 0 2px 1px 1px #a0255b;
  background: #d33f80;
  color: #a0255b
}

.verified-certificate-page .btn-pink.active:active,
.verified-certificate-page .btn-pink.active:focus,
.verified-certificate-page .btn-pink.active:hover,
.verified-certificate-page .btn-pink.current:active,
.verified-certificate-page .btn-pink.current:focus,
.verified-certificate-page .btn-pink.current:hover,
.verified-certificate-page .btn-primary-pink.active:active,
.verified-certificate-page .btn-primary-pink.active:focus,
.verified-certificate-page .btn-primary-pink.active:hover,
.verified-certificate-page .btn-primary-pink.current:active,
.verified-certificate-page .btn-primary-pink.current:focus,
.verified-certificate-page .btn-primary-pink.current:hover,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert.active:active,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert.active:focus,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert.active:hover,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert.current:active,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert.current:focus,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert.current:hover,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert.active:active,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert.active:focus,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert.active:hover,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert.current:active,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert.current:focus,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert.current:hover,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert.active:active,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert.active:focus,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert.active:hover,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert.current:active,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert.current:focus,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert.current:hover,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert.active:active,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert.active:focus,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert.active:hover,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert.current:active,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert.current:focus,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert.current:hover,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert.active:active,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert.active:focus,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert.active:hover,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert.current:active,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert.current:focus,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert.current:hover,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert.active:active,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert.active:focus,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert.active:hover,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert.current:active,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert.current:focus,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert.current:hover {
  box-shadow: inset 0 2px 1px 1px #8c204f;
  color: #771c44
}

.verified-certificate-page .btn-pink.disabled,
.verified-certificate-page .btn-pink[disabled],
.verified-certificate-page .btn-primary-pink.disabled,
.verified-certificate-page .btn-primary-pink[disabled],
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions .action-previewcert[disabled],
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions .action-previewcert[disabled],
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert.disabled,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items .action-previewcert[disabled],
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions .action-previewcert[disabled],
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions .action-previewcert[disabled],
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert.disabled,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions .action-previewcert[disabled] {
  box-shadow: none
}

.verified-certificate-page .btn-pink,
.verified-certificate-page .btn-primary-pink {
  box-shadow: 0 2px 1px 0 #8c204f;
  background: #b52a67;
  color: #fff
}

.verified-certificate-page .btn-pink:active,
.verified-certificate-page .btn-pink:focus,
.verified-certificate-page .btn-pink:hover,
.verified-certificate-page .btn-primary-pink:active,
.verified-certificate-page .btn-primary-pink:focus,
.verified-certificate-page .btn-primary-pink:hover {
  background: #951c13;
  color: #fff
}

.verified-certificate-page .btn-pink.active,
.verified-certificate-page .btn-pink.current,
.verified-certificate-page .btn-primary-pink.active,
.verified-certificate-page .btn-primary-pink.current {
  box-shadow: inset 0 2px 1px 1px #a0255b;
  background: #d33f80;
  color: #a0255b
}

.verified-certificate-page .btn-pink.active:active,
.verified-certificate-page .btn-pink.active:focus,
.verified-certificate-page .btn-pink.active:hover,
.verified-certificate-page .btn-pink.current:active,
.verified-certificate-page .btn-pink.current:focus,
.verified-certificate-page .btn-pink.current:hover,
.verified-certificate-page .btn-primary-pink.active:active,
.verified-certificate-page .btn-primary-pink.active:focus,
.verified-certificate-page .btn-primary-pink.active:hover,
.verified-certificate-page .btn-primary-pink.current:active,
.verified-certificate-page .btn-primary-pink.current:focus,
.verified-certificate-page .btn-primary-pink.current:hover {
  box-shadow: inset 0 2px 1px 1px #8c204f;
  color: #771c44
}

.verified-certificate-page .btn-pink.disabled,
.verified-certificate-page .btn-pink[disabled],
.verified-certificate-page .btn-primary-pink.disabled,
.verified-certificate-page .btn-primary-pink[disabled] {
  box-shadow: none
}

.verified-certificate-page .btn-primary-green {
  box-shadow: 0 2px 1px 0 #005100;
  background: #006c00;
  color: #fff
}

.verified-certificate-page .btn-primary-green:active,
.verified-certificate-page .btn-primary-green:focus,
.verified-certificate-page .btn-primary-green:hover {
  background: #60bc61;
  color: #fff
}

.verified-certificate-page .btn-primary-green.active,
.verified-certificate-page .btn-primary-green.current {
  box-shadow: inset 0 2px 1px 1px #008801;
  background: #66b766;
  color: #008801
}

.verified-certificate-page .btn-primary-green.active:active,
.verified-certificate-page .btn-primary-green.active:focus,
.verified-certificate-page .btn-primary-green.active:hover,
.verified-certificate-page .btn-primary-green.current:active,
.verified-certificate-page .btn-primary-green.current:focus,
.verified-certificate-page .btn-primary-green.current:hover {
  box-shadow: inset 0 2px 1px 1px #006c00;
  color: #006c00
}

.verified-certificate-page .btn-primary-green.disabled,
.verified-certificate-page .btn-primary-green[disabled] {
  box-shadow: none
}

.verified-certificate-page .btn-large,
.verified-certificate-page .view-home .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary .action-primary,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary .action-primary {
  display: block;
  padding: 15px 30px
}

.verified-certificate-page .btn-pink {
  margin-bottom: 20px
}

.verified-certificate-page .btn-pink:last-child {
  margin-bottom: none
}

.verified-certificate-page .modal-cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.verified-certificate-page .graybox {
  width: 100%;
  background: #fff
}

.verified-certificate-page .graybox .graybox-content {
  width: 960px;
  margin: 0 auto;
  padding: 20px 40px;
  color: #a4a6a8;
  text-align: center
}

.verified-certificate-page .img {
  height: 100%;
  width: 100%;
  background: #050505;
  display: block
}

.verified-certificate-page .wrapper-view {
  background: #fbfaf9
}

.verified-certificate-page .pane-verified-certificate-view {
  width: 960px;
  margin: 0 auto;
  background: #fff
}

.verified-certificate-page .fullsize {
  font-size: 16px;
  margin: 0;
  padding: 0
}

.verified-certificate-page .fullsize header {
  background-color: transparent;
  border-bottom: 0;
  font-family: inherit;
  height: auto
}

.verified-certificate-page .view-home,
.verified-certificate-page .view-index,
.verified-certificate-page .view-landing,
.verified-certificate-page .view-signin,
.verified-certificate-page .view-signup {
  padding: 0;
  background: #fff
}

.verified-certificate-page .view-home a,
.verified-certificate-page .view-index a,
.verified-certificate-page .view-landing a,
.verified-certificate-page .view-signin a,
.verified-certificate-page .view-signup a {
  transition: all .25s ease-in-out 0
}

.verified-certificate-page .view-home *,
.verified-certificate-page .view-index *,
.verified-certificate-page .view-landing *,
.verified-certificate-page .view-signin *,
.verified-certificate-page .view-signup * {
  box-sizing: border-box
}

.verified-certificate-page .view-home .single-fullbleed,
.verified-certificate-page .view-index .single-fullbleed,
.verified-certificate-page .view-landing .single-fullbleed,
.verified-certificate-page .view-signin .single-fullbleed,
.verified-certificate-page .view-signup .single-fullbleed {
  width: 900px;
  margin: 0 30px;
  padding: 0
}

.verified-certificate-page .view-home>[class^=wrapper-],
.verified-certificate-page .view-index>[class^=wrapper-],
.verified-certificate-page .view-landing>[class^=wrapper-],
.verified-certificate-page .view-signin>[class^=wrapper-],
.verified-certificate-page .view-signup>[class^=wrapper-] {
  position: relative;
  width: 100%;
  padding: 30px
}

.verified-certificate-page .view-home>[class^=wrapper-]:last-child,
.verified-certificate-page .view-index>[class^=wrapper-]:last-child,
.verified-certificate-page .view-landing>[class^=wrapper-]:last-child,
.verified-certificate-page .view-signin>[class^=wrapper-]:last-child,
.verified-certificate-page .view-signup>[class^=wrapper-]:last-child {
  margin-bottom: 0
}

.verified-certificate-page .view-home>[class^=wrapper-].has-deco,
.verified-certificate-page .view-index>[class^=wrapper-].has-deco,
.verified-certificate-page .view-landing>[class^=wrapper-].has-deco,
.verified-certificate-page .view-signin>[class^=wrapper-].has-deco,
.verified-certificate-page .view-signup>[class^=wrapper-].has-deco {
  border-top: 4px solid #fbfaf9
}

.verified-certificate-page .view-home>[class^=wrapper-].has-deco .icon-mast,
.verified-certificate-page .view-index>[class^=wrapper-].has-deco .icon-mast,
.verified-certificate-page .view-landing>[class^=wrapper-].has-deco .icon-mast,
.verified-certificate-page .view-signin>[class^=wrapper-].has-deco .icon-mast,
.verified-certificate-page .view-signup>[class^=wrapper-].has-deco .icon-mast {
  font-size: 40px;
  position: absolute;
  top: -25px;
  left: 425px;
  display: inline-block;
  width: 40px;
  margin: 0 auto;
  padding: 4px;
  text-align: center;
  background: #fff;
  color: #fbfaf9
}

.verified-certificate-page .view-home .copy p,
.verified-certificate-page .view-index .copy p,
.verified-certificate-page .view-landing .copy p,
.verified-certificate-page .view-signin .copy p,
.verified-certificate-page .view-signup .copy p {
  margin: 0 0 20px
}

.verified-certificate-page .view-home .copy p:last-child,
.verified-certificate-page .view-index .copy p:last-child,
.verified-certificate-page .view-landing .copy p:last-child,
.verified-certificate-page .view-signin .copy p:last-child,
.verified-certificate-page .view-signup .copy p:last-child {
  margin-bottom: none
}

.verified-certificate-page .view-home .title-section.has-actions .title-text,
.verified-certificate-page .view-index .title-section.has-actions .title-text,
.verified-certificate-page .view-landing .title-section.has-actions .title-text,
.verified-certificate-page .view-signin .title-section.has-actions .title-text,
.verified-certificate-page .view-signup .title-section.has-actions .title-text {
  display: inline-block;
  vertical-align: middle;
  width: 65.71429%
}

.verified-certificate-page .view-home .title-section.has-actions .wrapper-title-action,
.verified-certificate-page .view-index .title-section.has-actions .wrapper-title-action,
.verified-certificate-page .view-landing .title-section.has-actions .wrapper-title-action,
.verified-certificate-page .view-signin .title-section.has-actions .wrapper-title-action,
.verified-certificate-page .view-signup .title-section.has-actions .wrapper-title-action {
  display: inline-block;
  vertical-align: middle;
  width: 31.42857%;
  text-transform: none;
  text-align: right
}

.verified-certificate-page .view-home hr.divider,
.verified-certificate-page .view-index hr.divider,
.verified-certificate-page .view-landing hr.divider,
.verified-certificate-page .view-signin hr.divider,
.verified-certificate-page .view-signup hr.divider {
  margin: 0;
  padding: 0;
  border: 5px solid #fbfaf9
}

.verified-certificate-page .view-home .wrapper-header,
.verified-certificate-page .view-index .wrapper-header,
.verified-certificate-page .view-landing .wrapper-header,
.verified-certificate-page .view-signin .wrapper-header,
.verified-certificate-page .view-signup .wrapper-header {
  overflow: hidden;
  border-bottom: 5px solid #d23228;
  padding: 20px 30px 30px;
  margin-bottom: 20px;
  background: #00262b url("/static/images/backgrounds/bg-header-tile.png") 0 0 repeat
}

.verified-certificate-page .view-home .wrapper-header header.primary,
.verified-certificate-page .view-index .wrapper-header header.primary,
.verified-certificate-page .view-landing .wrapper-header header.primary,
.verified-certificate-page .view-signin .wrapper-header header.primary,
.verified-certificate-page .view-signup .wrapper-header header.primary {
  *zoom: 1;
  width: 100%;
  color: #fff
}

.verified-certificate-page .view-home .wrapper-header header.primary:after,
.verified-certificate-page .view-home .wrapper-header header.primary:before,
.verified-certificate-page .view-index .wrapper-header header.primary:after,
.verified-certificate-page .view-index .wrapper-header header.primary:before,
.verified-certificate-page .view-landing .wrapper-header header.primary:after,
.verified-certificate-page .view-landing .wrapper-header header.primary:before,
.verified-certificate-page .view-signin .wrapper-header header.primary:after,
.verified-certificate-page .view-signin .wrapper-header header.primary:before,
.verified-certificate-page .view-signup .wrapper-header header.primary:after,
.verified-certificate-page .view-signup .wrapper-header header.primary:before {
  content: " ";
  display: table
}

.verified-certificate-page .view-home .wrapper-header header.primary:after,
.verified-certificate-page .view-index .wrapper-header header.primary:after,
.verified-certificate-page .view-landing .wrapper-header header.primary:after,
.verified-certificate-page .view-signin .wrapper-header header.primary:after,
.verified-certificate-page .view-signup .wrapper-header header.primary:after {
  clear: both
}

.verified-certificate-page .view-home .wrapper-header .title-view,
.verified-certificate-page .view-index .wrapper-header .title-view,
.verified-certificate-page .view-landing .wrapper-header .title-view,
.verified-certificate-page .view-signin .wrapper-header .title-view,
.verified-certificate-page .view-signup .wrapper-header .title-view {
  float: left;
  color: #fff;
  font-size: 28px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 20px
}

.verified-certificate-page .view-home .wrapper-header .title-sub,
.verified-certificate-page .view-index .wrapper-header .title-sub,
.verified-certificate-page .view-landing .wrapper-header .title-sub,
.verified-certificate-page .view-signin .wrapper-header .title-sub,
.verified-certificate-page .view-signup .wrapper-header .title-sub {
  position: relative
}

.verified-certificate-page .view-home .wrapper-header .graphic,
.verified-certificate-page .view-index .wrapper-header .graphic,
.verified-certificate-page .view-landing .wrapper-header .graphic,
.verified-certificate-page .view-signin .wrapper-header .graphic,
.verified-certificate-page .view-signup .wrapper-header .graphic {
  width: 250px;
  position: relative;
  padding: 4px;
  margin: 0 auto
}

.verified-certificate-page .view-home .wrapper-header .graphic img,
.verified-certificate-page .view-index .wrapper-header .graphic img,
.verified-certificate-page .view-landing .wrapper-header .graphic img,
.verified-certificate-page .view-signin .wrapper-header .graphic img,
.verified-certificate-page .view-signup .wrapper-header .graphic img {
  width: 100%
}

.verified-certificate-page .view-home .wrapper-header .graphic .action-items,
.verified-certificate-page .view-home .wrapper-header .graphic .list-actions,
.verified-certificate-page .view-index .wrapper-header .graphic .action-items,
.verified-certificate-page .view-index .wrapper-header .graphic .list-actions,
.verified-certificate-page .view-landing .wrapper-header .graphic .action-items,
.verified-certificate-page .view-landing .wrapper-header .graphic .list-actions,
.verified-certificate-page .view-signin .wrapper-header .graphic .action-items,
.verified-certificate-page .view-signin .wrapper-header .graphic .list-actions,
.verified-certificate-page .view-signup .wrapper-header .graphic .action-items,
.verified-certificate-page .view-signup .wrapper-header .graphic .list-actions {
  position: relative;
  margin-top: 5px;
  text-align: center
}

.verified-certificate-page .view-home .wrapper-introduction .introduction,
.verified-certificate-page .view-index .wrapper-introduction .introduction,
.verified-certificate-page .view-landing .wrapper-introduction .introduction,
.verified-certificate-page .view-signin .wrapper-introduction .introduction,
.verified-certificate-page .view-signup .wrapper-introduction .introduction {
  *zoom: 1;
  width: 100%
}

.verified-certificate-page .view-home .wrapper-introduction .introduction:after,
.verified-certificate-page .view-home .wrapper-introduction .introduction:before,
.verified-certificate-page .view-index .wrapper-introduction .introduction:after,
.verified-certificate-page .view-index .wrapper-introduction .introduction:before,
.verified-certificate-page .view-landing .wrapper-introduction .introduction:after,
.verified-certificate-page .view-landing .wrapper-introduction .introduction:before,
.verified-certificate-page .view-signin .wrapper-introduction .introduction:after,
.verified-certificate-page .view-signin .wrapper-introduction .introduction:before,
.verified-certificate-page .view-signup .wrapper-introduction .introduction:after,
.verified-certificate-page .view-signup .wrapper-introduction .introduction:before {
  content: " ";
  display: table
}

.verified-certificate-page .view-home .wrapper-introduction .introduction:after,
.verified-certificate-page .view-index .wrapper-introduction .introduction:after,
.verified-certificate-page .view-landing .wrapper-introduction .introduction:after,
.verified-certificate-page .view-signin .wrapper-introduction .introduction:after,
.verified-certificate-page .view-signup .wrapper-introduction .introduction:after {
  clear: both
}

.verified-certificate-page .view-home .wrapper-introduction .introduction-summary,
.verified-certificate-page .view-index .wrapper-introduction .introduction-summary,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-summary,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-summary,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-summary {
  float: left;
  margin-bottom: 30px
}

.verified-certificate-page .view-home .wrapper-introduction .introduction-proofpoints,
.verified-certificate-page .view-index .wrapper-introduction .introduction-proofpoints,
.verified-certificate-page .view-landing .wrapper-introduction .introduction-proofpoints,
.verified-certificate-page .view-signin .wrapper-introduction .introduction-proofpoints,
.verified-certificate-page .view-signup .wrapper-introduction .introduction-proofpoints {
  float: right;
  width: 100%
}

.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint {
  *zoom: 1;
  margin-bottom: 20px;
  border-radius: 4px;
  padding: 0 20px;
  background: #f7f7f7
}

.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint:after,
.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint:before,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint:after,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint:before,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint:after,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint:before,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint:after,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint:before,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint:after,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint:before {
  content: " ";
  display: table
}

.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint:after,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint:after,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint:after,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint:after,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint:after {
  clear: both
}

.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint:last-child,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint:last-child,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint:last-child,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint:last-child,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint:last-child {
  margin-bottom: 0
}

.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic,
.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint>.wrapper,
.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint>[class|=wrapper],
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint>.wrapper,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint>[class|=wrapper],
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint>.wrapper,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint>[class|=wrapper],
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint>.wrapper,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint>[class|=wrapper],
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint>.wrapper,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint>[class|=wrapper] {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 20px 20px;
  background: #f7f7f7
}

.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint>.wrapper,
.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint>[class|=wrapper],
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint>.wrapper,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint>[class|=wrapper],
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint>.wrapper,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint>[class|=wrapper],
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint>.wrapper,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint>[class|=wrapper],
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint>.wrapper,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint>[class|=wrapper] {
  width: 64.70588%
}

.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic {
  width: 29.41176%
}

.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic .graphic,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic .graphic,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic .graphic,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic .graphic,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic .graphic {
  height: 75px;
  width: 75px;
  position: relative;
  border-radius: 100px;
  background: #00262b;
  text-align: center
}

@media (max-width:991.98px) {

  .verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic .graphic,
  .verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic .graphic,
  .verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic .graphic,
  .verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic .graphic,
  .verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic .graphic {
    height: 50px;
    width: 50px
  }
}

.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic img,
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic img,
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic img,
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic img,
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint .wrapper-graphic img {
  width: 50%;
  position: absolute;
  top: 25%;
  left: 25%
}

.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint:nth-child(1n),
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint:nth-child(1n),
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint:nth-child(1n),
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint:nth-child(1n),
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint:nth-child(1n) {
  text-align: left
}

.verified-certificate-page .view-home .wrapper-introduction .list-proofpoints .proofpoint:nth-child(2n),
.verified-certificate-page .view-index .wrapper-introduction .list-proofpoints .proofpoint:nth-child(2n),
.verified-certificate-page .view-landing .wrapper-introduction .list-proofpoints .proofpoint:nth-child(2n),
.verified-certificate-page .view-signin .wrapper-introduction .list-proofpoints .proofpoint:nth-child(2n),
.verified-certificate-page .view-signup .wrapper-introduction .list-proofpoints .proofpoint:nth-child(2n) {
  text-align: right
}

.verified-certificate-page .view-home .wrapper-walkthrough .walkthrough,
.verified-certificate-page .view-index .wrapper-walkthrough .walkthrough,
.verified-certificate-page .view-landing .wrapper-walkthrough .walkthrough,
.verified-certificate-page .view-signin .wrapper-walkthrough .walkthrough,
.verified-certificate-page .view-signup .wrapper-walkthrough .walkthrough {
  *zoom: 1;
  width: 100%
}

.verified-certificate-page .view-home .wrapper-walkthrough .walkthrough:after,
.verified-certificate-page .view-home .wrapper-walkthrough .walkthrough:before,
.verified-certificate-page .view-index .wrapper-walkthrough .walkthrough:after,
.verified-certificate-page .view-index .wrapper-walkthrough .walkthrough:before,
.verified-certificate-page .view-landing .wrapper-walkthrough .walkthrough:after,
.verified-certificate-page .view-landing .wrapper-walkthrough .walkthrough:before,
.verified-certificate-page .view-signin .wrapper-walkthrough .walkthrough:after,
.verified-certificate-page .view-signin .wrapper-walkthrough .walkthrough:before,
.verified-certificate-page .view-signup .wrapper-walkthrough .walkthrough:after,
.verified-certificate-page .view-signup .wrapper-walkthrough .walkthrough:before {
  content: " ";
  display: table
}

.verified-certificate-page .view-home .wrapper-walkthrough .walkthrough:after,
.verified-certificate-page .view-index .wrapper-walkthrough .walkthrough:after,
.verified-certificate-page .view-landing .wrapper-walkthrough .walkthrough:after,
.verified-certificate-page .view-signin .wrapper-walkthrough .walkthrough:after,
.verified-certificate-page .view-signup .wrapper-walkthrough .walkthrough:after {
  clear: both
}

.verified-certificate-page .view-home .wrapper-walkthrough .nav-walkthrough,
.verified-certificate-page .view-index .wrapper-walkthrough .nav-walkthrough,
.verified-certificate-page .view-landing .wrapper-walkthrough .nav-walkthrough,
.verified-certificate-page .view-signin .wrapper-walkthrough .nav-walkthrough,
.verified-certificate-page .view-signup .wrapper-walkthrough .nav-walkthrough {
  float: left;
  display: none;
  width: 31.42857%;
  margin-right: 2.85714%;
  border-right: 1px solid rgba(181, 42, 103, .125)
}

.verified-certificate-page .view-home .wrapper-walkthrough .nav-walkthrough .nav-item,
.verified-certificate-page .view-index .wrapper-walkthrough .nav-walkthrough .nav-item,
.verified-certificate-page .view-landing .wrapper-walkthrough .nav-walkthrough .nav-item,
.verified-certificate-page .view-signin .wrapper-walkthrough .nav-walkthrough .nav-item,
.verified-certificate-page .view-signup .wrapper-walkthrough .nav-walkthrough .nav-item {
  text-align: right;
  border-bottom: 1px solid rgba(181, 42, 103, .125);
  padding: 0 20px
}

.verified-certificate-page .view-home .wrapper-walkthrough .nav-walkthrough .nav-item:last-child,
.verified-certificate-page .view-index .wrapper-walkthrough .nav-walkthrough .nav-item:last-child,
.verified-certificate-page .view-landing .wrapper-walkthrough .nav-walkthrough .nav-item:last-child,
.verified-certificate-page .view-signin .wrapper-walkthrough .nav-walkthrough .nav-item:last-child,
.verified-certificate-page .view-signup .wrapper-walkthrough .nav-walkthrough .nav-item:last-child {
  border-bottom: none
}

.verified-certificate-page .view-home .wrapper-walkthrough .nav-walkthrough .nav-item label,
.verified-certificate-page .view-index .wrapper-walkthrough .nav-walkthrough .nav-item label,
.verified-certificate-page .view-landing .wrapper-walkthrough .nav-walkthrough .nav-item label,
.verified-certificate-page .view-signin .wrapper-walkthrough .nav-walkthrough .nav-item label,
.verified-certificate-page .view-signup .wrapper-walkthrough .nav-walkthrough .nav-item label {
  display: block;
  cursor: pointer;
  padding: 10px;
  color: #1580b0
}

.verified-certificate-page .view-home .wrapper-walkthrough .nav-walkthrough .nav-item label:active,
.verified-certificate-page .view-home .wrapper-walkthrough .nav-walkthrough .nav-item label:focus,
.verified-certificate-page .view-home .wrapper-walkthrough .nav-walkthrough .nav-item label:hover,
.verified-certificate-page .view-index .wrapper-walkthrough .nav-walkthrough .nav-item label:active,
.verified-certificate-page .view-index .wrapper-walkthrough .nav-walkthrough .nav-item label:focus,
.verified-certificate-page .view-index .wrapper-walkthrough .nav-walkthrough .nav-item label:hover,
.verified-certificate-page .view-landing .wrapper-walkthrough .nav-walkthrough .nav-item label:active,
.verified-certificate-page .view-landing .wrapper-walkthrough .nav-walkthrough .nav-item label:focus,
.verified-certificate-page .view-landing .wrapper-walkthrough .nav-walkthrough .nav-item label:hover,
.verified-certificate-page .view-signin .wrapper-walkthrough .nav-walkthrough .nav-item label:active,
.verified-certificate-page .view-signin .wrapper-walkthrough .nav-walkthrough .nav-item label:focus,
.verified-certificate-page .view-signin .wrapper-walkthrough .nav-walkthrough .nav-item label:hover,
.verified-certificate-page .view-signup .wrapper-walkthrough .nav-walkthrough .nav-item label:active,
.verified-certificate-page .view-signup .wrapper-walkthrough .nav-walkthrough .nav-item label:focus,
.verified-certificate-page .view-signup .wrapper-walkthrough .nav-walkthrough .nav-item label:hover {
  color: #2bace6
}

.verified-certificate-page .view-home .wrapper-walkthrough .list-walkthrough,
.verified-certificate-page .view-index .wrapper-walkthrough .list-walkthrough,
.verified-certificate-page .view-landing .wrapper-walkthrough .list-walkthrough,
.verified-certificate-page .view-signin .wrapper-walkthrough .list-walkthrough,
.verified-certificate-page .view-signup .wrapper-walkthrough .list-walkthrough {
  float: left
}

.verified-certificate-page .view-home .wrapper-walkthrough .list-walkthrough .walkthrough-step,
.verified-certificate-page .view-index .wrapper-walkthrough .list-walkthrough .walkthrough-step,
.verified-certificate-page .view-landing .wrapper-walkthrough .list-walkthrough .walkthrough-step,
.verified-certificate-page .view-signin .wrapper-walkthrough .list-walkthrough .walkthrough-step,
.verified-certificate-page .view-signup .wrapper-walkthrough .list-walkthrough .walkthrough-step {
  padding: 20px
}

.verified-certificate-page .view-home .wrapper-walkthrough input[type=radio],
.verified-certificate-page .view-index .wrapper-walkthrough input[type=radio],
.verified-certificate-page .view-landing .wrapper-walkthrough input[type=radio],
.verified-certificate-page .view-signin .wrapper-walkthrough input[type=radio],
.verified-certificate-page .view-signup .wrapper-walkthrough input[type=radio] {
  display: none
}

.verified-certificate-page .view-home .wrapper-walkthrough .walkthrough-step,
.verified-certificate-page .view-index .wrapper-walkthrough .walkthrough-step,
.verified-certificate-page .view-landing .wrapper-walkthrough .walkthrough-step,
.verified-certificate-page .view-signin .wrapper-walkthrough .walkthrough-step,
.verified-certificate-page .view-signup .wrapper-walkthrough .walkthrough-step {
  position: relative
}

.verified-certificate-page .view-home .wrapper-walkthrough #tab-1:checked~.list-walkthrough .walkthrough-step-1,
.verified-certificate-page .view-home .wrapper-walkthrough #tab-2:checked~.list-walkthrough .walkthrough-step-2,
.verified-certificate-page .view-home .wrapper-walkthrough #tab-3:checked~.list-walkthrough .walkthrough-step-3,
.verified-certificate-page .view-home .wrapper-walkthrough #tab-4:checked~.list-walkthrough .walkthrough-step-4,
.verified-certificate-page .view-home .wrapper-walkthrough #tab-5:checked~.list-walkthrough .walkthrough-step-5,
.verified-certificate-page .view-index .wrapper-walkthrough #tab-1:checked~.list-walkthrough .walkthrough-step-1,
.verified-certificate-page .view-index .wrapper-walkthrough #tab-2:checked~.list-walkthrough .walkthrough-step-2,
.verified-certificate-page .view-index .wrapper-walkthrough #tab-3:checked~.list-walkthrough .walkthrough-step-3,
.verified-certificate-page .view-index .wrapper-walkthrough #tab-4:checked~.list-walkthrough .walkthrough-step-4,
.verified-certificate-page .view-index .wrapper-walkthrough #tab-5:checked~.list-walkthrough .walkthrough-step-5,
.verified-certificate-page .view-landing .wrapper-walkthrough #tab-1:checked~.list-walkthrough .walkthrough-step-1,
.verified-certificate-page .view-landing .wrapper-walkthrough #tab-2:checked~.list-walkthrough .walkthrough-step-2,
.verified-certificate-page .view-landing .wrapper-walkthrough #tab-3:checked~.list-walkthrough .walkthrough-step-3,
.verified-certificate-page .view-landing .wrapper-walkthrough #tab-4:checked~.list-walkthrough .walkthrough-step-4,
.verified-certificate-page .view-landing .wrapper-walkthrough #tab-5:checked~.list-walkthrough .walkthrough-step-5,
.verified-certificate-page .view-signin .wrapper-walkthrough #tab-1:checked~.list-walkthrough .walkthrough-step-1,
.verified-certificate-page .view-signin .wrapper-walkthrough #tab-2:checked~.list-walkthrough .walkthrough-step-2,
.verified-certificate-page .view-signin .wrapper-walkthrough #tab-3:checked~.list-walkthrough .walkthrough-step-3,
.verified-certificate-page .view-signin .wrapper-walkthrough #tab-4:checked~.list-walkthrough .walkthrough-step-4,
.verified-certificate-page .view-signin .wrapper-walkthrough #tab-5:checked~.list-walkthrough .walkthrough-step-5,
.verified-certificate-page .view-signup .wrapper-walkthrough #tab-1:checked~.list-walkthrough .walkthrough-step-1,
.verified-certificate-page .view-signup .wrapper-walkthrough #tab-2:checked~.list-walkthrough .walkthrough-step-2,
.verified-certificate-page .view-signup .wrapper-walkthrough #tab-3:checked~.list-walkthrough .walkthrough-step-3,
.verified-certificate-page .view-signup .wrapper-walkthrough #tab-4:checked~.list-walkthrough .walkthrough-step-4,
.verified-certificate-page .view-signup .wrapper-walkthrough #tab-5:checked~.list-walkthrough .walkthrough-step-5 {
  display: block
}

.verified-certificate-page .view-home .wrapper-walkthrough #tab-1:checked~.nav-tab .nav-item-1 label,
.verified-certificate-page .view-home .wrapper-walkthrough #tab-2:checked~.nav-tab .nav-item-2 label,
.verified-certificate-page .view-home .wrapper-walkthrough #tab-3:checked~.nav-tab .nav-item-3 label,
.verified-certificate-page .view-home .wrapper-walkthrough #tab-4:checked~.nav-tab .nav-item-4 label,
.verified-certificate-page .view-home .wrapper-walkthrough #tab-5:checked~.nav-tab .nav-item-5 label,
.verified-certificate-page .view-index .wrapper-walkthrough #tab-1:checked~.nav-tab .nav-item-1 label,
.verified-certificate-page .view-index .wrapper-walkthrough #tab-2:checked~.nav-tab .nav-item-2 label,
.verified-certificate-page .view-index .wrapper-walkthrough #tab-3:checked~.nav-tab .nav-item-3 label,
.verified-certificate-page .view-index .wrapper-walkthrough #tab-4:checked~.nav-tab .nav-item-4 label,
.verified-certificate-page .view-index .wrapper-walkthrough #tab-5:checked~.nav-tab .nav-item-5 label,
.verified-certificate-page .view-landing .wrapper-walkthrough #tab-1:checked~.nav-tab .nav-item-1 label,
.verified-certificate-page .view-landing .wrapper-walkthrough #tab-2:checked~.nav-tab .nav-item-2 label,
.verified-certificate-page .view-landing .wrapper-walkthrough #tab-3:checked~.nav-tab .nav-item-3 label,
.verified-certificate-page .view-landing .wrapper-walkthrough #tab-4:checked~.nav-tab .nav-item-4 label,
.verified-certificate-page .view-landing .wrapper-walkthrough #tab-5:checked~.nav-tab .nav-item-5 label,
.verified-certificate-page .view-signin .wrapper-walkthrough #tab-1:checked~.nav-tab .nav-item-1 label,
.verified-certificate-page .view-signin .wrapper-walkthrough #tab-2:checked~.nav-tab .nav-item-2 label,
.verified-certificate-page .view-signin .wrapper-walkthrough #tab-3:checked~.nav-tab .nav-item-3 label,
.verified-certificate-page .view-signin .wrapper-walkthrough #tab-4:checked~.nav-tab .nav-item-4 label,
.verified-certificate-page .view-signin .wrapper-walkthrough #tab-5:checked~.nav-tab .nav-item-5 label,
.verified-certificate-page .view-signup .wrapper-walkthrough #tab-1:checked~.nav-tab .nav-item-1 label,
.verified-certificate-page .view-signup .wrapper-walkthrough #tab-2:checked~.nav-tab .nav-item-2 label,
.verified-certificate-page .view-signup .wrapper-walkthrough #tab-3:checked~.nav-tab .nav-item-3 label,
.verified-certificate-page .view-signup .wrapper-walkthrough #tab-4:checked~.nav-tab .nav-item-4 label,
.verified-certificate-page .view-signup .wrapper-walkthrough #tab-5:checked~.nav-tab .nav-item-5 label {
  color: #42b5e9
}

.verified-certificate-page .view-home .wrapper-courses,
.verified-certificate-page .view-home .wrapper-statement,
.verified-certificate-page .view-index .wrapper-courses,
.verified-certificate-page .view-index .wrapper-statement,
.verified-certificate-page .view-landing .wrapper-courses,
.verified-certificate-page .view-landing .wrapper-statement,
.verified-certificate-page .view-signin .wrapper-courses,
.verified-certificate-page .view-signin .wrapper-statement,
.verified-certificate-page .view-signup .wrapper-courses,
.verified-certificate-page .view-signup .wrapper-statement {
  padding: 30px 30px 15px;
  border-top: 4px solid #00262b;
  background: #fbfaf9
}

.verified-certificate-page .view-home .wrapper-courses .cta,
.verified-certificate-page .view-home .wrapper-statement .cta,
.verified-certificate-page .view-index .wrapper-courses .cta,
.verified-certificate-page .view-index .wrapper-statement .cta,
.verified-certificate-page .view-landing .wrapper-courses .cta,
.verified-certificate-page .view-landing .wrapper-statement .cta,
.verified-certificate-page .view-signin .wrapper-courses .cta,
.verified-certificate-page .view-signin .wrapper-statement .cta,
.verified-certificate-page .view-signup .wrapper-courses .cta,
.verified-certificate-page .view-signup .wrapper-statement .cta {
  *zoom: 1;
  width: 100%
}

.verified-certificate-page .view-home .wrapper-courses .cta:after,
.verified-certificate-page .view-home .wrapper-courses .cta:before,
.verified-certificate-page .view-home .wrapper-statement .cta:after,
.verified-certificate-page .view-home .wrapper-statement .cta:before,
.verified-certificate-page .view-index .wrapper-courses .cta:after,
.verified-certificate-page .view-index .wrapper-courses .cta:before,
.verified-certificate-page .view-index .wrapper-statement .cta:after,
.verified-certificate-page .view-index .wrapper-statement .cta:before,
.verified-certificate-page .view-landing .wrapper-courses .cta:after,
.verified-certificate-page .view-landing .wrapper-courses .cta:before,
.verified-certificate-page .view-landing .wrapper-statement .cta:after,
.verified-certificate-page .view-landing .wrapper-statement .cta:before,
.verified-certificate-page .view-signin .wrapper-courses .cta:after,
.verified-certificate-page .view-signin .wrapper-courses .cta:before,
.verified-certificate-page .view-signin .wrapper-statement .cta:after,
.verified-certificate-page .view-signin .wrapper-statement .cta:before,
.verified-certificate-page .view-signup .wrapper-courses .cta:after,
.verified-certificate-page .view-signup .wrapper-courses .cta:before,
.verified-certificate-page .view-signup .wrapper-statement .cta:after,
.verified-certificate-page .view-signup .wrapper-statement .cta:before {
  content: " ";
  display: table
}

.verified-certificate-page .view-home .wrapper-courses .cta:after,
.verified-certificate-page .view-home .wrapper-statement .cta:after,
.verified-certificate-page .view-index .wrapper-courses .cta:after,
.verified-certificate-page .view-index .wrapper-statement .cta:after,
.verified-certificate-page .view-landing .wrapper-courses .cta:after,
.verified-certificate-page .view-landing .wrapper-statement .cta:after,
.verified-certificate-page .view-signin .wrapper-courses .cta:after,
.verified-certificate-page .view-signin .wrapper-statement .cta:after,
.verified-certificate-page .view-signup .wrapper-courses .cta:after,
.verified-certificate-page .view-signup .wrapper-statement .cta:after {
  clear: both
}

.verified-certificate-page .view-home .wrapper-courses .cta .wrapper,
.verified-certificate-page .view-home .wrapper-courses .cta [class|=wrapper],
.verified-certificate-page .view-home .wrapper-statement .cta .wrapper,
.verified-certificate-page .view-home .wrapper-statement .cta [class|=wrapper],
.verified-certificate-page .view-index .wrapper-courses .cta .wrapper,
.verified-certificate-page .view-index .wrapper-courses .cta [class|=wrapper],
.verified-certificate-page .view-index .wrapper-statement .cta .wrapper,
.verified-certificate-page .view-index .wrapper-statement .cta [class|=wrapper],
.verified-certificate-page .view-landing .wrapper-courses .cta .wrapper,
.verified-certificate-page .view-landing .wrapper-courses .cta [class|=wrapper],
.verified-certificate-page .view-landing .wrapper-statement .cta .wrapper,
.verified-certificate-page .view-landing .wrapper-statement .cta [class|=wrapper],
.verified-certificate-page .view-signin .wrapper-courses .cta .wrapper,
.verified-certificate-page .view-signin .wrapper-courses .cta [class|=wrapper],
.verified-certificate-page .view-signin .wrapper-statement .cta .wrapper,
.verified-certificate-page .view-signin .wrapper-statement .cta [class|=wrapper],
.verified-certificate-page .view-signup .wrapper-courses .cta .wrapper,
.verified-certificate-page .view-signup .wrapper-courses .cta [class|=wrapper],
.verified-certificate-page .view-signup .wrapper-statement .cta .wrapper,
.verified-certificate-page .view-signup .wrapper-statement .cta [class|=wrapper] {
  float: left
}

.verified-certificate-page .view-home .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-home .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-home .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-home .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-index .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-index .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-index .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-index .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-landing .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-landing .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-landing .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-landing .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-signin .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-signin .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-signin .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-signin .wrapper-statement .cta [class|=wrapper] .title,
.verified-certificate-page .view-signup .wrapper-courses .cta .wrapper .title,
.verified-certificate-page .view-signup .wrapper-courses .cta [class|=wrapper] .title,
.verified-certificate-page .view-signup .wrapper-statement .cta .wrapper .title,
.verified-certificate-page .view-signup .wrapper-statement .cta [class|=wrapper] .title {
  margin-bottom: 0;
  color: #454545
}

.verified-certificate-page .view-home .wrapper-courses .cta .action-items,
.verified-certificate-page .view-home .wrapper-courses .cta .list-actions,
.verified-certificate-page .view-home .wrapper-statement .cta .action-items,
.verified-certificate-page .view-home .wrapper-statement .cta .list-actions,
.verified-certificate-page .view-index .wrapper-courses .cta .action-items,
.verified-certificate-page .view-index .wrapper-courses .cta .list-actions,
.verified-certificate-page .view-index .wrapper-statement .cta .action-items,
.verified-certificate-page .view-index .wrapper-statement .cta .list-actions,
.verified-certificate-page .view-landing .wrapper-courses .cta .action-items,
.verified-certificate-page .view-landing .wrapper-courses .cta .list-actions,
.verified-certificate-page .view-landing .wrapper-statement .cta .action-items,
.verified-certificate-page .view-landing .wrapper-statement .cta .list-actions,
.verified-certificate-page .view-signin .wrapper-courses .cta .action-items,
.verified-certificate-page .view-signin .wrapper-courses .cta .list-actions,
.verified-certificate-page .view-signin .wrapper-statement .cta .action-items,
.verified-certificate-page .view-signin .wrapper-statement .cta .list-actions,
.verified-certificate-page .view-signup .wrapper-courses .cta .action-items,
.verified-certificate-page .view-signup .wrapper-courses .cta .list-actions,
.verified-certificate-page .view-signup .wrapper-statement .cta .action-items,
.verified-certificate-page .view-signup .wrapper-statement .cta .list-actions {
  float: right;
  width: 182px
}

.verified-certificate-page .view-home .wrapper-courses .title,
.verified-certificate-page .view-home .wrapper-statement .list-actions,
.verified-certificate-page .view-index .wrapper-courses .title,
.verified-certificate-page .view-index .wrapper-statement .list-actions,
.verified-certificate-page .view-landing .wrapper-courses .title,
.verified-certificate-page .view-landing .wrapper-statement .list-actions,
.verified-certificate-page .view-signin .wrapper-courses .title,
.verified-certificate-page .view-signin .wrapper-statement .list-actions,
.verified-certificate-page .view-signup .wrapper-courses .title,
.verified-certificate-page .view-signup .wrapper-statement .list-actions {
  margin-top: 5px
}

.verified-certificate-page .walkthrough-title {
  font-weight: 700;
  min-height: 52px
}

.verified-certificate-page .walkthrough-col-step {
  float: left;
  margin: 2px;
  padding: 5px
}

@media screen and (min-width:540px) {

  .verified-certificate-page .view-home .wrapper-header,
  .verified-certificate-page .view-index .wrapper-header,
  .verified-certificate-page .view-landing .wrapper-header,
  .verified-certificate-page .view-signin .wrapper-header,
  .verified-certificate-page .view-signup .wrapper-header {
    padding-bottom: 10px
  }

  .verified-certificate-page .view-home .wrapper-header .title-view,
  .verified-certificate-page .view-index .wrapper-header .title-view,
  .verified-certificate-page .view-landing .wrapper-header .title-view,
  .verified-certificate-page .view-signin .wrapper-header .title-view,
  .verified-certificate-page .view-signup .wrapper-header .title-view {
    font-size: 36px;
    width: 100%
  }

  .verified-certificate-page .view-home .wrapper-header .graphic,
  .verified-certificate-page .view-index .wrapper-header .graphic,
  .verified-certificate-page .view-landing .wrapper-header .graphic,
  .verified-certificate-page .view-signin .wrapper-header .graphic,
  .verified-certificate-page .view-signup .wrapper-header .graphic {
    width: 360px
  }

  .verified-certificate-page .view-home .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-home .wrapper-header .graphic .list-actions,
  .verified-certificate-page .view-index .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-index .wrapper-header .graphic .list-actions,
  .verified-certificate-page .view-landing .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-landing .wrapper-header .graphic .list-actions,
  .verified-certificate-page .view-signin .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-signin .wrapper-header .graphic .list-actions,
  .verified-certificate-page .view-signup .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-signup .wrapper-header .graphic .list-actions {
    position: absolute;
    bottom: 40px;
    left: 106px
  }

  .verified-certificate-page .view-home .wrapper-courses .cta .wrapper,
  .verified-certificate-page .view-home .wrapper-courses .cta [class|=wrapper],
  .verified-certificate-page .view-home .wrapper-statement .cta .wrapper,
  .verified-certificate-page .view-home .wrapper-statement .cta [class|=wrapper],
  .verified-certificate-page .view-index .wrapper-courses .cta .wrapper,
  .verified-certificate-page .view-index .wrapper-courses .cta [class|=wrapper],
  .verified-certificate-page .view-index .wrapper-statement .cta .wrapper,
  .verified-certificate-page .view-index .wrapper-statement .cta [class|=wrapper],
  .verified-certificate-page .view-landing .wrapper-courses .cta .wrapper,
  .verified-certificate-page .view-landing .wrapper-courses .cta [class|=wrapper],
  .verified-certificate-page .view-landing .wrapper-statement .cta .wrapper,
  .verified-certificate-page .view-landing .wrapper-statement .cta [class|=wrapper],
  .verified-certificate-page .view-signin .wrapper-courses .cta .wrapper,
  .verified-certificate-page .view-signin .wrapper-courses .cta [class|=wrapper],
  .verified-certificate-page .view-signin .wrapper-statement .cta .wrapper,
  .verified-certificate-page .view-signin .wrapper-statement .cta [class|=wrapper],
  .verified-certificate-page .view-signup .wrapper-courses .cta .wrapper,
  .verified-certificate-page .view-signup .wrapper-courses .cta [class|=wrapper],
  .verified-certificate-page .view-signup .wrapper-statement .cta .wrapper,
  .verified-certificate-page .view-signup .wrapper-statement .cta [class|=wrapper] {
    width: calc(100% - 182px)
  }

  .verified-certificate-page .view-home .wrapper-walkthrough .nav-walkthrough,
  .verified-certificate-page .view-index .wrapper-walkthrough .nav-walkthrough,
  .verified-certificate-page .view-landing .wrapper-walkthrough .nav-walkthrough,
  .verified-certificate-page .view-signin .wrapper-walkthrough .nav-walkthrough,
  .verified-certificate-page .view-signup .wrapper-walkthrough .nav-walkthrough {
    display: block
  }

  .verified-certificate-page .view-home .wrapper-walkthrough .list-walkthrough,
  .verified-certificate-page .view-index .wrapper-walkthrough .list-walkthrough,
  .verified-certificate-page .view-landing .wrapper-walkthrough .list-walkthrough,
  .verified-certificate-page .view-signin .wrapper-walkthrough .list-walkthrough,
  .verified-certificate-page .view-signup .wrapper-walkthrough .list-walkthrough {
    width: 65.71429%
  }

  .verified-certificate-page .view-home .wrapper-walkthrough .walkthrough-step,
  .verified-certificate-page .view-index .wrapper-walkthrough .walkthrough-step,
  .verified-certificate-page .view-landing .wrapper-walkthrough .walkthrough-step,
  .verified-certificate-page .view-signin .wrapper-walkthrough .walkthrough-step,
  .verified-certificate-page .view-signup .wrapper-walkthrough .walkthrough-step {
    display: none
  }

  .verified-certificate-page .walkthrough-col-step {
    max-width: 48%;
    float: left
  }

  .verified-certificate-page .walkthrough-clearfix {
    clear: none
  }
}

@media screen and (min-width:768px) {

  .verified-certificate-page .view-home .wrapper-header,
  .verified-certificate-page .view-index .wrapper-header,
  .verified-certificate-page .view-landing .wrapper-header,
  .verified-certificate-page .view-signin .wrapper-header,
  .verified-certificate-page .view-signup .wrapper-header {
    height: 360px
  }

  .verified-certificate-page .view-home .wrapper-header .title-view,
  .verified-certificate-page .view-index .wrapper-header .title-view,
  .verified-certificate-page .view-landing .wrapper-header .title-view,
  .verified-certificate-page .view-signin .wrapper-header .title-view,
  .verified-certificate-page .view-signup .wrapper-header .title-view {
    width: 48.57143%;
    margin-left: 2.85714%;
    padding-left: 20px;
    font-size: 48px;
    line-height: 71.04px;
    text-align: left
  }

  .verified-certificate-page .view-home .wrapper-header .title-sub,
  .verified-certificate-page .view-index .wrapper-header .title-sub,
  .verified-certificate-page .view-landing .wrapper-header .title-sub,
  .verified-certificate-page .view-signin .wrapper-header .title-sub,
  .verified-certificate-page .view-signup .wrapper-header .title-sub {
    top: 20px
  }

  .verified-certificate-page .view-home .wrapper-header .graphic,
  .verified-certificate-page .view-index .wrapper-header .graphic,
  .verified-certificate-page .view-landing .wrapper-header .graphic,
  .verified-certificate-page .view-signin .wrapper-header .graphic,
  .verified-certificate-page .view-signup .wrapper-header .graphic {
    position: relative;
    float: right;
    margin: 30px 0 0;
    right: 2%;
    width: 45%;
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, .1);
    background: #fff
  }

  .verified-certificate-page .view-home .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-home .wrapper-header .graphic .list-actions,
  .verified-certificate-page .view-index .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-index .wrapper-header .graphic .list-actions,
  .verified-certificate-page .view-landing .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-landing .wrapper-header .graphic .list-actions,
  .verified-certificate-page .view-signin .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-signin .wrapper-header .graphic .list-actions,
  .verified-certificate-page .view-signup .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-signup .wrapper-header .graphic .list-actions {
    width: 150px;
    bottom: 30px
  }

  .verified-certificate-page .view-home .wrapper-introduction .introduction-summary,
  .verified-certificate-page .view-index .wrapper-introduction .introduction-summary,
  .verified-certificate-page .view-landing .wrapper-introduction .introduction-summary,
  .verified-certificate-page .view-signin .wrapper-introduction .introduction-summary,
  .verified-certificate-page .view-signup .wrapper-introduction .introduction-summary {
    width: 48.57143%;
    margin-right: 2.85714%;
    margin-bottom: 0
  }

  .verified-certificate-page .view-home .wrapper-introduction .introduction-proofpoints,
  .verified-certificate-page .view-index .wrapper-introduction .introduction-proofpoints,
  .verified-certificate-page .view-landing .wrapper-introduction .introduction-proofpoints,
  .verified-certificate-page .view-signin .wrapper-introduction .introduction-proofpoints,
  .verified-certificate-page .view-signup .wrapper-introduction .introduction-proofpoints {
    width: 48.57143%
  }

  .verified-certificate-page .view-home .wrapper-courses .cta .wrapper,
  .verified-certificate-page .view-home .wrapper-courses .cta [class|=wrapper],
  .verified-certificate-page .view-home .wrapper-statement .cta .wrapper,
  .verified-certificate-page .view-home .wrapper-statement .cta [class|=wrapper],
  .verified-certificate-page .view-index .wrapper-courses .cta .wrapper,
  .verified-certificate-page .view-index .wrapper-courses .cta [class|=wrapper],
  .verified-certificate-page .view-index .wrapper-statement .cta .wrapper,
  .verified-certificate-page .view-index .wrapper-statement .cta [class|=wrapper],
  .verified-certificate-page .view-landing .wrapper-courses .cta .wrapper,
  .verified-certificate-page .view-landing .wrapper-courses .cta [class|=wrapper],
  .verified-certificate-page .view-landing .wrapper-statement .cta .wrapper,
  .verified-certificate-page .view-landing .wrapper-statement .cta [class|=wrapper],
  .verified-certificate-page .view-signin .wrapper-courses .cta .wrapper,
  .verified-certificate-page .view-signin .wrapper-courses .cta [class|=wrapper],
  .verified-certificate-page .view-signin .wrapper-statement .cta .wrapper,
  .verified-certificate-page .view-signin .wrapper-statement .cta [class|=wrapper],
  .verified-certificate-page .view-signup .wrapper-courses .cta .wrapper,
  .verified-certificate-page .view-signup .wrapper-courses .cta [class|=wrapper],
  .verified-certificate-page .view-signup .wrapper-statement .cta .wrapper,
  .verified-certificate-page .view-signup .wrapper-statement .cta [class|=wrapper] {
    width: calc(97.14286% - 182px);
    margin-right: 2.85714%
  }

  .verified-certificate-page .walkthrough-col-step {
    max-width: 32%
  }

  .verified-certificate-page .walkthrough-clearfix {
    clear: both
  }
}

@media screen and (min-width:980px) {

  .verified-certificate-page .view-home .wrapper-header .title-sub,
  .verified-certificate-page .view-index .wrapper-header .title-sub,
  .verified-certificate-page .view-landing .wrapper-header .title-sub,
  .verified-certificate-page .view-signin .wrapper-header .title-sub,
  .verified-certificate-page .view-signup .wrapper-header .title-sub {
    top: 60px
  }

  .verified-certificate-page .view-home .wrapper-header .graphic,
  .verified-certificate-page .view-index .wrapper-header .graphic,
  .verified-certificate-page .view-landing .wrapper-header .graphic,
  .verified-certificate-page .view-signin .wrapper-header .graphic,
  .verified-certificate-page .view-signup .wrapper-header .graphic {
    position: absolute;
    margin: 0;
    top: 75px;
    right: 5%;
    width: 450px;
    height: 290px
  }

  .verified-certificate-page .view-home .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-home .wrapper-header .graphic .list-actions,
  .verified-certificate-page .view-index .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-index .wrapper-header .graphic .list-actions,
  .verified-certificate-page .view-landing .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-landing .wrapper-header .graphic .list-actions,
  .verified-certificate-page .view-signin .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-signin .wrapper-header .graphic .list-actions,
  .verified-certificate-page .view-signup .wrapper-header .graphic .action-items,
  .verified-certificate-page .view-signup .wrapper-header .graphic .list-actions {
    bottom: 10px
  }

  .verified-certificate-page .walkthrough-col-step {
    max-width: 24%;
    float: left
  }

  .verified-certificate-page .walkthrough-clearfix {
    clear: none
  }
}

.verified-certificate-page .faqs {
  width: 100%
}

.verified-certificate-page .faqs .action-items,
.verified-certificate-page .faqs .list-actions {
  text-align: center
}

.verified-certificate-page .faqs .action-primary {
  box-sizing: border-box;
  transition: color .25s ease-in-out, background .25s ease-in-out, box-shadow .25s ease-in-out;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  border-radius: 2px;
  padding: 10px 20px;
  text-align: center;
  box-shadow: 0 2px 1px 0 #0a4a67;
  background: #126f9a;
  color: #fff !important;
  margin-bottom: 10px
}

.verified-certificate-page .faqs .action-primary:active,
.verified-certificate-page .faqs .action-primary:focus,
.verified-certificate-page .faqs .action-primary:hover {
  background: #00262b;
  color: #fff
}

.verified-certificate-page .faqs .action-primary.active,
.verified-certificate-page .faqs .action-primary.current {
  box-shadow: inset 0 2px 1px 1px #1580b0;
  background: #1aa1de;
  color: #1580b0
}

.verified-certificate-page .faqs .action-primary.active:active,
.verified-certificate-page .faqs .action-primary.active:focus,
.verified-certificate-page .faqs .action-primary.active:hover,
.verified-certificate-page .faqs .action-primary.current:active,
.verified-certificate-page .faqs .action-primary.current:focus,
.verified-certificate-page .faqs .action-primary.current:hover {
  box-shadow: inset 0 2px 1px 1px #126f9a;
  color: #126f9a
}

.verified-certificate-page .faqs .action-primary.disabled,
.verified-certificate-page .faqs .action-primary[disabled] {
  cursor: default;
  pointer-events: none;
  background: #646668;
  box-shadow: none
}

.verified-certificate-page .faqs .action-primary .icon-inline {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px
}

.verified-certificate-page .faqs .action-secondary {
  font-size: 14px;
  line-height: 20.72px;
  border-bottom: 1px dotted transparent;
  color: #00262b
}

.verified-certificate-page .faqs .action-secondary:active,
.verified-certificate-page .faqs .action-secondary:focus,
.verified-certificate-page .faqs .action-secondary:hover {
  border-color: #1580b0
}

.video-component {
  margin-bottom: 20px
}

.video-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%
}

.video-wrapper .video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.vjs-control-bar .vjs-seek-to-live-control {
  display: none
}

.video-trigger {
  background: none;
  position: relative;
  border: none;
  padding: 0
}

.video-trigger .video-trigger-cta {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14);
  text-align: center;
  width: 150px;
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 75px);
  padding: 10px 0
}

.video-trigger .video-trigger-cta.no-thumb {
  position: relative
}

.video-trigger:focus,
.video-trigger:hover {
  cursor: pointer
}

.video-trigger:focus .video-trigger-cta,
.video-trigger:hover .video-trigger-cta {
  background-color: #f0f2f2;
  border-color: #00262b;
  color: #00262b
}

.video-trigger .icon {
  margin-right: 6px
}

.landing-page-hero {
  background-position: 86% 50px;
  background-size: cover;
  background-repeat: no-repeat;
  height: 500px
}

@media (min-width:992px) {
  .landing-page-hero {
    background-position: 50%;
    height: 320px
  }
}

@media (min-width:1200px) {
  .landing-page-hero {
    background-size: 1100px
  }
}

.landing-page-hero .mobile-overlay {
  background: rgba(0, 0, 0, .7)
}

.landing-page-hero .hero-header-container .logo-container .hero-logo {
  min-width: 250px
}

@media (min-width:992px) {
  .landing-page-hero .hero-header-container .logo-container .hero-logo {
    padding: 0
  }
}

.skip-nav-container .scroll-to-programs-btn {
  color: #fff;
  background-color: #00262b
}

.skip-nav-container .scroll-to-programs-btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  box-shadow: none
}

.hubspot-form-container {
  padding: 40px 20px
}

@media (min-width:992px) {
  .hubspot-form-container {
    width: 500px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
    padding: 40px 20px 90px
  }
}

@media (min-width:576px) {
  .hubspot-form-container {
    max-width: 450px
  }
}

.hubspot-form-container .hs-form-iframe {
  width: 100% !important
}

.media-module {
  margin-bottom: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}

.media-module.small-image {
  max-width: 750px
}

.media-module.is-vertical .video-component {
  margin: 0 !important
}

.media-module .theme-limestone {
  background-color: #fbfaf9
}

.media-module .btn {
  min-width: 160px
}

.media-module .video-thumb {
  min-width: 558px
}

.footer .media-module .text .section-title,
.media-module .text .footer .section-title,
.media-module .text .h2 {
  margin-top: 0 !important
}

.program-track-modal.modal-dialog .modal-content {
  display: flex;
  max-height: calc(100vh - 100px - 2rem);
  top: 100px
}

@media (min-width:992px) {
  .program-track-modal.modal-dialog .modal-content {
    max-height: calc(100vh - 150px - 2rem);
    top: 150px
  }
}

.program-track-modal.modal-dialog .modal-content .modal-header {
  display: none
}

.program-track-modal.modal-dialog .modal-content .modal-body {
  padding: 36px
}

.program-track-modal.modal-dialog .modal-content .modal-body .program-tracks-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px
}

.program-track-modal.modal-dialog .modal-content .modal-body .program-tracks-container .program-track-card {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #bfc9ca;
  border-radius: 6px;
  padding: 20px;
  min-width: 240px
}

.program-track-modal.modal-dialog .modal-content .modal-body .program-tracks-container .program-track-card .program-text-container .price {
  text-align: right
}

.mobile-ad-banner {
  padding: 24px;
  background-color: #ebebeb
}

@media (min-width:1200px) {
  .mobile-ad-banner {
    padding-top: 32px;
    padding-bottom: 32px
  }
}

.mobile-ad-banner .mobile-ad-banner-wrapper {
  max-width: 800px
}

.mobile-ad-banner .mobile-ad-banner-wrapper .mobile-ad-banner-description {
  color: #454953
}

.mobile-ad-banner .mobile-ad-banner-wrapper .app-download-links {
  display: flex;
  justify-content: space-between;
  width: 230px
}

.mobile-ad-banner .mobile-ad-banner-wrapper .app-download-links .app-download-badge {
  max-width: 119px;
  max-height: 36px
}

.hero-line {
  position: absolute;
  top: 0;
  left: 0
}

.hero-line-fill {
  stroke: #d23228
}

.homepage-hero-container .homepage-hero-primary {
  background-color: #00262b
}

.homepage-hero-container .homepage-hero-primary .homepage-hero {
  position: relative;
  color: #e1dddb;
  margin-bottom: 64px
}

@media (min-width:768px) {
  .homepage-hero-container .homepage-hero-primary .homepage-hero {
    margin-bottom: 32px
  }
}

@media (min-width:992px) {
  .homepage-hero-container .homepage-hero-primary .homepage-hero {
    margin-bottom: 32px
  }
}

.homepage-hero-container .homepage-hero-primary .homepage-hero .main-content {
  height: auto
}

@media (min-width:768px) {
  .homepage-hero-container .homepage-hero-primary .homepage-hero .main-content {
    height: 448px
  }
}

.homepage-hero-container .homepage-hero-primary .homepage-hero .text-block {
  flex-shrink: 0;
  padding-bottom: 1rem !important;
  max-width: 100%
}

@media (min-width:992px) {
  .homepage-hero-container .homepage-hero-primary .homepage-hero .text-block {
    padding-left: 8rem !important;
    padding-bottom: 4rem !important
  }
}

.homepage-hero-container .homepage-hero-primary .homepage-hero .hero-title {
  color: #fff;
  padding-top: 2rem;
  padding-bottom: 1rem;
  padding-left: 2rem
}

@media (min-width:768px) {
  .homepage-hero-container .homepage-hero-primary .homepage-hero .hero-title {
    padding-bottom: 0
  }
}

@media (min-width:992px) {
  .homepage-hero-container .homepage-hero-primary .homepage-hero .hero-title {
    padding-top: 3rem;
    padding-left: 0
  }
}

.homepage-hero-container .homepage-hero-primary .homepage-hero .color-emphasized {
  color: #d23228
}

.homepage-hero-container .homepage-hero-primary .homepage-hero .hero-link {
  color: #ccc;
  -webkit-text-decoration-color: #ccc;
  text-decoration-color: #ccc
}

.homepage-hero-container .homepage-hero-primary .homepage-hero .hero-subject-link {
  -webkit-text-decoration-color: #d7d3d1;
  text-decoration-color: #d7d3d1
}

.homepage-hero-container .homepage-hero-primary .homepage-hero .search-bar-container {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

@media (min-width:768px) {
  .homepage-hero-container .homepage-hero-primary .homepage-hero .search-bar-container {
    margin-top: 3rem !important;
    margin-bottom: 2rem !important
  }
}

.homepage-hero-container .homepage-hero-primary .homepage-hero .image-block {
  flex-shrink: 0
}

.homepage-hero-container .learner-stats-wrapper {
  background: #f0cc00;
  color: #00262b;
  max-width: 90%;
  bottom: -54px;
  left: -10px;
  padding-left: 7px
}

@media (min-width:768px) {
  .homepage-hero-container .learner-stats-wrapper {
    bottom: -32px
  }
}

@media (min-width:992px) {
  .homepage-hero-container .learner-stats-wrapper {
    padding-left: 24px
  }

  .homepage-hero-container .learner-stats-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 500%;
    background: #f0cc00
  }
}

.homepage-hero-container .learner-stats-wrapper .learner-stats {
  line-height: 1;
  font-size: .875rem
}

@media (min-width:768px) {
  .homepage-hero-container .learner-stats-wrapper .learner-stats {
    font-size: 1.125rem
  }
}

@media (min-width:992px) {
  .homepage-hero-container .learner-stats-wrapper .learner-stats {
    padding-left: 8rem !important
  }
}

@media (min-width:768px) {
  .homepage-hero-container .learner-stats-wrapper .learner-count {
    font-size: 2rem
  }
}

.home-searchbar .home-search-box {
  height: 44px
}

.home-searchbar .home-search-box .search-bar {
  padding: 10px 8px;
  margin-right: 4px;
  width: 100%;
  border: none;
  background-color: #fff;
  box-shadow: 0 8px 10px rgba(0, 0, 0, .1)
}

@media (min-width:768px) {
  .home-searchbar .home-search-box .search-bar {
    width: 276px
  }
}

.home-searchbar .home-search-box .search-bar::-webkit-input-placeholder {
  color: #707070
}

.home-searchbar .home-search-box .search-bar:-ms-input-placeholder {
  color: #707070
}

.home-searchbar .home-search-box .search-bar::-ms-input-placeholder {
  color: #707070
}

.home-searchbar .home-search-box .search-bar::placeholder {
  color: #707070
}

.home-searchbar .home-search-box .edit-submit {
  padding: 10px 16px
}

.facet-list .new-search-page .btn-collapsible:active,
.facet-list .new-search-page .btn-collapsible:focus,
.facet-list .new-search-page .btn-collapsible:hover,
.new-search-page .facet-list .btn-collapsible:active,
.new-search-page .facet-list .btn-collapsible:focus,
.new-search-page .facet-list .btn-collapsible:hover,
.new-search-page .search-btn:active,
.new-search-page .search-btn:focus,
.new-search-page .search-btn:hover {
  outline-style: solid;
  outline-color: #9cd2e6
}

.facet-list .new-search-page .btn-collapsible:active,
.facet-list .new-search-page .btn-collapsible:hover,
.new-search-page .facet-list .btn-collapsible:active,
.new-search-page .facet-list .btn-collapsible:hover,
.new-search-page .search-btn:active,
.new-search-page .search-btn:hover {
  outline-width: 1px
}

.facet-list .new-search-page .btn-collapsible:focus,
.new-search-page .facet-list .btn-collapsible:focus,
.new-search-page .search-btn:focus {
  outline-width: 3px
}

.new-search-page .search-header .search-box {
  background-color: #fff;
  max-width: 900px
}

@media only screen and (min-width:1180px) {
  .new-search-page .search-header .search-box {
    max-width: 850px
  }
}

.new-search-page .search-header .btn {
  border-radius: 2px
}

.new-search-page .search-header .autocomplete {
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .15);
  border-radius: 4px;
  max-width: 900px;
  width: 100%
}

.new-search-page .search-header .autocomplete .suggestion {
  background: #fff
}

.new-search-page .search-header .autocomplete .suggestion .suggestion-title {
  color: #000
}

.new-search-page .search-header .autocomplete .suggestion .suggestion-type {
  color: #707070
}

.new-search-page .search-header .autocomplete .suggestion:hover {
  background: #000;
  text-decoration: none
}

.new-search-page .search-header .autocomplete .suggestion:hover .suggestion-title {
  color: #fff
}

.new-search-page .search-header .autocomplete .suggestion:hover .suggestion-type {
  color: #ebebeb
}

.new-search-page .search-header .autocomplete .suggestion.selected,
.new-search-page .search-header .autocomplete .suggestion:focus {
  box-shadow: inset 0 0 0 2px #000;
  outline: none
}

.new-search-page .search-header .filters {
  margin-bottom: 10px
}

@media only screen and (min-width:768px) {
  .new-search-page .search-header .filters {
    margin-bottom: 40px
  }
}

.new-search-page .tab-wrapper {
  background: #002121
}

.new-search-page .nav-tabs .nav-item {
  width: 32%
}

@media (min-width:768px) {
  .new-search-page .nav-tabs .nav-item {
    width: 200px;
    margin-right: 1.5rem
  }
}

.new-search-page .nav-tabs .nav-item .nav-link {
  background: hsla(0, 0%, 100%, .7);
  padding: 3px 8px;
  width: 100%;
  font-weight: 500;
  font-size: 1rem
}

@media (min-width:768px) {
  .new-search-page .nav-tabs .nav-item .nav-link {
    line-height: 2.66rem;
    text-align: center;
    font-size: 2rem
  }
}

.new-search-page .nav-tabs .nav-item .nav-link.active {
  font-weight: 700;
  background: #fff
}

.new-search-page .tab-content {
  margin: 0 auto
}

.new-search-page .search-header {
  background: #00262b;
  padding-top: 14px
}

@media only screen and (min-width:768px) {
  .new-search-page .search-header {
    padding-top: 32px
  }
}

@media (min-width:768px) {
  .new-search-page .search-results .results-all .program-wrapper {
    margin-top: 56px !important
  }

  .new-search-page .search-results .results-all .course-wrapper {
    margin-top: 32px !important
  }
}

@media (min-width:1200px) {
  .new-search-page .search-results .results-all .course-wrapper .discovery-card {
    margin-bottom: 1.5rem
  }
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button>.vjs-icon-placeholder:before {
  text-align: center
}


.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
  content: "\F101"
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-play-circle:before {
  content: "\F102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
  content: "\F103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
  content: "\F104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
  content: "\F105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
  content: "\F106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
  content: "\F107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
  content: "\F108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
  content: "\F109"
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-square:before {
  content: "\F10A"
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-spinner:before {
  content: "\F10B"
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
  content: "\F10C"
}

.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
  content: "\F10D"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
  content: "\F10E"
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-share:before {
  content: "\F10F"
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-cog:before {
  content: "\F110"
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
  content: "\F111"
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-circle-outline:before {
  content: "\F112"
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-circle-inner-circle:before {
  content: "\F113"
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-hd:before {
  content: "\F114"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
  content: "\F115"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
  content: "\F116"
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-facebook:before {
  content: "\F117"
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-gplus:before {
  content: "\F118"
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-linkedin:before {
  content: "\F119"
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-twitter:before {
  content: "\F11A"
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-tumblr:before {
  content: "\F11B"
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-pinterest:before {
  content: "\F11C"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
  content: "\F11D"
}

.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
  content: "\F11E"
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-next-item:before {
  content: "\F11F"
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.vjs-icon-previous-item:before {
  content: "\F120"
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
  content: "\F121"
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
  content: "\F122"
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: normal
}

.video-js:-moz-full-screen {
  position: absolute
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important
}

.video-js[tabindex="-1"] {
  outline: none
}

.video-js *,
.video-js :after,
.video-js :before {
  box-sizing: inherit
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin: 0
}

.video-js.vjs-4-3,
.video-js.vjs-16-9,
.video-js.vjs-fluid {
  width: 100%;
  max-width: 100%;
  height: 0
}

.video-js.vjs-16-9 {
  padding-top: 56.25%
}

.video-js.vjs-4-3 {
  padding-top: 75%
}

.video-js.vjs-fill,
.video-js .vjs-tech {
  width: 100%;
  height: 100%
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none
}

.vjs-hidden {
  display: none !important
}

.vjs-disabled {
  opacity: .5;
  cursor: default
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: .06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  border-radius: .3em;
  transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -.81666em;
  margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5);
  transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
  display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: .5em;
  z-index: 2
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, .8);
  background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0));
  overflow: auto
}

.video-js .vjs-modal-dialog>* {
  box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1
}

.vjs-menu-button {
  cursor: pointer
}

.vjs-menu-button.vjs-disabled {
  cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto
}

.vjs-menu .vjs-menu-content>* {
  box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: .2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5)
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 .3em;
  font-weight: 700;
  cursor: default
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
  display: block
}

.video-js .vjs-menu-button-inline {
  transition: all .4s;
  overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
  width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
  display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none
}

.vjs-button>.vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67
}

.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
  display: none
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none
}

.video-js .vjs-progress-control.disabled {
  cursor: default
}

.vjs-live .vjs-progress-control {
  display: none
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center
}

.vjs-no-flex .vjs-progress-control {
  width: auto
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all .2s;
  height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em
}

.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0
}

.video-js .vjs-play-progress {
  background-color: #fff
}

.video-js .vjs-play-progress:before {
  font-size: .9em;
  position: absolute;
  right: -.5em;
  top: -.333333333333333em;
  z-index: 1
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: hsla(0, 0%, 100%, .8);
  border-radius: .3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
  display: block;
  font-size: .6em;
  visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 .45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider.disabled {
  cursor: default
}

.video-js .vjs-slider:focus {
  text-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px
}

.video-js .vjs-volume-panel {
  transition: width 1s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
  width: 10em;
  transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: .5em
}

.video-js .vjs-volume-panel {
  display: flex
}

.video-js .vjs-volume-bar {
  margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
  width: .3em;
  height: 5em;
  margin: 1.35em auto
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
  width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -.5em;
  left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
  height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -.3em;
  right: -.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%
}

.vjs-has-started .vjs-poster {
  display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
  display: block
}

.vjs-using-native-controls .vjs-poster {
  display: none
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left
}

.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
  display: none
}

.video-js .vjs-seek-to-live-control {
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: .5em;
  padding-right: .5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: .5em;
  color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em
}

.video-js .vjs-current-time,
.video-js .vjs-duration,
.vjs-live .vjs-time-control,
.vjs-no-flex .vjs-current-time,
.vjs-no-flex .vjs-duration {
  display: none
}

.vjs-time-divider {
  display: none;
  line-height: 3em
}

.vjs-live .vjs-time-divider {
  display: none
}

.video-js .vjs-play-control {
  cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: .1em
}

.vjs-subtitles {
  color: #fff
}

.vjs-captions {
  color: #fc6
}

.vjs-tt-cue {
  display: block
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control,
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none
}

.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate>.vjs-menu-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -.5em;
  position: absolute;
  text-shadow: .05em .05em .1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, .7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: #fff transparent transparent
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
  animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: #fff;
  animation-delay: .44s
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible
  }
}

@keyframes vjs-spinner-spin {
  to {
    transform: rotate(1turn)
  }
}

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f
  }

  20% {
    border-top-color: #73859f
  }

  35% {
    border-top-color: #fff
  }

  60% {
    border-top-color: #73859f
  }

  to {
    border-top-color: #73859f
  }
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\F10D";
  font-size: 1.5em;
  line-height: inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \F11D";
  font-size: 1.5em;
  line-height: inherit
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control {
  display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover {
  width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button {
  display: none
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer {
  flex: auto;
  display: block
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer {
  width: auto
}

.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control {
  display: none
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .75);
  color: #fff;
  height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
  display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom
}

@supports (display:grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr
  }
}

.vjs-track-setting>select {
  margin-right: 1em;
  margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none
}

.vjs-text-track-settings fieldset span {
  display: inline-block
}

.vjs-text-track-settings fieldset span>select {
  max-width: 7.3em
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden
}

.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f)
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, .75)
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em
}

@media print {
  .video-js>:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden
  }
}

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000
}

.js-focus-visible .video-js :focus:not(.focus-visible),
.video-js .vjs-menu :focus:not(:focus-visible),
.video-js :focus:not(:focus-visible) {
  outline: none;
  background: none
}

.about-edx .btn-avatar {
  padding-left: 1.25rem
}

.about-edx .btn-avatar .pgn__avatar-button-avatar-wrap {
  display: unset;
  margin-right: 0
}

.about-edx .pgn__avatar {
  transform: unset
}

.about-edx .pgn__avatar-md {
  width: 6rem;
  height: 6rem;
  min-width: 6rem
}

@media (min-width:576px) {
  .about-edx .pgn__avatar-md {
    width: 11.5rem;
    height: 11.5rem;
    min-width: 11.5rem
  }
}

.about-edx .about-title {
  color: #fff;
  font-size: 2.25rem
}

.about-edx .about-us-hero-container {
  background-color: #00262b;
  position: relative;
  color: #e1dddb;
  max-height: 380px;
  overflow-y: hidden
}

.about-edx .about-us-hero-container .text-block {
  color: #fff;
  max-width: 100%;
  z-index: 1;
  padding: 1rem
}

@media (min-width:576px) {
  .about-edx .about-us-hero-container .text-block {
    padding-left: 5rem !important;
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }
}

@media (min-width:992px) {
  .about-edx .about-us-hero-container .text-block {
    max-width: 80%;
    padding-left: 10rem !important;
    padding-bottom: 4rem !important;
    padding-top: 4rem !important
  }
}

.about-edx .about-us-hero-container .text-block .color-emphasized {
  color: #d23228
}

@media (min-width:992px) {
  .about-edx .about-us-hero-container .image-block {
    position: absolute;
    right: 0;
    top: 0
  }
}

.about-edx .our-movement {
  background-color: #f2f0ef
}

.about-edx .our-movement .our-movement-header {
  color: #00262b
}

.about-edx .our-movement .our-movement-body-text {
  max-width: 750px
}

.about-edx .our-mission {
  background-color: #fbfaf9;
  overflow: auto
}

.about-edx .our-mission .our-mission-image-container {
  left: -1rem;
  height: 500px;
  position: relative
}

.about-edx .our-mission .our-mission-image-container .our-mission-image {
  height: 500px;
  width: 562.5px;
  min-width: 562.5px;
  position: absolute;
  right: 46px
}

.about-edx .our-mission .our-mission-text-block {
  max-width: 100%
}

@media (min-width:992px) {
  .about-edx .our-mission .our-mission-text-block {
    max-width: 50%
  }
}

.about-edx .our-mission .our-mission-text-block .our-mission-header {
  color: #00262b
}

.about-edx .our-story-container {
  background-color: #002121
}

.about-edx .our-story-container .our-story {
  background-color: #002121;
  color: #fff
}

.about-edx .our-story-container .our-story .our-story-image-container {
  position: relative;
  height: 512px;
  width: 512px
}

.about-edx .our-story-container .our-story .our-story-image-container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 512px;
  width: 500%;
  height: 25px;
  background: #fff;
  z-index: 1
}

.about-edx .our-story-container .our-story .our-story-image-container .our-story-image {
  height: 512px;
  position: absolute;
  left: 126px
}

@media (min-width:1200px) {
  .about-edx .our-story-container .our-story .our-story-image-container {
    width: 50%
  }
}

.about-edx .our-story-container .our-story .our-story-text-block {
  max-width: 100%
}

@media (min-width:992px) {
  .about-edx .our-story-container .our-story .our-story-text-block {
    max-width: 50%
  }
}

.about-edx .our-story-container .our-story .our-story-text-block .our-story-eyebrow {
  color: #fff;
  font-family: Roboto Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.about-edx .our-story-container .our-story .our-story-text-block .our-story-header {
  color: #fff
}

.about-edx .timeline {
  padding-top: 60px
}

.about-edx .careers {
  max-width: 750px
}

.about-edx .careers .careers-cta {
  width: 100%
}

@media (min-width:576px) {
  .about-edx .careers .careers-cta {
    width: auto
  }
}

.about-edx .stats {
  background-color: #fbfaf9;
  color: #00262b
}

.about-edx .stats .statistic {
  font-size: 2rem;
  font-family: Roboto Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.about-edx .page-heading {
  padding: 20px
}

.about-edx .page-heading .h1 {
  color: #000;
  font-size: 2rem
}

.about-edx .footer .section-title,
.about-edx .h2,
.about-edx .h3,
.about-edx .page-heading .h1,
.footer .about-edx .section-title {
  font-family: Inter, Helvetica Neue, Arial, sans-serif
}

.about-edx .our-team .our-team-eyebrow {
  font-family: Roboto Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.about-edx .our-team .section-title {
  text-align: center
}

.about-edx .our-team .member-description {
  background-color: #f2faf7
}

.about-edx .our-team .member-description .description-close-btn {
  color: #000
}

.about-edx .our-team .member-list {
  overflow: visible
}

.about-edx .our-team .member-list .text {
  padding: 0 10px
}

.about-edx .our-team .member-list .text .member-position {
  font-size: .75rem;
  line-height: 1.25
}

.about-edx .our-team .member-list .member-details {
  margin-top: 40px
}

.about-edx .our-team .member-list .member-details:nth-of-type(-n+2) {
  margin-top: 0
}

.about-edx .our-team .member-list .member-details:last-of-type {
  margin-bottom: 40px
}

@media (min-width:992px) {
  .about-edx .our-team .member-list .member-details:nth-of-type(3) {
    margin-top: 0
  }
}

.about-edx .our-team .background-grey {
  background-color: #fbfaf9
}

.about-edx .our-team .background-grey .member-description {
  background-color: #fff
}

.member-list-modal.modal-dialog {
  max-width: 100%
}

@media (min-width:768px) {
  .member-list-modal.modal-dialog {
    max-width: 800px
  }
}

.member-list-modal.modal-dialog .modal-content {
  display: flex;
  max-height: calc(100vh - 1rem);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

@media (min-width:576px) {
  .member-list-modal.modal-dialog .modal-content {
    max-height: calc(100vh - 100px - 2rem);
    top: 100px
  }
}

.member-list-modal.modal-dialog .modal-body {
  padding-top: 0
}

.member-list-modal.modal-dialog .modal-header {
  padding-bottom: 0
}

.member-list-modal.modal-dialog .modal-footer {
  display: none
}

@media (min-width:576px) {
  .member-list-modal.modal-dialog .pgn__avatar-md {
    width: 6rem;
    height: 6rem;
    min-width: 6rem
  }
}

.member-list-modal.modal-dialog .member-description-text {
  width: calc(100% - 64px)
}

@media (min-width:768px) {
  .member-list-modal.modal-dialog .member-description-text {
    width: auto
  }
}

.member-list-modal .modal-footer {
  background-color: #fff
}

.school-card-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  list-style: none;
  align-items: stretch;
  margin: 0;
  padding: 0
}

.school-card {
  width: 200px;
  margin: 10px
}

.school-card .logo {
  padding: 8px;
  background: #fff
}

.school-card .title {
  color: #212529;
  padding: 10px 10px 0
}

.school-card .level {
  color: #707070;
  font-size: .875rem;
  padding: 0 10px 10px
}

.school-card .school-link {
  display: inline-block;
  height: 100%;
  border: 1px solid #bfc9ca;
  background: #fbfaf9;
  text-decoration: none
}

.school-card .school-link:active,
.school-card .school-link:focus,
.school-card .school-link:hover {
  border-color: #00262b;
  background: #00262b
}

.school-card .school-link:active .level,
.school-card .school-link:active .title,
.school-card .school-link:focus .level,
.school-card .school-link:focus .title,
.school-card .school-link:hover .level,
.school-card .school-link:hover .title {
  color: #fff
}

.list-label {
  background: #eff8fa;
  color: #004972;
  font-size: 1.5rem;
  font-weight: 700
}

.page-skip-menu .list-inline-item {
  font-size: .8rem
}

.page-skip-menu .list-inline-item .link {
  text-decoration: none;
  color: #00688d
}

.page-skip-menu .list-inline-item .link:focus,
.page-skip-menu .list-inline-item .link:hover {
  text-decoration: underline
}

.subject-card {
  width: 200px
}

.subject-card .subject-image {
  border: 1px solid #bfc9ca
}

.subject-card .subject-title {
  height: 34px;
  background-color: #fbfaf9;
  padding: 5px 0;
  font-size: .8rem;
  font-weight: 700
}

.subject-card .subject-link {
  text-decoration: none
}

.subject-card .subject-link:focus .subject-image,
.subject-card .subject-link:hover .subject-image {
  border-color: #00688d
}

.subject-card .subject-link:focus .subject-title,
.subject-card .subject-link:hover .subject-title {
  background-color: #00688d;
  color: #fff
}

.subject-card-list {
  list-style: none
}

.subject-card-list-header {
  color: #001b1e;
  line-height: 1.5;
  margin: 0 0 20px;
  position: relative;
  text-align: center;
  text-transform: uppercase
}

.subject-card-list-header:before {
  content: "";
  border-top: 2px solid #bfc9ca;
  width: 100%;
  left: 0;
  right: 0;
  top: 50%;
  position: absolute;
  z-index: 0
}

.subject-card-list-header .subject-card-list-text {
  background-color: #fff;
  padding: 0 20px;
  position: relative;
  z-index: 10
}

.careers-page .hero-title {
  color: #fff;
  font-size: 2rem;
  font-weight: 400
}

@media (min-width:576px) {
  .careers-page .hero-title {
    font-size: 1.5rem
  }
}

@media (min-width:768px) {
  .careers-page .hero-title {
    font-size: 2.5rem
  }
}

.careers-page .careers-title {
  text-align: center;
  margin: 40px auto;
  max-width: 750px;
  line-height: 1.45;
  color: #000;
  font-size: 1.5rem;
  font-weight: 500
}

.careers-page .image-fill-section .image-fill-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 20px
}

.careers-page .image-fill-section .image-fill-content .btn,
.careers-page .image-fill-section .image-fill-content .footer .section-title,
.careers-page .image-fill-section .image-fill-content .h2,
.careers-page .image-fill-section .image-fill-content .p,
.footer .careers-page .image-fill-section .image-fill-content .section-title {
  color: #fff
}

@media (min-width:768px) {
  .careers-page .image-fill-section .image-fill-content {
    padding-left: calc(50% - 300px);
    padding-right: calc(50% - 300px)
  }
}

.careers-page .splash-image-container {
  position: relative;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto
}

.careers-page .cta-blue {
  padding: 10px 60px;
  text-decoration: none;
  background: #00688d;
  color: #fff;
  margin: 20px auto 0
}

.page {
  overflow: hidden
}

.course-info-page {
  color: #454545
}

.course-info-page .course-info-content .main-content {
  margin-bottom: 40px
}

.course-info-page .course-info-content .charter-oak-banner {
  text-align: center;
  color: #fff
}

.course-info-page .course-info-content .charter-oak-banner .charter-oak-link {
  color: #fff;
  text-decoration: underline
}

.course-info-page .course-info-content .charter-oak-banner .charter-oak-link:focus,
.course-info-page .course-info-content .charter-oak-banner .charter-oak-link:hover {
  text-decoration: none;
  border: 0
}

.course-info-page .course-info-content .charter-oak-banner .charter-oak-banner-body {
  font-size: 1rem;
  background: #212529
}

.course-info-page .course-info-content .course-side-area {
  float: none;
  margin-right: 0;
  width: auto
}

.course-info-page .course-info-content .course-side-area .borderless-item {
  border: none;
  padding-bottom: 0
}

.course-info-page .course-info-content .course-side-area .list-title {
  border: none;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 600
}

.donation-page .section-title {
  margin-bottom: 20px;
  line-height: 1.1;
  color: #00262b;
  font-size: 1.25rem;
  font-weight: 600
}

@media only screen and (min-width:540px) {
  .donation-page .section-title {
    font-size: 2.25rem
  }
}

.donation-page .hero-content {
  background: #00262b;
  color: #fff;
  max-width: 500px;
  margin: 0 15px;
  bottom: 20px;
  left: 0;
  right: 0;
  padding: 10px 10px 0
}

@media only screen and (min-width:540px) {
  .donation-page .hero-content {
    margin: 0 auto
  }
}

@media only screen and (min-width:1180px) {
  .donation-page .hero-content {
    max-width: 670px
  }
}

.donation-page .hero-content .title {
  color: #fff;
  margin-top: 5px;
  margin-bottom: 15px !important;
  font-size: 1.125rem;
  font-weight: 600
}

@media only screen and (min-width:540px) {
  .donation-page .hero-content .title {
    font-size: 1.375rem;
    margin-bottom: 20px !important
  }
}

@media only screen and (min-width:1180px) {
  .donation-page .hero-content .title {
    font-size: 1.625rem
  }
}

.donation-page .hero-content .title p {
  margin: 0
}

.donation-page .hero-content .subtitle {
  margin-bottom: 20px;
  line-height: 1.25;
  font-size: .875rem;
  font-weight: 400
}

@media only screen and (min-width:540px) {
  .donation-page .hero-content .subtitle {
    font-size: 1.125rem;
    margin-bottom: 30px;
    padding: 0 5%
  }
}

@media only screen and (min-width:1180px) {
  .donation-page .hero-content .subtitle {
    font-size: 1.25rem
  }
}

.donation-page .learner-stories .learner-img {
  border: 4px solid #ebebeb
}

.donation-page .learner-stories .learner-title {
  font-size: 1.3125rem;
  font-weight: 600
}

.donation-page .icon-list .icon-img {
  width: 55px;
  height: 55px
}

.donation-page .icon-list .icon-title {
  font-size: 1.2rem;
  font-weight: 600
}

.error-page .footer .section-title,
.error-page .h2,
.error-page .h3,
.footer .error-page .section-title {
  font-family: Inter, Helvetica Neue, Arial, sans-serif
}

.error-page .error-code {
  color: #707070
}

.py-homepage-module {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important
}

@media (min-width:768px) {
  .py-homepage-module {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important
  }
}

@media (min-width:992px) {
  .home-page {
    margin-top: 0
  }
}

.home-page .subject-cards {
  background: #f2f0ef
}

@media (min-width:1200px) {

  .home-page .subject-cards>.container-fluid,
  .home-page .subject-cards>.container-lg,
  .home-page .subject-cards>.container-md,
  .home-page .subject-cards>.container-sm,
  .home-page .subject-cards>.container-xl {
    padding-right: 15px !important
  }
}

.home-page .trustbar {
  padding-top: 32px;
  padding-bottom: 56px
}

@media (min-width:768px) {
  .home-page .trustbar {
    padding-bottom: 64px
  }
}

.home-page .trustbar .carousel-button-wrapper.next {
  display: none !important
}

@media (min-width:576px) {
  .home-page .trustbar .carousel-button-wrapper.next {
    display: inherit !important
  }
}

.home-page .subjects-list {
  background-color: #f2f0ef;
  padding-top: 80px;
  padding-bottom: 80px
}

.home-page .subjects-list .subjects-header {
  font-family: Roboto Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  color: #000
}

.home-page .subjects-list .subject-topics-wrapper {
  margin-top: 24px
}

.home-page .subjects-list .topic-link {
  line-height: 20px
}

.home-page .subjects-list .right-arrow {
  color: #d23228
}

.instructor-bio {
  color: #454545
}

.footer .instructor-bio .section-title,
.instructor-bio .footer .section-title,
.instructor-bio .h2 {
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: .875rem;
  font-weight: 400
}

.instructor-bio .bio-html {
  font-size: 1.25rem
}

.instructor-bio .bio-html.skeleton {
  height: 400px
}

.instructor-bio .enroll-btn {
  max-width: 400px
}

.instructor-bio .instructor-org-logo {
  width: 155px
}

.masters-landing-page {
  color: #212529;
  line-height: 1.4;
  background-color: #fff
}

.masters-fact-icon {
  background-color: #e1dddb;
  color: #00262b;
  width: 45px;
  height: 45px
}

@media (min-width:992px) {
  .masters-fact-icon {
    width: 64px;
    height: 64px
  }

  .masters-fact-icon .svg-inline--fa {
    font-size: 2rem
  }
}

.masters-fact-text {
  font-size: 1.5rem
}

.masters-rank {
  background-color: #e1dddb;
  width: 80px;
  height: 80px;
  font-size: 2rem;
  flex: none
}

.program-sidebar .hubspot-capture-container {
  width: 100%
}

@media (min-width:992px) {
  .program-sidebar .hubspot-capture-container .inset-form-headline {
    font-size: 1rem;
    padding: 16px 0 0
  }

  .program-sidebar .hubspot-capture-container .inset-form-banner {
    min-height: 70px;
    margin-bottom: 50px
  }
}

.masters-detail-block {
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  width: 100%
}

@media (min-width:1200px) {
  .masters-detail-block {
    width: calc(50% - 12px)
  }
}

.masters-detail-block .border-bottom {
  border-bottom: 1px solid #adadad
}

.masters-detail-block .cost {
  font-size: 1.5rem
}

.masters-menu-heading {
  padding: 0 10px;
  font-size: 1.125rem;
  font-weight: 700
}

.masters-menu-link {
  padding: 8px 10px;
  font-size: 1.125rem
}

@media (min-width:768px) {
  .masters-menu-link {
    font-weight: 700;
    border: 4px solid #fff;
    border-right: 0;
    border-left: 0;
    padding-top: 27px;
    padding-bottom: 27px
  }

  .masters-menu-link.active {
    border-bottom-color: #00688d
  }
}

@media (min-width:768px) {
  .masters-sticky-menu {
    border-bottom: 1px solid #ebebeb;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15)
  }
}

.masters-sticky-menu.stuck {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9999
}

.masters-sticky-menu .page-nav {
  width: 100%
}

@media (min-width:992px) {
  .masters-sticky-menu .page-nav {
    width: auto
  }
}

.footer-ctas {
  background: #fff;
  box-shadow: 0 -1px 4px rgba(0, 0, 0, .15)
}

.masters-program .site-footer-wrapper {
  margin-bottom: 72px
}

@media (min-width:992px) {
  .masters-program .site-footer-wrapper {
    margin-bottom: 0
  }
}

.mobile-page .alert-warning {
  padding-top: 20px;
  padding-bottom: 20px
}

.footer .mobile-page .section-title,
.mobile-page .footer .section-title,
.mobile-page .h2,
.mobile-page .h3 {
  font-family: Inter, Helvetica Neue, Arial, sans-serif
}

.mobile-page .upgrade-header {
  font-size: 1.3rem
}

.mobile-page .app-download-badge.google {
  width: 135px
}

.footer .modular-page .section-title,
.modular-page .footer .section-title,
.modular-page .h2 {
  margin-top: 2.5rem !important;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  text-align: center
}

.program-details-page .react-parallax {
  background-color: #f0f2f2
}

.program-details-page .program-header {
  margin-bottom: 0;
  background: none;
  padding-bottom: 12px
}

@media (min-width:992px) {
  .program-details-page .program-header {
    padding-top: 30px;
    padding-bottom: 22px
  }

  .program-details-page .program-header .program-header-container {
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
  }
}

.program-details-page .program-body .collapsible .collapsible-body {
  background: #fff
}

.program-details-page .program-hook-wrapper {
  max-width: 720px;
  margin: 0 auto 20px;
  padding: 0 30px 40px 0;
  position: relative
}

@media (min-width:576px) {
  .program-details-page .program-hook-wrapper {
    padding-left: 30px;
    max-width: 540px
  }
}

@media (min-width:768px) {
  .program-details-page .program-hook-wrapper {
    max-width: 720px
  }
}

@media (min-width:992px) {
  .program-details-page .program-hook-wrapper {
    max-width: 960px
  }
}

@media (min-width:1200px) {
  .program-details-page .program-hook-wrapper {
    max-width: 1140px
  }
}

.program-details-page .gradient-wrapper {
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #eae6e5);
  overflow: hidden
}

.program-details-page .icon-circle {
  background: #e1dddb;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #00262b;
  font-size: 1.5rem;
  padding: 0 12px
}

.program-details-page .icon-circle.question-icon {
  background: #f0f2f2
}

.program-details-page .instructor-image-wrapper {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%
}

.program-details-page .instructor-image-wrapper.overlap {
  margin-left: -10px;
  border: 2px solid #fff
}

.program-details-page .instructor-image-wrapper.overlay:after {
  content: "";
  width: 50px;
  height: 50px;
  background: #00262b;
  opacity: .25;
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0
}

.program-details-page .instructor-image-wrapper .rounded-circle {
  border-radius: 0 !important
}

.program-details-page .all-the-people {
  padding: 20px;
  width: 270px
}

@media (min-width:576px) {
  .program-details-page .all-the-people {
    width: auto
  }
}

.program-details-page .instructor-context {
  font-size: 1.5rem;
  margin-bottom: 30px
}

.program-details-page .instructor-details .org,
.program-details-page .instructor-details .title {
  font-size: .875rem;
  font-style: normal !important
}

.program-details-page .program-staff .collapsible {
  border: none;
  box-shadow: none
}

.program-details-page .program-staff .collapsible-title {
  font-size: 1.125rem;
  text-decoration: underline
}

.program-details-page .program-staff .btn-collapsible {
  border: none;
  box-shadow: none;
  display: flex
}

.program-details-page .program-staff .btn-collapsible:focus,
.program-details-page .program-staff .btn-collapsible:hover {
  background: none;
  color: #000
}

.program-details-page .program-staff .collapsible.open .btn-collapsible {
  background: none
}

.program-details-page .text-callout {
  margin-left: -5px;
  margin-bottom: 0
}

.program-details-page .text-callout .highlight {
  font-size: 1.5rem;
  line-height: 2;
  color: #000;
  background-color: #f0cc00;
  padding: 5px 10px 5px 30px;
  box-shadow: 10px 0 0 #f0cc00, -10px 0 0 #f0cc00;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone
}

.program-details-page .callout-wrapper .content {
  background: #f0f2f2;
  border: 2px solid #bfc9ca;
  border-radius: 4px;
  padding: 30px 48px;
  margin-bottom: 30px
}

.program-details-page .endorsements {
  margin: 0 auto;
  padding-bottom: 30px
}

.program-details-page .endorsements .quote-icon-wrapper {
  display: none
}

@media (min-width:768px) {
  .program-details-page .endorsements .quote-icon-wrapper {
    display: block;
    margin-left: -45px;
    color: #00688d
  }

  .program-details-page .endorsements .quote-icon-wrapper .quote-icon {
    position: absolute
  }
}

.program-details-page .endorsements .section-title {
  padding: 0 30px
}

@media (min-width:576px) {
  .program-details-page .endorsements .section-title {
    padding: 0
  }
}

.program-details-page .endorsements .content {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 1.5rem
}

.program-details-page .endorsements .company-endorser-logo-wrapper {
  border: 1px solid #bfc9ca;
  border-radius: 50%;
  background-color: #fff;
  width: 110px;
  height: 110px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 14px
}

.program-details-page .endorsements .company-endorser-logo-wrapper .company-endorser-logo {
  width: 80px
}

.program-details-page .program-stat {
  font-size: 1.75rem;
  display: flex;
  margin-bottom: 20px
}

.program-details-page .program-stat .details {
  margin-left: 20px
}

.program-details-page .program-stat .main {
  font-weight: 700
}

.program-details-page .program-stat .secondary {
  font-size: 1.125rem;
  color: #454545
}

.program-details-page .program-stat .stat-icon {
  margin-top: 5px
}

.program-details-page .program-stat .icon-circle {
  width: 60px;
  height: 60px;
  font-size: 1.75rem
}

@media (min-width:992px) {
  .program-details-page .program-stat {
    font-size: 1.3125rem
  }

  .program-details-page .program-stat .secondary {
    font-size: 1rem
  }

  .program-details-page .program-stat .icon-circle {
    width: 48px;
    height: 48px;
    font-size: 1.5rem
  }
}

.program-details-page .enroll-context {
  color: #454545;
  margin: 10px 0 12px;
  font-size: 1.5rem
}

.program-details-page .program-enroll-wrapper {
  padding: 75px 30px 60px;
  background-image: url(/images/experiments/ProgramDetails/data-science/enrolling-image-lg.jpg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}

.program-details-page .program-enroll-wrapper.business-management {
  background-image: url(/images/experiments/ProgramDetails/business-management/enrolling-image-lg.jpg)
}

.program-details-page .program-enroll-wrapper.computer-science {
  background-image: url(/images/experiments/ProgramDetails/computer-science/enrolling-image-lg.jpg)
}

@media (min-width:1200px) {
  .program-details-page .program-enroll-wrapper {
    background-image: url(/images/experiments/ProgramDetails/data-science/enrolling-image-xl.jpg)
  }

  .program-details-page .program-enroll-wrapper.business-management {
    background-image: url(/images/experiments/ProgramDetails/business-management/enrolling-image-xl.jpg)
  }

  .program-details-page .program-enroll-wrapper.computer-science {
    background-image: url(/images/experiments/ProgramDetails/computer-science/enrolling-image-xl.jpg)
  }
}

@media (min-width:768px) {
  .program-details-page .program-enroll-wrapper {
    padding-top: 136px;
    padding-bottom: 110px
  }
}

.program-details-page .program-enroll-wrapper .program-price {
  font-size: 1.5rem;
  font-weight: 700
}

.program-details-page .program-pursue-btn {
  max-width: 380px
}

.program-landing-page .corporate-learning,
.program-landing-page .more-info,
.program-landing-page .opening-text,
.program-landing-page .providers-section,
.program-landing-page .quote,
.program-landing-page .text-with-inline {
  max-width: 1140px;
  margin: 0 auto
}

@media (min-width:576px) {

  .program-landing-page .corporate-learning,
  .program-landing-page .more-info,
  .program-landing-page .opening-text,
  .program-landing-page .providers-section,
  .program-landing-page .quote,
  .program-landing-page .text-with-inline {
    padding: 40px 20px
  }
}

.program-landing-page .providers-section .provider {
  max-height: 150px
}

.program-landing-page .quote .quote-text {
  font-size: 2rem
}

.program-landing-page .quote .quote-author {
  font-size: 1.5rem
}

.program-landing-page .text-with-inline {
  padding-bottom: 40px
}

.program-landing-page .text-with-inline .inline-img {
  margin: 0 20px 0 0;
  max-height: 100px
}

.program-landing-page .side-by-side {
  max-width: 1140px;
  margin: 0 auto
}

.program-landing-page .corporate-learning-content,
.program-landing-page .side-by-side .sbs-text {
  background-color: #fbfaf9
}

@media (min-width:992px) {
  .program-landing-page .corporate-lead-title {
    height: 60px
  }
}

.program-landing-page .description-grid-item {
  font-size: 1.4rem
}

@media (min-width:992px) {
  .program-landing-page .description-grid-item {
    font-size: 2rem
  }
}

.program-landing-page .retrofit {
  max-width: 1140px
}

@media (min-width:576px) {
  .program-landing-page .retrofit {
    padding: 40px 36px
  }
}

.prof-ed-landing-page .quote .quote-text {
  font-size: 1.5rem;
  font-style: italic
}

.prof-ed-landing-page .quote .quote-author {
  font-size: 1rem
}

.research-page .h1,
.research-page .h3 {
  font-family: Inter, Helvetica Neue, Arial, sans-serif
}

.research-page .research-paper .img {
  width: 150px
}

.school-details {
  margin: 0 auto
}

.school-details .school-banner .school-banner-img {
  height: auto;
  float: right;
  max-width: 100%
}

@media (min-width:576px) {
  .school-details .school-banner .school-banner-img {
    width: 100%
  }
}

.school-details .school-overview h1,
.school-details .school-overview h2,
.school-details .school-overview h3,
.school-details .school-overview h4,
.school-details .school-overview h5,
.school-details .school-overview h6 {
  font-size: 1rem;
  font-weight: 700
}

.facet-list .search-results .btn-collapsible:active,
.facet-list .search-results .btn-collapsible:focus,
.facet-list .search-results .btn-collapsible:hover,
.search-results .facet-list .btn-collapsible:active,
.search-results .facet-list .btn-collapsible:focus,
.search-results .facet-list .btn-collapsible:hover,
.search-results .search-btn:active,
.search-results .search-btn:focus,
.search-results .search-btn:hover {
  outline-style: solid;
  outline-color: #9cd2e6
}

.facet-list .search-results .btn-collapsible:active,
.facet-list .search-results .btn-collapsible:hover,
.search-results .facet-list .btn-collapsible:active,
.search-results .facet-list .btn-collapsible:hover,
.search-results .search-btn:active,
.search-results .search-btn:hover {
  outline-width: 1px
}

.facet-list .search-results .btn-collapsible:focus,
.search-results .facet-list .btn-collapsible:focus,
.search-results .search-btn:focus {
  outline-width: 3px
}

.search-results .search-header {
  background: #002121;
  padding-top: 14px
}

@media only screen and (min-width:768px) {
  .search-results .search-header {
    padding-top: 32px
  }
}

.search-results .search-header .search-box {
  max-width: 900px;
  padding-bottom: 10px
}

@media only screen and (min-width:768px) {
  .search-results .search-header .search-box {
    padding-bottom: 20px
  }
}

@media only screen and (min-width:1180px) {
  .search-results .search-header .search-box {
    max-width: 850px
  }
}

.search-results .search-header .filters {
  margin-bottom: 10px
}

@media only screen and (min-width:768px) {
  .search-results .search-header .filters {
    margin-bottom: 40px
  }
}

.search-results .search-header .btn {
  border-radius: 2px
}

.search-results .btn-tab {
  background: hsla(0, 0%, 100%, .5);
  padding: 3px 8px;
  margin-right: 10px;
  border-radius: 2px 2px 0 0 !important;
  width: 100%;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700
}

.search-results .btn-tab:focus,
.search-results .btn-tab:hover {
  border: 1px solid #fff;
  box-shadow: none !important
}

.search-results .btn-tab.active {
  background: #fff;
  box-shadow: none !important
}

.search-results .btn-tab.active:focus,
.search-results .btn-tab.active:hover {
  border: 1px solid #2d494e
}

@media only screen and (min-width:768px) {
  .search-results .btn-tab {
    margin-right: 16px;
    width: 200px;
    font-size: 2rem;
    font-weight: 500
  }
}

.search-results .search-tab-list {
  margin-top: 8px
}

.search-results .search-tab-list .search-tab-list-item {
  width: 33.33333%
}

@media only screen and (min-width:768px) {
  .search-results .search-tab-list {
    margin-top: 40px
  }

  .search-results .search-tab-list .search-tab-list-item {
    width: auto
  }
}

.search-results .section-heading {
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 600
}

@media only screen and (min-width:768px) {
  .search-results .section-heading {
    font-size: 2rem;
    line-height: 1
  }
}

.search-results .section-heading.skeleton {
  min-height: 25px;
  min-width: 88px
}

@media only screen and (min-width:768px) {
  .search-results .section-heading.skeleton {
    min-height: 40px;
    min-width: 320px
  }
}

.search-results .section-subtitle {
  line-height: 1.25;
  color: #454545
}

.search-results .section-subtitle.skeleton {
  min-height: 20px;
  min-width: 88px
}

.search-results .show-all-link {
  color: #002121
}

@media (min-width:768px) {
  .search-results .results-all .program-wrapper {
    margin-top: 56px !important
  }

  .search-results .results-all .course-wrapper {
    margin-top: 32px !important
  }
}

@media (min-width:1200px) {
  .search-results .results-all .course-wrapper .discovery-card {
    margin-bottom: 1.5rem
  }
}

.footer .site-map .section-title,
.site-map .footer .section-title,
.site-map .h2,
.site-map .h3 {
  font-family: Inter, Helvetica Neue, Arial, sans-serif
}

.site-map .list-unstyled {
  margin-bottom: 40px
}

.site-map .link {
  text-decoration: none
}

.site-map .hr {
  margin-top: 40px;
  margin-bottom: 40px
}

.site-map .list-columns {
  -webkit-columns: 1;
  column-count: 1
}

@media (min-width:576px) {
  .site-map .list-columns {
    -webkit-columns: 2;
    column-count: 2
  }
}

@media (min-width:768px) {
  .site-map .list-columns {
    -webkit-columns: 3;
    column-count: 3
  }
}

.subject-detail-list .subject-hero {
  color: #fff;
  padding: 40px 0 50px;
  background-color: #4e4e4e;
  background-repeat: no-repeat;
  background-size: cover
}

.subject-detail-list .subject-hero .h1 {
  color: #fff
}

@media only screen and (min-width:1180px) {
  .subject-detail-list .subject-overview {
    width: calc(100% - 240px)
  }
}

.business.masters {
  background: url(/images/product_pages/biz-masters-background.png) bottom
}

.business.masters .fact .title {
  font-size: 2.5rem
}

.subject .hero,
.topic .hero {
  padding-top: 45px;
  background: url(/images/product_pages/pattern/stacked-lines-blue-rotated.png) repeat-x;
  min-height: 458px;
  position: relative
}

.subject .hero .subtitle,
.topic .hero .subtitle {
  font-size: 1.40625rem
}

.subject .hero .facts,
.topic .hero .facts {
  padding-top: 50px
}

.subject .hero.blue-dots-3x-size,
.topic .hero.blue-dots-3x-size {
  background: url(/images/product_pages/pattern/dots-blue-top-3x-size.png) repeat-x
}

.subject .hero.bar-line-flipped,
.topic .hero.bar-line-flipped {
  background: url(/images/product_pages/pattern/bar-line-flipped.png) repeat-x
}

.subject .card-list-area,
.subject .product-highlight,
.topic .card-list-area,
.topic .product-highlight {
  padding-bottom: 80px
}

.subject .product-highlight .facts,
.topic .product-highlight .facts {
  display: none
}

@media (min-width:768px) {

  .subject .product-highlight .facts,
  .topic .product-highlight .facts {
    display: flex
  }

  .subject .product-highlight .facts .fact,
  .topic .product-highlight .facts .fact {
    display: none
  }

  .subject .product-highlight .facts .fact:first-child,
  .topic .product-highlight .facts .fact:first-child {
    display: inline
  }
}

@media (min-width:992px) {

  .subject .product-highlight .facts .fact,
  .topic .product-highlight .facts .fact {
    display: inline
  }
}

.subject .product-highlight .facts .content p,
.topic .product-highlight .facts .content p {
  padding-bottom: 10px
}

.subject .testimonials .testimonials-container,
.topic .testimonials .testimonials-container {
  padding-bottom: 80px
}

.subject .testimonials .testimonial-link,
.topic .testimonials .testimonial-link {
  color: #00262b
}

.subject .testimonials .testimonial-title,
.topic .testimonials .testimonial-title {
  padding-top: 40px;
  padding-bottom: 20px
}

@media (min-width:576px) {

  .subject .testimonials .testimonial-title,
  .topic .testimonials .testimonial-title {
    padding-top: 112px;
    padding-bottom: 30px
  }
}

.subject .testimonials .profile,
.topic .testimonials .profile {
  padding-bottom: 20px
}

.subject .testimonials .testimonial-blockquote,
.topic .testimonials .testimonial-blockquote {
  color: #454545;
  line-height: 1.5;
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  font-size: 1.125rem
}

@media (max-width:575.98px) {

  .subject .testimonials .testimonial-blockquote,
  .topic .testimonials .testimonial-blockquote {
    font-size: 1rem
  }
}

.subject .testimonials .recommended .h4,
.topic .testimonials .recommended .h4 {
  font-weight: 700;
  padding-top: 20px
}

@media (min-width:992px) {

  .subject .testimonials .recommended .h4,
  .topic .testimonials .recommended .h4 {
    padding-top: 0
  }
}

.subject .product-area,
.topic .product-area {
  background-color: #f0f2f2
}

.subject .product-area .card-columns,
.topic .product-area .card-columns {
  -webkit-column-gap: 0;
  column-gap: 0
}

@media (max-width:575.98px) {

  .subject .product-area,
  .topic .product-area {
    background: none;
    background-color: #eff8fa;
    padding-top: 25px
  }

  .subject .product-area.emboss,
  .topic .product-area.emboss {
    background-image: url(/images/product_pages/shadow-small-bottom.png);
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 40px
  }

  .subject .product-area .card-list-area .row,
  .topic .product-area .card-list-area .row {
    padding-left: 20px;
    padding-right: 20px
  }

  .subject .product-area .card-list-area .row.card-columns,
  .topic .product-area .card-list-area .row.card-columns {
    margin: 0;
    padding-left: 0;
    padding-right: 0
  }

  .subject .product-area .card-columns,
  .subject .product-area .product-highlight,
  .topic .product-area .card-columns,
  .topic .product-area .product-highlight {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3);
    background-color: #fff;
    background-image: none;
    background-clip: border-box;
    border: 1px solid #bfc9ca;
    border-radius: 4px;
    padding-bottom: 5px;
    padding-right: 0;
    padding-left: 0
  }

  .subject .product-area .card-columns .row,
  .subject .product-area .product-highlight .row,
  .topic .product-area .card-columns .row,
  .topic .product-area .product-highlight .row {
    padding-left: 20px;
    padding-right: 20px
  }

  .subject .product-area .card-columns .row.card-columns,
  .subject .product-area .product-highlight .row.card-columns,
  .topic .product-area .card-columns .row.card-columns,
  .topic .product-area .product-highlight .row.card-columns {
    padding-left: 0;
    padding-right: 0
  }

  .subject .product-area .product-highlight .card-columns,
  .topic .product-area .product-highlight .card-columns {
    margin-left: 0;
    margin-right: 0;
    border: none;
    box-shadow: none
  }

  .subject .product-area .product-highlight .card-columns .card,
  .subject .product-area .product-highlight .card-columns .collapsible-card,
  .subject .product-area .product-highlight .card-columns .collapsible-card-lg,
  .topic .product-area .product-highlight .card-columns .card,
  .topic .product-area .product-highlight .card-columns .collapsible-card,
  .topic .product-area .product-highlight .card-columns .collapsible-card-lg {
    border-top: 1px solid #bfc9ca;
    border-radius: 0
  }

  .subject .product-area .product-highlight .card-group-title,
  .topic .product-area .product-highlight .card-group-title {
    padding-left: 15px;
    padding-right: 15px
  }
}

.subject .subject-routing,
.topic .subject-routing {
  background-image: url(/images/product_pages/pattern/dots-yellow-top.png);
  background-repeat: repeat-x;
  background-position: 50%;
  background-size: cover;
  background-color: #fffadb
}

.subject .subject-routing.data-science,
.topic .subject-routing.data-science {
  background-image: url(/images/product_pages/pattern/stacked-lines-yellow.png)
}

.subject .subject-routing.business-management,
.topic .subject-routing.business-management {
  background-image: url(/images/product_pages/pattern/bar-line-yellow.png);
  background-position: bottom
}

.subject .subject-routing .product-link .link,
.topic .subject-routing .product-link .link {
  display: flex;
  justify-content: left;
  margin-bottom: 30px;
  font-size: 1.125rem
}

@media (min-width:768px) {

  .subject .subject-routing .product-link .link,
  .topic .subject-routing .product-link .link {
    margin-bottom: 80px;
    font-size: 1.5rem
  }
}

.subject .subject-routing .product-link .card-group-title,
.topic .subject-routing .product-link .card-group-title {
  margin-left: 15px;
  font-weight: 700;
  font-family: Inter, Helvetica Neue, Arial, sans-serif
}

.subject .subject-routing .topic-routing,
.topic .subject-routing .topic-routing {
  background: none;
  padding-top: 0;
  padding-bottom: 20px
}

@media (min-width:768px) {

  .subject .subject-routing .topic-routing,
  .topic .subject-routing .topic-routing {
    padding-bottom: 55px
  }
}

@media (min-width:576px) {
  .subject .hero .container {
    padding-left: 0;
    padding-right: 0
  }
}

.subject .card-list-area {
  padding: 25px 0 50px
}

@media (min-width:768px) {
  .subject .card-list-area {
    padding: 80px 0
  }
}

.subject .product-area.no-shadow .container {
  background-image: none
}

.topic-page .hero {
  background: #00262b;
  color: #fff;
  padding: 40px 0 50px;
  margin-top: 40px
}

@media (min-width:992px) {
  .topic-page .hero {
    margin-top: 0
  }
}

.topic-page .hero-title {
  color: #fff
}

.topic-page .btn-topic {
  max-width: 450px;
  font-size: 1.25rem;
  margin: 0 auto
}

@media (min-width:768px) {
  .topic-page .btn-topic {
    max-width: 280px
  }
}

.contentful-program-landing-page .hero-container {
  position: relative;
  padding: 10px 0 0;
  overflow: hidden;
  background-color: #00262b
}

@media only screen and (min-width:980px) {
  .contentful-program-landing-page .hero-container {
    margin-top: 0
  }
}

.contentful-program-landing-page .hero-container .hero-content {
  max-width: 1200px;
  position: relative;
  top: 0;
  right: 0;
  bottom: 30px;
  left: 0;
  padding: 0 18px 20px;
  z-index: 10;
  text-align: left
}

@media (min-width:576px) {
  .contentful-program-landing-page .hero-container .hero-content {
    padding-left: 20px;
    padding-right: 20px
  }
}

.contentful-program-landing-page .hero-container .hero-items {
  padding-top: 20px;
  line-height: 1.1
}

@media (min-width:576px) {
  .contentful-program-landing-page .hero-container .hero-items {
    max-width: 460px
  }
}

@media (min-width:768px) {
  .contentful-program-landing-page .hero-container .hero-items {
    max-width: none
  }
}

@media (min-width:992px) {
  .contentful-program-landing-page .hero-container .hero-items {
    padding-top: 0
  }
}

.contentful-program-landing-page .hero-container .hero-text {
  font-size: 1.25rem
}

@media (max-width:991.98px) {
  .contentful-program-landing-page .hero-container .hero-text {
    line-height: .5
  }
}

.contentful-program-landing-page .hero-container .hero-responsive-image {
  opacity: .2;
  position: absolute !important;
  max-width: none;
  right: 0;
  bottom: 0
}

@media (min-width:576px) {
  .contentful-program-landing-page .hero-container .hero-responsive-image {
    top: 0
  }
}

.contentful-program-landing-page .hero-container .header-cta {
  background-color: #fff;
  color: #00262b;
  border-radius: 2px;
  width: 250px;
  font-weight: 600;
  font-size: 1.25rem
}

.contentful-program-landing-page .hero-container .header-cta:focus,
.contentful-program-landing-page .hero-container .header-cta:hover {
  opacity: .9
}

@media (min-width:768px) {
  .contentful-program-landing-page .hero-container .header-cta {
    font-size: 1rem
  }
}

.contentful-program-landing-page .story {
  width: 500px
}

.contentful-program-landing-page #email:focus,
.contentful-program-landing-page #email:hover {
  outline: 5px auto -webkit-focus-ring-color
}

.contentful-program-landing-page .section-title {
  font-weight: 500;
  color: #00262b
}

.contentful-program-landing-page .grey {
  background: #fbfaf9
}

.contentful-program-landing-page .cta {
  color: #fff;
  margin: 0 auto 20px 0;
  width: 180px;
  font-weight: 600;
  font-size: 1.25rem
}

@media (min-width:768px) {
  .contentful-program-landing-page .cta {
    font-size: 1rem
  }
}

.contentful-program-landing-page .learner-img {
  height: 150px
}

.contentful-program-landing-page .icon-list .icon-list-item .icon-img {
  max-height: 48px
}

.contentful-program-landing-page .icon-list .icon-list-item .icon-title {
  font-size: 1.2rem;
  font-weight: 600
}

.browse-experiment .footer .section-title,
.browse-experiment .h2,
.footer .browse-experiment .section-title {
  font-family: Inter, Helvetica Neue, Arial, sans-serif;
  margin-top: 1rem !important
}

.text-black {
  color: #000
}

@media (min-width:576px) {
  .h2-sm {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25
  }
}

@media (min-width:576px) {
  .lead-sm {
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.55556
  }
}

.page.course-info-page-redesign {
  overflow: visible
}

.course-about {
  color: #000
}

.course-about .warning-icon {
  margin-bottom: 3px
}

.course-about .html-data p:last-of-type,
.course-about .html-data ul:last-of-type {
  margin-bottom: 0
}

.course-about .preview-expand-body {
  max-height: 170px
}

.course-about .preview-expand-body.expanded,
.course-about .preview-expand-body:focus-within {
  max-height: 2000px
}

.course-about .preview-expand-cta {
  color: #000
}

.course-about .preview-expand-cta.btn-link {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.course-about .nav-target {
  scroll-margin-top: 94px
}

.course-about .header {
  position: relative;
  background-color: #fbfaf9;
  color: #00262b
}

.course-about .header .pgn__breadcrumb .list-inline {
  margin-bottom: 0
}

.course-about .header .pgn__breadcrumb .list-inline .list-inline-item {
  margin-right: 0
}

.course-about .header .left-spacer {
  margin-top: 2px;
  margin-right: .5rem
}

@media (min-width:768px) {
  .course-about .header {
    padding-bottom: 1rem
  }
}

.course-about .header .header-line {
  position: absolute;
  left: -70px
}

.course-about .header .header-line-fill {
  stroke: #d23228
}

.course-about .header .course-org-logo {
  height: 48px
}

.course-about .header .header-video,
.course-about .header .header-video .video-thumb {
  width: 335px;
  height: 185px
}

.course-about .course-snapshot-background {
  width: 100%;
  background-color: #f2f0ef
}

@media (min-width:768px) {
  .course-about .course-snapshot-background {
    background: none
  }
}

.course-about .snapshot-filler {
  background: #fbfaf9;
  height: 37.5px;
  width: 100%;
  position: absolute;
  right: 0;
  z-index: -1
}

.course-about .course-snapshot-container {
  width: 1070px;
  background-color: #f2f0ef
}

@media (min-width:768px) {
  .course-about .course-snapshot-container {
    transform: skew(-10deg)
  }

  .course-about .course-snapshot-container:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 500%;
    background: #f2f0ef
  }

  .course-about .course-snapshot-container:after {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 10px;
    height: 50%;
    background: #f0cc00
  }
}

@media (min-width:768px) {
  .course-about .course-snapshot-container .course-snapshot-content {
    transform: skew(10deg)
  }
}

.course-about .course-snapshot-container .course-snapshot-content .pgn__icon {
  height: 48px;
  width: 48px
}

.course-about .course-snapshot-container .small {
  line-height: 24px
}

.course-about .course-selection {
  color: #00262b
}

.course-about .course-selection .archived-link {
  color: #00262b;
  text-decoration: underline
}

.course-about .course-selection .archived-link:active,
.course-about .course-selection .archived-link:hover {
  color: #00688d
}

.course-about .course-selection .enroll-button {
  padding: 10px 16px;
  min-width: 136px
}

.course-about .course-run-selector {
  color: #00262b
}

.course-about .page-nav {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 901
}

.course-about .page-nav .nav-title-wrapper {
  padding-left: 20px;
  padding-right: 20px
}

.course-about .page-nav .nav-enroll-wrapper {
  padding-left: 20px;
  padding-right: 18px
}

.course-about .page-nav .nav-enroll-container {
  max-width: 1350px
}

.course-about .page-nav .nav-enroll-container .mobile-nav {
  width: 50%
}

@media (min-width:576px) {
  .course-about .page-nav .nav-enroll-container .mobile-nav {
    min-width: 75%
  }
}

.course-about .page-nav .nav-enroll-container .mobile-nav #mobile-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%
}

.course-about .page-nav .nav-enroll-container .mobile-nav #mobile-nav .dropdown-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.course-about .page-nav .nav-enroll-container .mobile-nav :after {
  top: 0
}

.course-about .page-nav .nav-enroll-container .nav-enroll {
  border: none;
  min-width: 124px
}

@media (min-width:768px) {
  .course-about .page-nav .nav-enroll-container .nav-enroll .nav-enroll-inner {
    min-width: 124px
  }
}

.course-about .page-nav .nav-enroll-container .nav {
  line-height: 1.5rem
}

.course-about .page-nav .nav-enroll-container .nav .nav-button {
  border: 0;
  background: none;
  padding: 0;
  line-height: 1.55556
}

.course-about .page-nav .nav-enroll-container .nav .h4 {
  margin-bottom: 0
}

.course-about .page-nav .nav-enroll-container .nav :not(:last-child) {
  margin-right: 40px
}

.course-about .page-nav .nav-enroll-container .nav .list-nav-faqs {
  width: 46px
}

.course-about .instructors {
  max-width: 1200px
}

.course-about .instructors .instructor-cards {
  max-width: 383px;
  margin-bottom: -1rem
}

@media only screen and (min-width:798px) {
  .course-about .instructors .instructor-cards {
    max-width: 800px
  }
}

@media (min-width:1200px) {
  .course-about .instructors .instructor-cards {
    max-width: 1200px
  }
}

.course-about .instructors .instructor-cards .instructor-card {
  margin: 0 .5rem 1rem;
  background: #00262b;
  height: 300px;
  width: 335px
}

@media (min-width:576px) {
  .course-about .instructors .instructor-cards .instructor-card {
    width: 383px
  }
}

.course-about .course-main {
  max-width: 750px
}

.course-about .course-main .sponsor-text {
  margin-top: -.4rem
}

.course-about .course-main .sponsor-logo-container {
  max-width: 120px;
  min-width: 120px
}

.course-about .course-main .sponsor-logo-container .sponsor-img {
  width: 100%
}

.course-about .course-main .at-a-glance {
  padding: 20px;
  background-color: #fbfaf9;
  color: #00262b
}

@media (min-width:576px) {
  .course-about .course-main .at-a-glance {
    max-width: unset
  }
}

@media (min-width:768px) {
  .course-about .course-main .at-a-glance {
    padding: 16px 20px
  }
}

.course-about .course-main .at-a-glance .muted-link {
  color: #00262b;
  -webkit-text-decoration-color: #00262b;
  text-decoration-color: #00262b
}

.course-about .course-main .at-a-glance p {
  margin-bottom: 0
}

.course-about .course-main .course-award {
  height: 120px
}

.course-about .business-block {
  padding-top: 32px;
  padding-bottom: 32px
}

@media (min-width:992px) {
  .course-about .business-block {
    max-width: 1196px !important;
    padding-top: 0;
    padding-bottom: 0
  }
}

@media (min-width:992px) {
  .course-about .business-block .title {
    background: #f2f0ef;
    transform: skew(-10deg);
    padding: 50px 0;
    width: 300px
  }

  .course-about .business-block .title:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 500%;
    background: #f2f0ef
  }
}

.course-about .business-block .title-content {
  line-height: 2.5rem;
  font-size: 2.25rem
}

@media (min-width:992px) {
  .course-about .business-block .title-content {
    font-size: 2rem;
    transform: skew(10deg)
  }
}

@media (min-width:992px) {
  .course-about .business-block .cta-block {
    margin-left: 100px
  }
}

@media (min-width:992px) {
  .course-about .course-modes {
    max-width: 1196px !important
  }
}

.course-about .course-modes .left-panel {
  padding-top: 32px
}

@media (min-width:992px) {
  .course-about .course-modes .left-panel {
    padding-bottom: 56px;
    padding-top: 56px;
    transform: skew(-10deg);
    background-color: #f2f0ef;
    width: 100%;
    height: 100%
  }

  .course-about .course-modes .left-panel:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 500%;
    background: #f2f0ef
  }
}

@media (min-width:992px) {
  .course-about .course-modes .left-panel-content {
    transform: skew(10deg);
    position: relative;
    left: -30px
  }
}

.course-about .course-modes .course-modes-enroll-btn {
  width: 100%
}

@media (min-width:576px) {
  .course-about .course-modes .course-modes-enroll-btn {
    width: auto
  }
}

.course-about .course-modes .right-panel {
  padding: 30px 4px 56px
}

@media (min-width:992px) {
  .course-about .course-modes .right-panel {
    margin-left: 60px;
    padding-top: 56px
  }
}

.course-about .course-modes .table-gradient {
  width: 50px;
  height: 771px;
  position: absolute;
  top: 139px;
  background: linear-gradient(90deg, rgba(0, 0, 0, .1) 0, hsla(0, 0%, 76.9%, 0))
}

.course-about .course-modes .track-comparison-table-wrapper {
  overflow-x: scroll;
  margin-left: 100px
}

@media (min-width:576px) {
  .course-about .course-modes .track-comparison-table-wrapper {
    margin-left: 0
  }
}

.course-about .course-modes .track-comparison-table .track-header {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: -8px;
  padding: 0 24px;
  height: 100px;
  color: #00262b;
  background-color: #f2f0ef;
  min-width: 140px
}

.course-about .course-modes .track-comparison-table .track-header.verified {
  background-color: #f0cc00;
  margin-right: 24px
}

@media (min-width:576px) {
  .course-about .course-modes .track-comparison-table .track-header {
    font-size: 1.375rem;
    line-height: 28px;
    margin-bottom: 30px
  }
}

@media (min-width:992px) {
  .course-about .course-modes .track-comparison-table .track-header {
    width: 220px
  }
}

.course-about .course-modes .track-comparison-table .td,
.course-about .course-modes .track-comparison-table .th {
  height: 110px
}

@media (min-width:576px) {

  .course-about .course-modes .track-comparison-table .td,
  .course-about .course-modes .track-comparison-table .th {
    height: auto
  }
}

.course-about .course-modes .track-comparison-table .th {
  position: absolute;
  left: 20px;
  width: 100px;
  border-bottom: 1px solid #eae6e5
}

@media (min-width:576px) {
  .course-about .course-modes .track-comparison-table .th {
    position: static;
    width: auto;
    min-width: 100px;
    max-width: 270px;
    padding: 24px 20px 24px 0;
    border-bottom: none
  }
}

.course-about .course-modes .track-comparison-table .tr {
  border-bottom: 1px solid #eae6e5
}

@media (min-width:992px) {
  .course-about .course-modes .track-comparison-table .tr:last-child {
    border: none
  }
}

.course-about .course-modes .track-comparison-table .tr.track-headers-row,
.course-about .course-modes .track-comparison-table .tr.track-headers-row .th {
  border: none
}

.course-about .course-modes .track-comparison-table .comparison-header {
  margin-right: 5px;
  margin-bottom: 0;
  max-width: 220px;
  color: #000;
  font-size: .875rem;
  line-height: 20px
}

@media (min-width:576px) {
  .course-about .course-modes .track-comparison-table .comparison-header {
    font-size: 1.125rem;
    line-height: 28px
  }
}

.course-about .course-modes .track-comparison-table .td {
  text-align: center
}

@media (min-width:576px) {
  .course-about .course-modes .track-comparison-table .comparison-item {
    font-size: 1.375rem;
    line-height: 36px
  }
}

.course-about .course-modes .track-comparison-table .info-icon svg {
  margin-left: 7px;
  margin-bottom: 2px
}

.course-about .course-modes .track-comparison-table .check-icon svg {
  background-color: #f2faf7;
  color: #0c7145;
  border-radius: 50%;
  height: 30px;
  width: 30px
}

.course-about .course-modes .track-comparison-table .none-icon {
  color: #707070
}

.discovery-card-new {
  min-width: 270px;
  max-width: 270px;
  width: 270px;
  height: 332px;
  position: relative;
  box-shadow: none;
  padding: 0;
  border-width: 1px;
  border-radius: 6px
}

.discovery-card-new.program .skeleton {
  background-color: #2d494e !important
}

.discovery-card-new.custom-link {
  background: none
}

.discovery-card-new .d-card-wrapper {
  height: 332px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
  border-color: #bfc9ca;
  border-width: 1px;
  border-radius: 6px
}

.discovery-card-new .discovery-card-link {
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 1px;
  border-radius: 6px
}

.discovery-card-new .discovery-card-link:focus,
.discovery-card-new .discovery-card-link:hover {
  border: 0;
  outline: none
}

.discovery-card-new .discovery-card-link:focus .d-card-wrapper,
.discovery-card-new .discovery-card-link:hover .d-card-wrapper {
  box-shadow: 0 2px 4px 2px #707070
}

.discovery-card-new .d-card-hero {
  height: 104px;
  background-color: #ccc;
  overflow: hidden
}

.discovery-card-new .d-card-hero,
.discovery-card-new .d-card-hero .d-card-hero-image {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}

.discovery-card-new .d-card-badge {
  padding-top: .125rem;
  padding-bottom: .125rem;
  right: .5rem;
  top: .5rem
}

.discovery-card-new .partner-logo-wrapper {
  height: 66px;
  padding: 7px;
  position: absolute;
  top: 54px;
  left: 24px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 2px 0 hsla(0, 0%, 66.7%, .5)
}

.discovery-card-new .partner-logo-wrapper .partner-logo {
  height: 50px;
  width: 100px
}

.discovery-card-new .d-card-body .card-title {
  min-height: 1.5rem
}

.discovery-card-new .d-card-footer {
  position: absolute;
  bottom: 0
}

.discovery-card-new .d-card-footer .skeleton {
  min-height: 3rem
}


.discovery-card-new .d-card-footer .program-badge .badge-icon {
  height: 16px;
  width: 16px
}

.discovery-card-new .provider {
  line-height: .86;
  margin-bottom: 20px;
  font-size: .875rem;
  font-weight: 400
}

.discovery-card-new .provider.skeleton {
  min-height: .875rem
}