/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ffff00;
  color: #000000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

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

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

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@keyframes simple-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes simple-fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes hint-fade-and-slide {
  0% {
    opacity: 0;
    transform: translatey(20px);
  }

  100% {
    opacity: 1;
    transform: translatey(0);
  }
}

@keyframes hint-fade-and-slide-reverse {
  0% {
    opacity: 0;
    transform: translatey(-20px);
  }

  100% {
    opacity: 1;
    transform: translatey(0);
  }
}

@keyframes hint-stem-grow {
  0% {
    transform: scaleY(0);
  }

  100% {
    transform: scaleY(1);
  }
}

@keyframes hint-bullet-grow {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fadeout {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoom-in {
  0% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

@keyframes subtle-pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(0.75, 0.75, 0.75);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes big-pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(0.9, 0.9, 0.9);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes wiggle {
  50% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes fade-out-down {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slide-up-and-down {
  0% {
    transform: translateY(0);
  }

  33% {
    transform: translateY(-110%);
  }

  66% {
    transform: translateY(-110%);
  }

  100% {
    transform: translateY(0);
  }
}

html {
  box-sizing: border-box;
  font-size: 112.5%;
  line-height: 1.5;
}

@media screen and (min-width: 680px) {
  html {
    font-size: 125%;
  }
}

@media screen and (min-width: 1695px) {
  html {
    font-size: 137.5%;
  }
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body,
html {
  height: 100%;
  min-width: 260px;
  max-width: 100%;
  background-color: #fff;
}

body {
  display: flex;
  flex-direction: column;
  font-family: Europa, 'Helvetica Neue', Arial, sans-serif;
  overflow-x: hidden;
}

div[data-react-component-path],
div[data-hypernova-key] {
  display: inline;
}

:lang(jp) {
  font-family: "europa", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

:lang(zh-Hans) {
  font-family: "europa", "Microsoft YaHei", "Microsoft JhengHei", "SimHei", "Hiragino Sans GB", "Apple SD Gothic Neo", sans-serif;
}

:lang(ru) {
  font-family: "Helvetica", Arial, sans-serif;
}

:lang(ko) {
  font-family: "europa", "애플고딕", "AppleGothic", "굴림체", "GulimChe", "돋움체", "DotumChe", sans-serif;
}

a {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  color: #de00a5;
}

a:active,
a:hover {
  outline: 0;
}

a:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed a:focus {
  outline: none;
}

a:hover {
  color: #2541fc;
}

blockquote {
  border-left: 2px solid #de00a5;
  padding-left: 1em;
  margin: 1.5em 0;
}

@media screen and (min-width: 768px) {
  blockquote {
    margin-left: calc(-1rem + -2px);
  }
}

button:active button:hover {
  outline: none;
}

button:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed button {
  outline: none;
}

cite {
  font-style: normal;
}

h1 {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  h1 {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  h1 {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

h2 {
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  h2 {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  h2 {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

h3 {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  h3 {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  h3 {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

h4 {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  h4 {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  h4 {
    font-size: 1rem;
    line-height: 1.5;
  }
}

h5 {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  h5 {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  h5 {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

h6 {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  h6 {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  h6 {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

h1+p,
h2+p,
h3+p,
h4+p,
h5+p,
h6+p {
  margin-top: 0;
}

img {
  width: 100%;
  height: auto;
}

p {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

pre {
  padding: 10px;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  color: #4a4d55;
  background-color: #fafafa;
  border: 1px solid #ededee;
  border-radius: 3px;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  pre {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  pre {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

table {
  width: 100%;
  margin: 1.5em 0;
  font-size: 18px;
  word-break: break-word;
  table-layout: fixed;
}

table th,
table td {
  padding: 1em;
  text-align: left;
  width: 50%;
  border-right: 1px solid #ededee;
}

table th:last-of-type,
table td:last-of-type {
  border-right: 0;
}

table th:first-child,
table td:first-child {
  padding-left: 0;
}

table th:last-child,
table td:last-child {
  padding-right: 0;
}

table td {
  border-bottom: 1px solid #ededee;
}

table tr:last-child td {
  padding-bottom: .5em;
  border-bottom: 0;
}

table th {
  border-bottom: 1px solid #ededee;
  text-align: left;
  padding-top: 0;
  padding-bottom: .5em;
}

ul {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

ul,
ol {
  padding-left: 1.125em;
}

blockquote ul,
blockquote ol {
  padding-left: 1.125em;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin-top: 0;
  padding-left: 1.125em;
}

li {
  margin-bottom: 0.75em;
}

button,
textarea,
input[type="button"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="url"],
input[type="week"] {
  display: block;
  border-width: 1px;
  border-style: solid;
  -webkit-appearance: none;
  border-radius: 0;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
  box-sizing: none;
  -webkit-appearance: button;
  -moz-appearance: button;
}

input[type="submit"]:active,
input[type="submit"]:hover,
input[type="button"]:active,
input[type="button"]:hover {
  outline: none;
}

label {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  color: #4a4d55;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  label {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  label {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

textarea {
  resize: none;
}

input:focus,
select:focus,
textarea:focus {
  outline: 3px solid #2541fc;
}

#fl-canvas {
  flex: 1 0 auto;
  position: relative;
  z-index: 100;
  background-color: #fff;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/comments_bg-d2e61ff53c7554a8625bd5573b5733a6.png);
  background-position: 50% -1px;
  background-repeat: no-repeat;
  color: #3a343a;
  position: relative;
  height: auto;
}

.full-width-wrapper:focus {
  outline: none;
}

.full-width-wrapper .content {
  margin-top: 0;
}

@media screen and (min-width: 1392px) {
  .displaying-comments #fl-canvas {
    background-position: 50% 0;
    background-repeat: repeat-y;
  }

  #fl-comments:not(.discussion-comments) {
    padding-left: 0;
    padding-right: 0;
  }

  .js .new-comment-page .comments-container #fl-comments {
    width: 648px;
  }

  .l-two-column-wrapper {
    max-width: 1392px;
    margin-left: auto;
    margin-right: auto;
  }

  .l-two-column-wrapper::before,
  .l-two-column-wrapper::after {
    content: " ";
    display: table;
  }

  .l-two-column-wrapper::after {
    clear: both;
  }

  .l-two-column-wrapper .article-step {
    background: #fff;
    width: 50%;
    float: left;
  }

  .l-two-column-wrapper .comments-container {
    margin-top: 73.5px;
    margin-bottom: 73.5px;
    float: left;
    width: 50%;
    background: transparent;
  }

  .l-two-column-wrapper .comments-container .headline {
    margin-top: 7px;
  }
}

@media screen and (min-width: 1695px) {
  .l-two-column-wrapper {
    max-width: 1554px;
  }

  .l-two-column-wrapper .comments-container {
    margin-top: 85.75px;
    margin-bottom: 85.75px;
  }
}

@media screen and (min-width: 680px) {
  .two-thirds {
    width: 66%;
  }

  .one-thirds .logo {
    margin-top: 43px;
    border: 1px solid #ededee;
  }
}

.l-illustration {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.is-hidden {
  display: none;
  visibility: hidden;
}

.is-visible {
  display: block;
  visibility: visible;
}

.is-not-displayed {
  display: none;
}

.is-visually-hidden {
  background: none !important;
  border: 0 !important;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0 !important;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.is-disabled {
  cursor: default;
  color: #727376;
}

button.a-button.is-disabled,
html button[type="button"].a-button.is-disabled,
input[type="reset"].a-button.is-disabled,
input[type="submit"].a-button.is-disabled {
  background: #727376;
  border-color: #727376;
}

.is-hidden-mobile {
  display: none;
}

@media screen and (min-width: 648px) {
  .is-hidden-mobile {
    display: block;
  }

  .is-hidden-mobile.inline {
    display: inline-block;
  }
}

.is-hidden-desktop {
  display: block;
}

@media screen and (min-width: 648px) {
  .is-hidden-desktop {
    display: none;
  }
}

span.error,
label.error,
label.error--info,
.form label.error--info {
  font-weight: normal;
  font-style: italic;
  padding-right: 24px;
  margin-top: 16px;
  position: relative;
  top: 5px;
  display: block;
  clear: both;
}

span.error:before,
label.error:before,
label.error--info:before,
.form label.error--info:before {
  background-color: #fecb51;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  margin-right: 8px;
  position: relative;
  top: 5px;
  width: 25px;
  height: 25px;
}

span.error:before,
label.error:before {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/svg_icons/alert-77475cf48b5c6d44ffc3fc8e91455e5a.svg);
  background-size: 60%;
}

span.error--info:before,
label.error--info:before,
.form label.error--info:before {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/svg_icons/info-9328fac13197a6313963d17dac2d4c0f.svg);
}

span.error--flush,
label.error--flush {
  margin-top: 0;
}

.m-form__control-group.error input,
.m-form__control-group.error select,
.m-form__control-group.error textarea {
  border: 2px solid #fecb51;
}

input.error,
select.error,
textarea.error {
  border: 2px solid #fecb51;
}

.error input[type='checkbox'] {
  outline: 3px solid #fecb51;
}

@media screen and (min-width: 648px) {
  span.error,
  input.error,
  label.error {
    float: left;
  }

  span.error,
  label.error {
    top: -5px;
    display: inline-block;
    clear: none;
    margin-left: 16px;
    margin-top: 4px;
  }

  label.error input.a-input--wide,
  select.a-input--wide+label.error {
    max-width: 225px;
  }

  .a-content--form label.error {
    margin-left: 0;
    max-width: 100%;
  }

  span.error--flush,
  label.error--flush {
    top: 0;
    margin-left: 0;
  }
}

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

.list-nestedgroup {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #ededee;
}

.list-nestedgroup:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.list-nestedgroup .m-link-list {
  margin-bottom: 1rem;
}

.list-nestedgroup.activity .media-regular.media-group {
  padding-bottom: 27px;
}

.list-compact li {
  margin-bottom: 0;
}

.list-inline {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}

.list-inline li {
  line-height: 20px;
}

.list-inline li:first-child {
  padding: 0;
}

.list-inline p {
  margin-bottom: 0;
}

.list-inline li,
.list-inline li form {
  display: inline;
}

.list-bullet li:before {
  font-size: 14px;
  padding: 0 7px 0 5px;
  position: relative;
  display: inline-block;
  top: 1px;
  content: "\2022";
  color: #4a4d55;
}

.list-bullet li:first-child:before {
  content: none;
}

.list-bullet.bullet-light-grey li:before {
  color: #727376;
}

.list-pipe li {
  padding-left: 8px;
}

.list-pipe li:before {
  content: "|";
  padding-right: 4px;
}

.list-pipe li:first-child:before {
  content: none;
}

.bullet:before {
  font-size: 14px;
  padding: 0 7px 0 5px;
  position: relative;
  display: inline-block;
  top: 1px;
  content: "\2022";
  color: #4a4d55;
}

.section-cta {
  margin-top: 1.5rem;
}

.section-cta--after-copy {
  margin-top: 2rem;
}

.icon {
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/futurelearn-sprite-ad9af85fb9b0a6d238524df073e35472.png) no-repeat 0 0;
  display: block;
}

.icon a,
.icon span {
  background: none !important;
  border: 0 !important;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0 !important;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.icon[data-icon] {
  background: none;
}

.icon-quiz-tries1 {
  width: 57px;
  height: 56px;
  background-position: 0 -120px;
}

.icon-quiz-tries2 {
  width: 57px;
  height: 56px;
  background-position: 0 -180px;
}

.icon-quiz-tries3 {
  width: 58px;
  height: 56px;
  background-position: 0 -240px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .icon {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/futurelearn-sprite@2x-3b3a93228cfec77d811f1ab644c09ad4.png);
    background-size: 320px 320px;
  }
}

.headline {
  margin: 16px 0 9px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .headline {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .headline {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.headline-primary {
  display: inline-block;
  border-bottom: 0;
  color: #393b42;
  max-width: 90%;
}

.headline-primary>a {
  color: #393b42;
}

.header-section--inverse .headline-primary {
  color: #fff;
}

.a-section--closed-step .headline-primary {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: normal;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-section--closed-step .headline-primary {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-section--closed-step .headline-primary {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.headline-with-icon {
  margin-top: -3px;
}

.headline-with-icon .a-svg-icon {
  position: relative;
  top: 6px;
  margin-right: 3px;
  width: 1.1rem;
  height: 1.1rem;
}

.headline-secondary {
  color: #727376;
}

.headline-secondary>a {
  color: #727376;
}

.a-section--closed-step .headline-secondary {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 4rem;
  font-weight: normal;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-section--closed-step .headline-secondary {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-section--closed-step .headline-secondary {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.headline-strong {
  padding-bottom: 10px;
  border-bottom: 1px solid #393b42;
}

.header-section--inverse .headline-strong {
  border-bottom: 1px solid #fff;
}

.headline-primary>a:hover,
.headline-secondary>a:hover {
  color: #2541fc;
}

.headline--tight-top {
  margin-top: 8px;
}

.header-container {
  margin-bottom: 10px;
}

.header-container .header-section {
  margin-bottom: 13px;
}

.header {
  position: relative;
  margin-bottom: 24px;
}

.header .heading-sub-link {
  margin-top: 15px;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .header .heading-sub-link {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .header .heading-sub-link {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.header-large,
.header-section {
  border-bottom: 1px solid #ededee;
}

.header-large .headline-primary,
.header-section .headline-primary {
  margin-bottom: -1px;
  padding-bottom: 8px;
}

.header-large .headline-primary.headline-with-icon,
.header-section .headline-primary.headline-with-icon {
  padding-bottom: 10px;
}

.header-large .headline-secondary,
.header-section .headline-secondary {
  margin-top: 0;
}

.header-large.header-section--inverse,
.header-section.header-section--inverse {
  border-bottom: 1px solid rgba(255,255,255,0.5);
}

.header-section,
.new-comment-page .comments .header-section {
  margin-bottom: 22px;
}

.header-large {
  margin-bottom: 25px;
}

.header-medium {
  margin-top: 16px;
  margin-bottom: 13px;
}

.header-medium .headline {
  margin: 2px 0 0 0;
  display: block;
  vertical-align: top;
}

.header-medium .headline-primary {
  margin-bottom: 6px;
}

.header-double .headline-strong {
  border: 0;
}

.comments .header-section {
  margin: 0;
}

.headline.mini {
  color: #727376;
  text-transform: none;
  border-top: 1px solid #ededee;
  border-bottom: 1px solid #ededee;
  padding: 8px 0;
}

.headline.lower {
  text-transform: none;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .headline.lower {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .headline.lower {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.heading--form-title {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  margin-bottom: 16px;
  margin-top: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .heading--form-title {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .heading--form-title {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 680px) {
  .header-container {
    margin-bottom: 30px;
  }

  .header-medium {
    margin-top: 0;
  }

  .headline-primary {
    max-width: 100%;
  }

  .header-large {
    margin-bottom: 56px;
  }

  .header-double .headline-primary {
    display: inline-block;
    margin-bottom: -1px;
    padding-left: 2px;
    padding-bottom: 9px;
  }

  .header-double .headline-secondary {
    top: 2px;
    margin-top: 16px;
    margin-left: 6px;
    padding-bottom: 0;
    display: inline-block;
  }

  .header-double .headline-strong {
    border-bottom: 1px solid #393b42;
  }
}

.link {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  color: #de00a5;
  border: 0;
  padding: 0;
  display: inline;
}

.link:active,
.link:hover {
  outline: 0;
}

.link:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .link:focus {
  outline: none;
}

.link:hover {
  color: #2541fc;
}

.link--action-button {
  font-weight: bold;
}

.link-block {
  display: block;
  color: #393b42;
}

.link-block:hover {
  color: #393b42;
}

.link--all-caps {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.link-secondary {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  color: #4a4d55;
}

.link-secondary:active,
.link-secondary:hover {
  outline: 0;
}

.link-secondary:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .link-secondary:focus {
  outline: none;
}

.link-secondary:hover {
  color: #2541fc;
}

.a-section--premium .link-secondary {
  color: #fff;
}

.link-tertiary {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  color: #3a343a;
}

.link-tertiary:active,
.link-tertiary:hover {
  outline: 0;
}

.link-tertiary:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .link-tertiary:focus {
  outline: none;
}

.link-tertiary:hover {
  color: #2541fc;
}

.white-link {
  color: #fff;
}

.white-link:hover {
  color: #fff;
}

.link-selected,
.link-selected .icon {
  color: #2541fc;
}

.link-default {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  color: inherit;
}

.link-default:active,
.link-default:hover {
  outline: 0;
}

.link-default:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .link-default:focus {
  outline: none;
}

.link-default:hover {
  color: #2541fc;
}

input[type="submit"].link,
input[type="button"].link,
input[type="reset"].link {
  display: inline-block;
  border: 0;
}

.media-small {
  min-height: 32px;
}

.media-regular,
.media-large {
  margin-bottom: 35px;
}

.media-sectioned {
  padding-bottom: 10px;
  border-bottom: 1px solid #ededee;
}

.media-small.media-sectioned {
  padding: 9px 0;
}

.media-group {
  margin-bottom: 0;
}

.media-small .header {
  margin-bottom: 0;
  clear: both;
}

.media-small .header .headline {
  margin: 0;
}

.media-small .header .headline.headline-primary {
  display: inline-block;
}

.media_body {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}

.media-small .media_icon {
  margin-right: 16px;
  display: inline-block;
  float: left;
}

.media-small .media_body {
  margin-top: 0;
}

.media-small .media_icon+.media_body,
.media-small .icon_link+.media_body {
  margin-top: 8px;
}

.media-small .header {
  line-height: 16px;
}

.media-small .header .headline {
  display: inline-block;
}

.media-regular .headline {
  line-height: 100%;
}

.media-regular .headline-primary {
  margin-top: 0;
}

.media_image>img {
  display: inline-block;
  width: 100%;
  height: auto;
}

.media_description,
.media_description p,
.media_description li {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .media_description,
  .media_description p,
  .media_description li {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .media_description,
  .media_description p,
  .media_description li {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.media_description p {
  margin-top: 0;
}

.runSection .activities .m-link-list__item .media_description li {
  list-style: disc;
  margin-bottom: 0.5em;
}

.runSection .activities .m-link-list__item .media_description ul {
  margin-bottom: 1.5em;
}

.media_description>* {
  margin-bottom: 0;
}

.media_description .introduction {
  font-weight: 300;
  min-height: 40px;
}

.m-link-list__item .media_description {
  margin-top: 12px;
  margin-left: 46px;
}

.m-link-list__item .media_description p {
  margin-bottom: 1em;
}

.media-feed.media-small.media-sectioned {
  position: relative;
  padding: 18.608px 22.4px;
  margin: 0 -22px;
}

.media-feed.media-small.media-sectioned:first-child {
  padding-top: 0;
}

.media-feed.media-small.media-sectioned:last-child {
  margin-bottom: 32px;
}

.media-feed.media-small.media-sectioned .media_image {
  margin-top: 2px;
}

.media-feed.media-small.media-sectioned .media_body {
  margin-right: 5px;
}

.media-feed.media-small.media-sectioned .media_body .headline-primary {
  margin-top: -16px;
  margin-top: 0;
}

.media-feed.media-small.media-sectioned .media_body .preamble_headline {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .media-feed.media-small.media-sectioned .media_body .preamble_headline {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .media-feed.media-small.media-sectioned .media_body .preamble_headline {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.media-feed.media-small.media-sectioned .media_body .preamble_headline {
  float: left;
  max-width: 80%;
  margin-bottom: 0;
  color: #727376;
  font-weight: bold;
}

.reply_time {
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 0;
}

.media .timestamp {
  float: right;
  display: inline-block;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: bold;
  color: #4a4d55;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .media .timestamp {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .media .timestamp {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.media_image.a-avatar {
  float: left;
  margin-right: 16px;
  margin-top: 5px;
}

.media_image.a-avatar-small {
  margin-right: 10px;
}

.media_image--activity {
  display: none;
}

.media-small.is-media-icon-centered .media_centered_container {
  position: relative;
}

.media-small.is-media-icon-centered .media_centered_container .media_icon {
  margin: auto;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.media-small.is-media-icon-centered .media_centered_container .media_body {
  margin-left: 48px;
}

.media-small.is-media-icon-centered .media_centered_container .media_body .header {
  line-height: 146%;
}

.media-small.is-media-icon-centered .media_centered_container .media_body .header .headline {
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 146% !important;
}

.media-small.is-media-icon-centered .media_centered_container .media_icon+.media_body {
  margin-top: 0;
}

@media screen and (min-width: 680px) {
  .media-small.is-media-icon-centered .media_centered_container {
    position: relative;
  }

  .media-small.is-media-icon-centered .media_centered_container .media_icon {
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }

  .media-small.is-media-icon-centered .media_centered_container .media_body {
    margin-left: 48px;
  }

  .media-small.is-media-icon-centered .media_centered_container .media_body .header {
    line-height: 146%;
  }

  .media-small.is-media-icon-centered .media_centered_container .media_body .header .headline {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 146% !important;
  }

  .media-small.is-media-icon-centered .media_centered_container .media_icon+.media_body {
    margin-top: 0;
  }

  .media-large .media_image>img {
    width: 204px;
  }

  .media-regular .media_image>img {
    width: 148px;
  }

  .media-small .header .headline-primary {
    padding-left: 0;
    margin-bottom: 0;
  }

  .media_image,
  .media_icon {
    float: left;
    margin-right: 16px;
  }

  .media_image {
    max-height: 137px;
  }

  .media_image--activity {
    display: block;
    float: right;
    margin: 0 0 1.5rem 1.5rem;
    height: 137px;
  }

  .media_image--activity>img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 100%;
  }

  .media-feed.media-small.media-sectioned {
    margin: 0;
    padding: 18.608px 0;
  }

  .media-feed.media-small.media-sectioned .headline-primary {
    margin-top: -16px;
  }

  .media-feed.media-small.media-sectioned .follow-button input[type=submit] {
    display: inline !important;
    font-weight: bold;
  }
}

.media_image.media-zoom {
  transform: translateZ(0);
  display: block;
  overflow: hidden;
}

.media_image.media-zoom img {
  transform: translateZ(0);
  transition: transform ease-out 0.4s;
  display: block;
}

.media_image.media-zoom:hover img {
  transform: scale(1.025) translateZ(0);
}

.assignment-report,
.review-report {
  border-top: 1px solid #ededee;
  border-bottom: 1px solid #ededee;
  margin-bottom: 32px;
  padding: 6px 0;
}

.assignment-report .report-link-wrapper,
.review-report .report-link-wrapper {
  float: right;
  margin-top: 3px;
  line-height: 0;
}

.assignment-report .icon-report,
.review-report .icon-report {
  float: right;
}

.comment .report-form-wrapper,
.js .report-form-wrapper {
  display: none;
  padding-left: 0;
}

.report-form-wrapper {
  width: 100%;
  padding-left: 0;
  padding-top: 8px;
  overflow: hidden;
}

.report-form-wrapper .textarea-container {
  padding-right: 16px;
}

.report-form-wrapper .textarea-container textarea {
  width: 100%;
}

.report-form-wrapper .a-select-container,
.report-form-wrapper .textarea-container {
  width: 100%;
  max-width: 340px;
}

.report-form-wrapper [id^="report-"],
.report-form-wrapper {
  clear: both;
}

.report-form-wrapper [id^="report-"] h4,
.report-form-wrapper h4 {
  margin: 8px;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin-left: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .report-form-wrapper [id^="report-"] h4,
  .report-form-wrapper h4 {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .report-form-wrapper [id^="report-"] h4,
  .report-form-wrapper h4 {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.report-form-wrapper [id^="report-"] p,
.report-form-wrapper p {
  margin-bottom: 8px;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .report-form-wrapper [id^="report-"] p,
  .report-form-wrapper p {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .report-form-wrapper [id^="report-"] p,
  .report-form-wrapper p {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.report-form-wrapper [id^="report-"] label,
.report-form-wrapper [id^="report-"] select,
.report-form-wrapper label,
.report-form-wrapper select {
  display: block;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-bottom: 8px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .report-form-wrapper [id^="report-"] label,
  .report-form-wrapper [id^="report-"] select,
  .report-form-wrapper label,
  .report-form-wrapper select {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .report-form-wrapper [id^="report-"] label,
  .report-form-wrapper [id^="report-"] select,
  .report-form-wrapper label,
  .report-form-wrapper select {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.profile .report-form-wrapper [id^="report-"] label,
.profile .report-form-wrapper [id^="report-"] select,
.profile .report-form-wrapper label,
.profile .report-form-wrapper select {
  margin: auto;
}

.report-form-wrapper [id^="report-"] ul,
.report-form-wrapper ul {
  padding: 0;
}

.report-form-wrapper [id^="report-"] li,
.report-form-wrapper li {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .report-form-wrapper [id^="report-"] li,
  .report-form-wrapper li {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .report-form-wrapper [id^="report-"] li,
  .report-form-wrapper li {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.report-form-wrapper [id^="report-"] .list-inline,
.report-form-wrapper .list-inline {
  margin-top: 8px;
  line-height: 0;
}

.report-form-wrapper [id^="report-"] .list-inline .link,
.report-form-wrapper .list-inline .link {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .report-form-wrapper [id^="report-"] .list-inline .link,
  .report-form-wrapper .list-inline .link {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .report-form-wrapper [id^="report-"] .list-inline .link,
  .report-form-wrapper .list-inline .link {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.report-form-wrapper [id^="report-"] button.link,
.report-form-wrapper button.link {
  font-weight: bold;
}

.report-form-wrapper [id^="report-"] .character-count,
.report-form-wrapper .character-count {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-top: 8px;
  font-weight: bold;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .report-form-wrapper [id^="report-"] .character-count,
  .report-form-wrapper .character-count {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .report-form-wrapper [id^="report-"] .character-count,
  .report-form-wrapper .character-count {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.report-form-wrapper .m-form__control-group {
  margin-bottom: 0;
}

.report-link-wrapper {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .report-link-wrapper {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .report-link-wrapper {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.comment .report-link-wrapper {
  float: right;
  top: -2px;
}

.report-link-wrapper .a-svg-icon--flag {
  width: 1em;
}

.a-content .report-form-open {
  padding-left: 0;
  padding-bottom: 8px;
}

.o-profile .report-form-wrapper .report-form .a-input--autoresize {
  min-height: 56px;
}

.o-profile .report-form-wrapper .a-select-container,
.o-profile .report-form-wrapper .textarea-container,
.o-profile .report-form-wrapper label {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 1392px) {
  .report-form-wrapper .a-select-container {
    display: block;
  }

  .report-form-wrapper label {
    margin-left: 0;
    margin-top: -8px;
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 648px) {
  .report-form-wrapper label {
    margin-top: 6px;
  }
}

@media screen and (min-width: 648px) {
  .report-form-wrapper .a-select-container {
    float: left;
  }

  .report-form-wrapper select {
    max-width: 100%;
  }

  .report-form-wrapper .list-inline {
    display: block;
  }
}

.js .l-two-column-wrapper .comments-container {
  display: block;
}

.js .new-comment-page .comments-container {
  display: block;
}

.comments-container:focus {
  outline: 0;
}

.new-comment-page .comments-container {
  margin-top: 0;
}

.new-replies-page .media {
  margin-top: 32px;
}

.comments-experiment .new-comment,
.comments-experiment .new-discussion-comment {
  margin-bottom: 3rem;
}

@media screen and (min-width: 648px) {
  .comments-experiment .new-comment,
  .comments-experiment .new-discussion-comment {
    padding-top: 28px;
  }
}

.comments-experiment .m-options-panel {
  margin-bottom: 0.75rem;
}

.comments-container {
  margin-top: -2rem;
}

.edit_comment footer {
  margin-top: 6px;
  margin-bottom: 4px;
  border: 0;
}

.edit_comment footer .comment-action-link {
  color: #4a4d55;
}

.edit_comment footer .comment-action-link:before {
  font-size: 14px;
  padding: 0 7px 0 5px;
  position: relative;
  display: inline-block;
  top: 1px;
  content: "\2022";
  color: #4a4d55;
}

.edit_comment textarea {
  margin-top: -11px;
}

.js .edit_comment span.character-count {
  margin-top: 0;
  line-height: 24px;
}

#fl-comments:focus {
  outline: none;
}

#fl-comments:not(.discussion-comments) {
  padding-left: 16px;
  padding-right: 16px;
}

#fl-comments header+p {
  padding-top: 16px;
}

#fl-comments .comment:focus {
  outline: none;
}

.new-discussion-comment {
  margin-top: 54px;
}

.link-leave-discussion {
  font-size: 14px;
  font-weight: bold;
  bottom: 2px;
  position: absolute;
  right: 0;
}

.new-comment,
.new-discussion-comment {
  padding-top: 20px;
  padding-bottom: 16px;
}

.comment-action-link {
  display: inline;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  color: #3a343a;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .comment-action-link {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .comment-action-link {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.list-inline .comment-action-link:first-child {
  padding-right: 5px;
}

.new-comment form .m-form__control-group,
.new-discussion-comment form .m-form__control-group {
  margin-bottom: 0;
}

.new-comment input.link,
.new-comment button.link,
.new-discussion-comment input.link,
.new-discussion-comment button.link,
.add_reply input.link,
.add_reply button.link,
.comments input.link,
.comments button.link {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: bold;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .new-comment input.link,
  .new-comment button.link,
  .new-discussion-comment input.link,
  .new-discussion-comment button.link,
  .add_reply input.link,
  .add_reply button.link,
  .comments input.link,
  .comments button.link {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .new-comment input.link,
  .new-comment button.link,
  .new-discussion-comment input.link,
  .new-discussion-comment button.link,
  .add_reply input.link,
  .add_reply button.link,
  .comments input.link,
  .comments button.link {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.new-comment .character-count,
.new-discussion-comment .character-count,
.add_reply .character-count,
.comments .character-count {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-top: 8px;
  font-weight: bold;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .new-comment .character-count,
  .new-discussion-comment .character-count,
  .add_reply .character-count,
  .comments .character-count {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .new-comment .character-count,
  .new-discussion-comment .character-count,
  .add_reply .character-count,
  .comments .character-count {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.new-comment .profile-link {
  display: block;
  margin-bottom: 8px;
}

.profile-link a {
  margin-right: 8px;
}

.no-comments-placeholder {
  margin: 28px 0 32px;
}

.edit_comment {
  display: block;
  margin-top: 20px;
}

.degraded .edit_comment {
  display: block;
}

.edit_comment footer {
  padding: 4px 0;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
}

.edit_comment--toggle {
  display: none;
}

@media screen and (min-width: 1392px) {
  .no-comments-placeholder+.new-comment,
  .no-comments-placeholder+.new-discussion-comment {
    margin-top: -8px;
  }
}

#edit_group_workspace_contribution .a-input {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  #edit_group_workspace_contribution .a-input {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  #edit_group_workspace_contribution .a-input {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

#edit_group_workspace_contribution footer {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: bold;
  padding: 4px 0;
  margin-top: 10px;
  margin-bottom: 4px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  #edit_group_workspace_contribution footer {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  #edit_group_workspace_contribution footer {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

#edit_group_workspace_contribution footer .m-contribution__action-link {
  color: #4a4d55;
  display: inline;
}

#edit_group_workspace_contribution footer .m-contribution__action-link:before {
  font-size: 14px;
  padding: 0 7px 0 5px;
  position: relative;
  display: inline-block;
  top: 1px;
  content: "\2022";
  color: #4a4d55;
}

.form-profile .label-image {
  display: block;
}

.form-profile .profile-image {
  vertical-align: middle;
  width: 100px;
  height: 100px;
}

.form-profile .character-count {
  font-size: 14px;
}

.form-profile .label-help {
  float: right;
  margin-top: 5px;
  margin-bottom: 0;
  padding-top: 5px;
  line-height: 20px;
}

.form-profile .settings_profile_privacy {
  border-bottom: 0;
}

.js .a-upload-button-native {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.a-upload-button-native:focus+.a-upload-button-fake,
.a-upload-button-native+.a-upload-button-fake:hover {
  background-color: #2541fc;
}

.a-avatar-preview {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
  vertical-align: middle;
  width: 100px;
  height: 100px;
  float: left;
  margin-right: 32px;
  margin-top: 16px;
}

.m-user-avatar-control {
  margin-top: 16px;
}

.a-remove-photo {
  display: inline-block;
  margin-top: 5px;
}

.a-upload-button-fake {
  cursor: pointer;
}

.a-upload-button:focus+.a-upload-button-fake {
  outline: 1px dotted #000000;
  outline: -webkit-focus-ring-color auto 5px;
}

.no-js .a-remove-photo {
  display: block;
}

.no-js .check-checkbox {
  display: none;
}

.hide-checkbox {
  display: none;
}

.no-js .hide-checkbox {
  display: block;
}

.no-js .a-upload-button-fake {
  display: none;
}

.no-js .remove-photo-label {
  display: inline-block;
  font-weight: normal;
}

.no-js .remove-photo-checkbox {
  display: inline;
}

.no-js .a-avatar-preview {
  margin-bottom: 8px;
}

.form-register,
.profile-settings {
  margin-bottom: 28px;
}

.form-register:focus,
.profile-settings:focus {
  outline: none;
}

.checkbox-container {
  margin-bottom: 4px;
}

.content {
  margin-top: 10px;
  margin-bottom: 40px;
}

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

.content::after {
  clear: both;
}

.runSection {
  padding-bottom: 5px;
}

.runSection h1 {
  margin-top: 0;
}

.runSection ol,
.runSection ul {
  padding-left: 18px;
}

.runSection ol li,
.runSection ul li {
  margin-bottom: 16px;
  padding-left: 16px;
}

.runSection ol {
  padding-left: 19px;
}

.date-context {
  display: none;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-top: 16px;
  padding-bottom: 8px;
  float: right;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .date-context {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .date-context {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) {
  .date-context {
    display: inline-block;
  }
}

.category-header h2 {
  margin-bottom: 48px;
}

.category-button {
  margin-top: 48px;
  margin-bottom: 64px;
  text-align: center;
}

.run-information,
.run-meta-container {
  width: 100%;
}

.run-information h1 {
  margin-top: 0;
  margin-bottom: 13px;
}

.run-requirements {
  clear: both;
  float: none;
  width: 100%;
}

.run-details .run-meta-container .join-btn-first {
  display: none;
  margin-top: 0;
}

.run-details .run-meta-container .join-btn-second {
  display: inline-block;
}

.run-details .run-meta-container .meta {
  float: none;
  width: 100%;
  margin-left: 0;
}

.run-details .run-meta-container .meta input {
  margin-bottom: 20px;
}

.run-details .run-meta-container .a-button {
  width: 100%;
  margin: 0;
  margin-bottom: 20px;
}

.run-details .run-meta-container .status {
  font-size: 14px;
  font-weight: bold;
}

.run-details .run-meta-container .list::before,
.run-details .run-meta-container .list::after {
  content: " ";
  display: table;
}

.run-details .run-meta-container .list::after {
  clear: both;
}

.joined-status {
  padding: .6em 1em;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  border: 1px solid #ededee;
  text-align: center;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .joined-status {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .joined-status {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.run-organisation {
  float: left;
  border: 1px solid #ededee;
  margin-bottom: 16px;
  width: 100%;
}

.run-organisation a {
  display: block;
  margin: 0 auto;
}

.run-trailer {
  margin-top: 18px;
  margin-bottom: 16px;
}

.run-description {
  clear: both;
}

.runSection .activities {
  padding-left: 0;
}

.runSection .activities ol,
.runSection .activities ul {
  padding-left: 0;
}

.runSection .activities li:not(.list-nestedgroup) {
  margin-bottom: 0;
}

.runSection .activities li {
  padding-left: 0;
}

.runSection .activities li.step:hover .headline-primary {
  color: #2541fc;
}

.runSection .activities .header-double {
  margin-top: 8px;
}

@media screen and (min-width: 680px) {
  .content {
    margin-top: 56px;
    margin-bottom: 56px;
  }

  .run-details::before,
  .run-details::after {
    content: " ";
    display: table;
  }

  .run-details::after {
    clear: both;
  }

  .run-details .run-meta-container .meta .logo {
    width: 100%;
    margin-bottom: 0;
  }

  .run-outline {
    margin-right: 5%;
  }

  .run-outline h1 {
    margin-top: 0;
  }

  .category-button {
    margin-bottom: 0;
  }
}

.statement-about {
  line-height: normal;
  position: relative;
  margin-top: 28px;
}

.statement-about h3 {
  font-size: 14px;
}

.statement-about .info {
  border-top: 1px solid #ededee;
  border-bottom: 1px solid #ededee;
  width: 100%;
  font-weight: bold;
}

.statement-about .info .a-svg-icon {
  color: #4a4d55;
  width: 22px;
  margin-right: 5px;
  vertical-align: text-bottom;
}

@media screen and (min-width: 680px) {
  .run-exam {
    margin: 28px 0 0 0;
    text-align: center;
  }

  .run-exam:nth-of-type(1n) {
    margin: 44.8px 0 0 0;
  }

  .exam-about-container {
    margin: -8px;
  }

  .exam-about-container::before,
  .exam-about-container::after {
    content: " ";
    display: table;
  }

  .exam-about-container::after {
    clear: both;
  }

  .statement-about {
    padding: 8px;
    float: left;
    width: 33.33333%;
    min-height: 290px;
  }

  .statement-about:nth-child(3n+1) {
    clear: left;
  }

  .statement-about .info {
    position: absolute;
    bottom: 0;
  }

  .exam-about-container .statement-about {
    min-height: 390px;
  }
}

.stepcontent_navigation {
  position: relative;
  margin-top: 20px;
  border: 1px solid #ededee;
  border-width: 1px 0;
  font-weight: bold;
  text-transform: uppercase;
}

.stepcontent_navigation::before,
.stepcontent_navigation::after {
  content: " ";
  display: table;
}

.stepcontent_navigation::after {
  clear: both;
}

.stepcontent_navigation a:not(.a-button) {
  position: relative;
  padding: 12px 10px;
  color: #4a4d55;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .stepcontent_navigation a:not(.a-button) {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .stepcontent_navigation a:not(.a-button) {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.stepcontent_navigation a:not(.a-button).next {
  float: right;
}

.stepcontent_navigation a:not(.a-button).next.active {
  color: #de00a5;
}

.stepcontent_navigation a:not(.a-button).previous {
  float: left;
  color: #727376;
}

.stepcontent_navigation a:not(.a-button).next:hover,
.stepcontent_navigation a:not(.a-button).previous:hover {
  color: #2541fc !important;
}

.stepcontent_navigation a:not(.a-button).next:after,
.stepcontent_navigation a:not(.a-button).previous:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) translateX(12.5%) scaleX(1.125);
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-left: .375em solid currentColor;
  border-top-width: .375em;
  border-bottom-width: .375em;
}

.stepcontent_navigation a:not(.a-button).previous:after {
  right: auto;
  left: 0;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-right: .375em solid currentColor;
  border-top-width: .375em;
  border-bottom-width: .375em;
  transform: translateY(-50%) translateX(-12.5%) scaleX(1.125);
}

.stepcontent_navigation a:not(.a-button).next .a-loader,
.stepcontent_navigation a:not(.a-button).previous .a-loader {
  transform: translateY(-50%);
}

.stepcontent_navigation .a-button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-transform: none;
}

.comments::before,
.comments::after {
  content: " ";
  display: table;
}

.comments::after {
  clear: both;
}

.audio-container {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.no-js .audio-container .video-js {
  width: 100%;
  min-height: 32px;
}

.list.related-links,
.list.related-files {
  margin-bottom: 32px;
}

.list.related-links .icon,
.list.related-files .icon {
  position: relative;
  font-size: 28px;
  top: -5px;
  margin-left: 0;
  color: #3a343a;
}

.list.related-links .a-svg-icon,
.list.related-files .a-svg-icon {
  width: 18px;
  display: inline-block;
  float: left;
  position: relative;
  margin-right: 16px;
  top: -5px;
  color: #3a343a;
}

.list.related-links a,
.list.related-files a {
  display: block;
}

.list.related-links a:hover .headline-primary,
.list.related-files a:hover .headline-primary {
  color: #2541fc;
}

.list.related-links .media_description,
.list.related-files .media_description {
  color: #3a343a;
}

.list.related-files--nomargin {
  margin-bottom: 0;
}

.list.related-links .headline-primary {
  padding-bottom: 8px;
}

.assignment-reflections {
  margin-left: 0;
  padding-left: 0;
  list-style: none outside;
}

.assignment-reflections li {
  padding-left: 0;
  margin-left: 0;
}

.assignment-author p {
  margin: 0;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .assignment-author p {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .assignment-author p {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.quiz {
  margin-bottom: 32px;
}

.quizitem {
  padding-bottom: 18px;
  margin-top: 16px;
}

.quizitem_header {
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 3px;
  border-bottom: 1px solid #ededee;
}

.quizitem_header .quizitem_index {
  margin: 0;
}

.quizitem_option {
  vertical-align: middle;
}

form .quizitem_option label {
  display: block;
  max-width: 100%;
  cursor: pointer;
}

.quizitem_option label:hover input[type=radio]:not(:disabled)+.quizitem_optiontext,
.quizitem_option label:hover input[type=checkbox]:not(:disabled)+.quizitem_optiontext {
  background-color: #fafafa;
}

.quizitem_option .quizitem_optiontext {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  position: relative;
  display: block;
  color: #3a343a;
  font-weight: normal;
  padding: 1em 1em 1em 48px;
  margin-bottom: 1px;
  transition: background-color linear 0.4s;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .quizitem_option .quizitem_optiontext {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .quizitem_option .quizitem_optiontext {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.quizitem_option .quizitem_optiontext p {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .quizitem_option .quizitem_optiontext p {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .quizitem_option .quizitem_optiontext p {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.quizitem_option .quizitem_optiontext p:first-child {
  margin-top: 0;
}

.quizitem_option .quizitem_optiontext p:last-child {
  margin-bottom: 0;
}

.quizitem_option .quizitem_optiontext pre {
  margin: 0;
}

.quizitem_option .quizitem_optiontext:before {
  position: absolute;
  left: 12px;
  top: 16px;
  width: 24px;
  height: 24px;
  content: '';
  background-color: #ffffff;
  border: 1px solid #727376;
}

@media screen and (min-width: 680px) {
  .quizitem_option .quizitem_optiontext:before {
    top: 22px;
  }
}

@media screen and (min-width: 1695px) {
  .quizitem_option .quizitem_optiontext:before {
    top: 26px;
  }
}

.quizitem_option .quizitem_optiontext:hover {
  background: #fafafa;
}

.quizitem_option input[type=radio]+.quizitem_optiontext:before {
  border-radius: 50%;
}

.quizitem_option input[type=radio]:checked+.quizitem_optiontext:after {
  position: absolute;
  top: 21px;
  left: 17px;
  width: 14px;
  height: 14px;
  content: '';
  border-radius: 50%;
  border: 7px solid #2541fc;
  background-color: #2541fc;
}

@media screen and (min-width: 680px) {
  .quizitem_option input[type=radio]:checked+.quizitem_optiontext:after {
    top: 27px;
  }
}

@media screen and (min-width: 1695px) {
  .quizitem_option input[type=radio]:checked+.quizitem_optiontext:after {
    top: 31px;
  }
}

.is-keyboard-focussed .quizitem_option input[type=radio]:focus+.quizitem_optiontext {
  background: #fafafa;
  outline: 3px solid #2541fc;
}

.quizitem_option input[type=checkbox]:focus+.quizitem_optiontext:before {
  outline: 3px solid #2541fc;
}

.quizitem_option input[type=radio],
.quizitem_option input[type=checkbox] {
  position: relative;
  z-index: 1;
  left: 12px;
  top: 25px;
  float: left;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  opacity: 0;
}

.quizitem_option input[type=radio]:checked+.quizitem_optiontext,
.quizitem_option input[type=checkbox]:checked+.quizitem_optiontext {
  background-color: #fafafa;
  border: 1px solid #fafafa;
}

.quizitem_option input[type=radio]:checked+.quizitem_optiontext:before,
.quizitem_option input[type=checkbox]:checked+.quizitem_optiontext:before {
  border-color: #2541fc;
  background: center/75% no-repeat url(https://cdn.futurelearn.com/packs/app/assets/images/svg_icons/tick_blue-317ec5a35b9b80ee0ed3015c1a2edd41.svg);
}

.quizitem_option label:not(.quizitem_correct_answer) input[type=radio]:disabled+.quizitem_optiontext:before,
.quizitem_option label:not(.quizitem_correct_answer) input[type=checkbox]:disabled+.quizitem_optiontext:before {
  border-color: #ededee;
}

.quizitem_option label:not(.quizitem_correct_answer) input[type=radio]:disabled:checked+.quizitem_optiontext:after {
  background-color: #ededee;
}

.quizitem_option label:not(.quizitem_correct_answer) input[type=checkbox]:disabled:checked+.quizitem_optiontext:after {
  color: #ededee;
}

.quizitem_result {
  display: inline-block;
  margin-top: 13px;
  margin-bottom: 19px;
  color: #2541fc;
  font-size: 18px;
  font-weight: bold;
}

.quizitem_result:focus {
  outline: none;
}

.quizitem_result span {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: #3a343a;
}

.quizitem_question {
  margin-bottom: 1.5rem;
}

.quizitem_question legend {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
  width: 100%;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .quizitem_question legend {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .quizitem_question legend {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.quizitem_question p {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .quizitem_question p {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .quizitem_question p {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.quizitem_question li {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .quizitem_question li {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .quizitem_question li {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.quizitem_question:focus {
  outline: none;
}

.quizitem_button {
  margin-top: 28px;
}

.js .quizitem_button {
  float: right;
}

.quizitem_attempt {
  float: right;
  font-size: 14px;
  font-weight: bold;
}

.quizitem_attempt .quizitem_attempt_label {
  float: left;
  margin-top: 14px;
  margin-right: 8px;
}

.quizitem_attempt .quiz-attempts-icon {
  float: left;
}

.quizitem_attempt .quiz-attempts-left-label {
  font-size: 18px;
  padding-top: 15px;
  padding-left: 23px;
}

.quizitem_correct_answer {
  position: relative;
}

.quizitem_correct_answer .quizitem_optiontext {
  font-weight: bold;
}

.quizitem_correct_answer .quizitem_optiontext:before {
  background-color: #2541fc !important;
  border-color: #2541fc;
}

.quizitem_correct_answer .quizitem_icon-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.quizitem_correct_answer .quizitem_icon-wrapper svg {
  position: relative;
  color: #fff;
  top: 18px;
  left: 17px;
  width: 14px;
  height: 14px;
}

@media screen and (min-width: 680px) {
  .quizitem_correct_answer .quizitem_icon-wrapper svg {
    top: 23px;
  }
}

@media screen and (min-width: 1695px) {
  .quizitem_correct_answer .quizitem_icon-wrapper svg {
    top: 28px;
  }
}

.quizitem_correct_answer .quizitem_icon-wrapper.is-focussed {
  outline: 3px solid #2541fc;
}

.question-score {
  float: right;
  margin-top: 0;
}

.question-score .question-score-label {
  font-weight: bold;
  float: left;
  font-size: 14px;
  margin-top: 14px;
  margin-right: 13px;
}

.question-score .quizitem_icon {
  float: left;
  color: #fff;
  text-align: center;
  line-height: 1;
}

.question-score .quizitem_icon .icon {
  background: none;
}

.quizitem_summary-header {
  border-bottom: 1px solid #ededee;
}

.quizitem_summary {
  margin-top: 45px;
  margin-bottom: 51px;
  margin-right: 10px;
}

.quizitem_summary .quizitem_summary-description .quiz-score {
  margin-bottom: 29px;
}

.quizitem_summary .quiz-score-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2541fc;
  background-image: none;
  border: 1px solid #727376;
  border-radius: 50%;
  width: 192px;
  height: 192px;
  padding: 5px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 45px;
}

.quizitem_summary .quiz-score-icon .quiz-score-label {
  font-weight: bold;
  font-size: 36px;
  color: #fff;
}

.quizitem_icon {
  float: right;
  width: 56px;
  height: 56px;
  padding: 19px;
  border-radius: 50%;
  background-color: #2541fc;
  position: relative;
}

.quizitem_icon i {
  font-size: 48px;
  color: #fff;
}

.quizitem_icon i:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -24px;
  margin-left: -24px;
}

.quizitem_feedback {
  padding-top: 32px;
  padding-bottom: 20px;
  font-size: 22.5px;
  border-top: 1px solid #ededee;
}

.quizitem_button--loading {
  position: relative;
}

.quizitem_button--loading .quizitem_button_label {
  visibility: hidden;
}

.quizitem_button--loading .a-loader {
  display: block;
  top: 0;
  bottom: 0;
}

.quizitem_reveal--loading {
  position: relative;
}

.quizitem_reveal--loading .quizitem_reveal_label {
  visibility: hidden;
}

.quizitem_reveal--loading .a-loader {
  display: block;
  top: 0;
  bottom: 0;
}

.quizitem_navigation--loading {
  position: relative;
}

.quizitem_navigation--loading .quizitem_navigation_label {
  visibility: hidden;
}

.quizitem_navigation--loading .a-loader {
  display: block;
  top: 0;
  bottom: 0;
}

.quizitem_navigation--loading .a-loader .a-loader__ball {
  background-color: #de00a5;
}

.quizitem_navigation--loading .a-loader {
  margin-top: 20px;
}

.quizitem_navigation--loading:focus {
  outline: none;
}

@media screen and (min-width: 648px) {
  .quizitem_header {
    font-size: 36px;
  }

  .quizitem_result {
    font-size: 36px;
    margin-top: 8px;
  }

  .quizitem_result span {
    margin-top: 16px;
    font-size: 22.5px;
  }

  .quizitem_attempt {
    font-size: 22.5px;
  }

  .quizitem_attempt .quizitem_attempt_label {
    margin-right: 14px;
  }

  .question-score .question-score-label {
    font-size: 22.5px;
  }

  .quiz-score-icon {
    float: left;
  }

  .quizitem_summary .quizitem_summary-description {
    margin-left: 240px;
  }
}

.quizitem_easein {
  animation: fade-in 0.4s 1;
}

ul.profile-link,
.profile-link {
  padding-left: 0;
  margin-top: 0;
}

ul.profile-link li,
.profile-link li {
  margin-bottom: 0;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  ul.profile-link li,
  .profile-link li {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  ul.profile-link li,
  .profile-link li {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

ul.profile-link li:first-child,
.profile-link li:first-child {
  padding: 0;
  margin-top: 0;
}

ul.profile-link a,
ul.profile-link p,
.profile-link a,
.profile-link p {
  display: inline;
  font-weight: bold;
  color: #3a343a;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  ul.profile-link a,
  ul.profile-link p,
  .profile-link a,
  .profile-link p {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  ul.profile-link a,
  ul.profile-link p,
  .profile-link a,
  .profile-link p {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.checkout__input {
  display: block;
  border-width: 1px;
  border-style: solid;
  -webkit-appearance: none;
  border-radius: 0;
  float: left;
  max-width: 370px;
  width: 100%;
}

.checkout__input--small {
  width: 6em;
}

.checkout__cvc-image {
  float: left;
  width: 4em;
  padding-left: 1em;
}

.checkout .error {
  top: 1px;
}

.checkout__input ~ .error {
  display: none;
}

.StripeElement--invalid {
  border: 2px solid #fecb51;
}

.StripeElement--invalid ~ .error {
  display: inline-block;
  margin-top: 0;
}

.a-button--checkout {
  float: right;
  width: 100%;
}

.discount-container label {
  font-weight: normal;
}

.discount-container .a-input {
  max-width: none;
}

.discount-container .a-button {
  margin-top: 3px;
}

.discount-container .m-drawer--open {
  margin-bottom: 37px;
}

.discount-loader {
  position: relative;
}

.discount-loader .discount-button-text {
  visibility: hidden;
}

.discount-loader .a-loader {
  display: block;
  top: 0;
  bottom: 0;
}

.checkout-items__list {
  border-top: solid 1px #ededee;
  clear: left;
  display: flex;
  flex-direction: column;
}

.checkout-items__list p {
  margin: 0;
}

.checkout-items__list div {
  border-bottom: solid 1px #ededee;
  padding: 16px 0;
}

.checkout-items__product,
.checkout-items__discount,
.checkout-items__total_before_tax,
.checkout-items__tax_amount {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.checkout-items__product {
  font-weight: bold;
}

.checkout-items__total {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: right;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0 0 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .checkout-items__total {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .checkout-items__total {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.checkout-items__total p {
  margin: 0;
}

.payment-details .a-svg-icon--lock-close {
  width: 0.8em;
  height: 0.8em;
  position: relative;
  top: 2px;
}

@media screen and (min-width: 648px) {
  .a-button--checkout {
    max-width: 222px;
  }

  .a-select-container.a-select-container--selectbox-wide {
    min-width: 386px;
  }

  .a-select-container.a-select-container--selectbox-wide label.error {
    position: relative;
    top: -40px;
    left: 368px;
    margin-bottom: -32px;
  }

  .discount-container .a-input {
    max-width: 370px;
  }

  .discount-container label {
    margin-bottom: 12px;
  }

  .discount-container .a-button {
    margin-left: 4px;
  }

  .discount-container .a-button {
    line-height: 1.4;
  }
}

.checkout__certificate-name-preview>span {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  margin-right: 15px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .checkout__certificate-name-preview>span {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .checkout__certificate-name-preview>span {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.checkout__input--number {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.checkout__input--number[data-brand="amex"] {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/payment-icons/amex-52ad483a4092e31209f1a68d0e4e6759.png);
}

.checkout__input--number[data-brand="mastercard"] {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/payment-icons/mastercard-dc33743257847d8c85d27fe9b7563df0.png);
}

.checkout__input--number[data-brand="visa"] {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/payment-icons/visa-5bfbdf6c6099fd012940e302008d1db4.png);
}

.checkout__paypal-logo {
  pointer-events: none;
  transform: translateY(-2px);
  width: 100px;
}

.js-discount-amount-container {
  display: none;
}

.js-discount-applied .js-discount-container-toggle,
.js-discount-applied .js-discount-container {
  display: none;
}

.js-discount-applied .js-discount-amount-container {
  display: flex;
}

.js-full-discount-applied .js-total-before-tax-row,
.js-full-discount-applied .js-tax-amount-row {
  display: none;
}

.run-metadata {
  position: relative;
  width: 100%;
}

.run-metadata ul {
  margin: 0;
  padding: 0;
  font-weight: bold;
  list-style: none;
}

.run-metadata ul::before,
.run-metadata ul::after {
  content: " ";
  display: table;
}

.run-metadata ul::after {
  clear: both;
}

.run-metadata ul li {
  padding: 0;
}

.run-metadata ul i,
.run-metadata ul .run-data {
  display: inline-block;
  position: relative;
}

.run-metadata-inline {
  border-top: 1px solid #ededee;
  border-bottom: 1px solid #ededee;
  margin: 17px 0 18px 5px;
}

.run-metadata-inline ul li {
  float: left;
  width: auto;
  margin: 0 8px 0 0;
  line-height: 32px;
}

.run-metadata-inline ul i {
  left: 0;
  top: 3px;
  font-size: 21px;
}

.run-metadata-inline ul p {
  font-size: 14px;
  top: 0;
  margin: 0;
}

.run-metadata-inline ul .metadata-button {
  float: right;
  margin-right: 0;
}

.run-metadata-inline .a-svg-icon {
  height: 0.75rem;
  margin: 10px 3px 0 3px;
  width: 0.75rem;
}

@media screen and (min-width: 648px) and (max-width: 675px) {
  .metadata-button>.a-button {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media screen and (max-width: 647px) {
  .run-metadata-inline {
    border-bottom: 0;
  }

  .run-metadata-inline ul li {
    margin-right: 0;
    width: 50%;
  }

  .run-metadata-inline ul li:first-child,
  .run-metadata-inline ul li:nth-child(2) {
    border-bottom: 1px solid #ededee;
  }

  .run-metadata-inline ul li.run-metadata__item--full {
    width: 100%;
  }

  .run-metadata-inline ul li .a-svg-icon {
    height: 1rem;
    width: 1rem;
  }

  .run-metadata-inline ul .metadata-button {
    width: 100%;
    line-height: 1;
    padding-top: 16px;
    border-top: 1px solid #ededee;
  }

  .run-metadata-inline ul .metadata-button>.a-button {
    width: 100%;
  }
}

.degree-interest__header {
  padding: 0;
}

.degree-interest__header__hero {
  position: relative;
  overflow: hidden;
  min-height: 280px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  background-size: cover;
  background-position: 50% 50%;
}

.degree-interest__header__hero::before {
  display: block;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
}

.degree-interest__header__hero__intro,
.degree-interest__header__hero__partner-name {
  position: relative;
  max-width: 225px;
  margin: 0 auto;
}

.degree-interest__header__hero__intro {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 48px;
  text-transform: uppercase;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .degree-interest__header__hero__intro {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .degree-interest__header__hero__intro {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.degree-interest__header__hero__partner-name {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  margin-top: 16px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .degree-interest__header__hero__partner-name {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .degree-interest__header__hero__partner-name {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.degree-interest__header__hero__partner-logo {
  position: relative;
  margin-top: 16px;
  max-height: 100px;
  height: auto;
  width: auto;
}

@media screen and (min-width: 648px) {
  .degree-interest__header__hero {
    text-align: left;
  }

  .degree-interest__header__hero__intro {
    margin: 48px 0 0 48px;
  }

  .degree-interest__header__hero__partner-name {
    margin: 32px 0 48px 48px;
    max-width: 320px;
  }

  .degree-interest__header__hero__partner-logo {
    position: absolute;
    bottom: 48px;
    right: 48px;
    margin: 0;
    max-width: 184px;
  }
}

.inline-video-container {
  border: 1px solid #ededee;
  position: relative;
  padding-top: 0;
  padding-bottom: 56.25%;
  padding-bottom: calc((100% / (16 / 9)) - 1px);
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.inline-video-container .inline-video {
  position: absolute;
  top: -1px;
  left: 0;
  height: 100%;
  width: 100%;
}

.a-article-h1 {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-article-h1 {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .a-article-h1 {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.a-article-h2 {
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-article-h2 {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .a-article-h2 {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.a-article-h3 {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-article-h3 {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-article-h3 {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.a-article-h4 {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-article-h4 {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-article-h4 {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.a-article-h5 {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-article-h5 {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-article-h5 {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-article-h6 {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-article-h6 {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-article-h6 {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-article-h1+p,
.a-article-h2+p,
.a-article-h3+p,
.a-article-h4+p,
.a-article-h5+p,
.a-article-h6+p {
  margin-top: 0;
}

.a-arrow-toggle {
  font-weight: bold;
}

.arrow-toggle--table-action {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .arrow-toggle--table-action {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .arrow-toggle--table-action {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.arrow-toggle--table-action .a-svg-icon {
  margin-left: -0.1em;
}

.a-arrow-toggle--micro {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-arrow-toggle--micro {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-arrow-toggle--micro {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-arrow-toggle--large {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-arrow-toggle--large {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-arrow-toggle--large {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.a-arrow-toggle--large .a-svg-icon {
  margin-left: 0.2em;
}

.a-arrow-toggle--submenu-item {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-arrow-toggle--submenu-item {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-arrow-toggle--submenu-item {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 899px) {
  .a-arrow-toggle--submenu-item {
    background-color: #fafafa;
    padding: 0.75rem 1rem;
    text-align: center;
  }

  .a-arrow-toggle--submenu-item:last-of-type {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 900px) {
  .a-arrow-toggle--submenu-item {
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
    padding: 1.5rem 0.9rem;
    position: relative;
    top: 1px;
    transition-property: background-color, border-color;
    transition-duration: 0.4s;
    transition-timing-function: linear;
  }

  .a-arrow-toggle--submenu-item[aria-pressed=true] {
    background-color: #fafafa;
    border-color: #ededee;
  }
}

.a-arrow-toggle--submenu-item .a-svg-icon {
  margin-left: -0.2em;
}

.a-arrow-toggle__option-text {
  display: inline-block;
}

.a-arrow-toggle__handle svg {
  display: inline-block;
  height: 1.2em;
  transition: transform ease-out 0.3s;
  vertical-align: sub;
}

[aria-pressed="true"] .a-arrow-toggle__handle svg {
  transform: rotate(180deg);
}

.a-avatar {
  position: relative;
  overflow: hidden;
  width: 44px;
  height: 44px;
}

.a-avatar img {
  width: 100%;
  height: 100%;
}

.a-avatar a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.a-avatar a:focus {
  outline-offset: -1px;
}

.a-avatar .a-avatar__initials {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  line-height: 44px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-avatar .a-avatar__initials {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-avatar .a-avatar__initials {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) {
  .a-avatar .a-avatar__initials {
    line-height: 44px;
  }
}

@media screen and (min-width: 1695px) {
  .a-avatar .a-avatar__initials {
    line-height: 44px;
  }
}

.a-avatar--extra-small {
  width: 26px;
  height: 26px;
}

.a-avatar--extra-small .a-avatar__initials {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  line-height: 26px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-avatar--extra-small .a-avatar__initials {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-avatar--extra-small .a-avatar__initials {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) {
  .a-avatar--extra-small .a-avatar__initials {
    line-height: 26px;
  }
}

@media screen and (min-width: 1695px) {
  .a-avatar--extra-small .a-avatar__initials {
    line-height: 26px;
  }
}

.a-avatar--small {
  width: 32px;
  height: 32px;
}

.a-avatar--small .a-avatar__initials {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  line-height: 32px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-avatar--small .a-avatar__initials {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-avatar--small .a-avatar__initials {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) {
  .a-avatar--small .a-avatar__initials {
    line-height: 32px;
  }
}

@media screen and (min-width: 1695px) {
  .a-avatar--small .a-avatar__initials {
    line-height: 32px;
  }
}

.a-avatar--large {
  width: 64px;
  height: 64px;
  margin-bottom: 6px;
}

.a-avatar--large .a-avatar__initials {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
  line-height: 64px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-avatar--large .a-avatar__initials {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-avatar--large .a-avatar__initials {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) {
  .a-avatar--large .a-avatar__initials {
    line-height: 64px;
  }
}

@media screen and (min-width: 1695px) {
  .a-avatar--large .a-avatar__initials {
    line-height: 64px;
  }
}

.a-avatar--ticked {
  overflow: visible;
}

.a-avatar--largest {
  width: 64px;
  height: 64px;
  margin-bottom: 6px;
}

.a-avatar--largest .a-avatar__initials {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
  line-height: 64px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-avatar--largest .a-avatar__initials {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-avatar--largest .a-avatar__initials {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) {
  .a-avatar--largest .a-avatar__initials {
    line-height: 64px;
  }
}

@media screen and (min-width: 1695px) {
  .a-avatar--largest .a-avatar__initials {
    line-height: 64px;
  }
}

@media screen and (min-width: 648px) {
  .a-avatar--largest {
    width: 230px;
    height: 230px;
  }

  .a-avatar--largest .a-avatar__initials {
    font-size: 36px;
    font-size: 2rem;
    line-height: 1.25;
    line-height: 230px;
  }
}

@media screen and (min-width: 648px) and (min-width: 680px) and (max-width: 1694px) {
  .a-avatar--largest .a-avatar__initials {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 648px) and (min-width: 1695px) {
  .a-avatar--largest .a-avatar__initials {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 648px) and (min-width: 680px) {
  .a-avatar--largest .a-avatar__initials {
    line-height: 230px;
  }
}

@media screen and (min-width: 648px) and (min-width: 1695px) {
  .a-avatar--largest .a-avatar__initials {
    line-height: 230px;
  }
}

.a-avatar__signed-in-user {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.a-avatar__signed-in-user .a-avatar__initials {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
  line-height: 64px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-avatar__signed-in-user .a-avatar__initials {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-avatar__signed-in-user .a-avatar__initials {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) {
  .a-avatar__signed-in-user .a-avatar__initials {
    line-height: 64px;
  }
}

@media screen and (min-width: 1695px) {
  .a-avatar__signed-in-user .a-avatar__initials {
    line-height: 64px;
  }
}

.a-avatar--bubble .a-avatar__initials {
  line-height: 36px;
}

.a-avatar--bubble:before,
.a-avatar--bubble:after {
  content: "";
  box-sizing: content-box;
  display: block;
  position: absolute;
  height: 8px;
  width: 36px;
  right: 0;
  top: 36px;
  font-size: 0;
  line-height: 0;
  background-color: #fff;
}

.a-avatar--bubble:after {
  width: 16px;
  height: 16px;
  right: 36px;
  transform-origin: right top;
  transform: rotateZ(-45deg);
}

.a-section--alt .a-avatar--bubble:before,
.a-section--alt .a-avatar--bubble:after {
  background-color: #fafafa;
}

.a-section--premium .a-avatar--bubble:before,
.a-section--premium .a-avatar--bubble:after {
  background-color: #8700cd;
}

.a-avatar--bubble.a-avatar--small:before,
.a-avatar--bubble.a-avatar--small:after {
  top: 26px;
  width: 26px;
  height: 6px;
}

.a-avatar--bubble.a-avatar--small:after {
  width: 12px;
  height: 12px;
  right: 26px;
}

.a-avatar--bubble.a-avatar--small .a-avatar__initials {
  line-height: 26px;
}

.a-avatar--bubble.a-avatar--large:before,
.a-avatar--bubble.a-avatar--large:after {
  top: 58px;
  width: 58px;
  height: 6px;
}

.a-avatar--bubble.a-avatar--large:after {
  width: 12px;
  height: 12px;
  right: 58px;
}

.a-avatar--bubble.a-avatar--large .a-avatar__initials {
  line-height: 58px;
}

.a-avatar--bubble.a-avatar--largest:before,
.a-avatar--bubble.a-avatar--largest:after {
  top: 58px;
  width: 58px;
  height: 6px;
}

.a-avatar--bubble.a-avatar--largest:after {
  width: 12px;
  height: 12px;
  right: 58px;
}

.a-avatar--bubble.a-avatar--largest .a-avatar__initials {
  line-height: 58px;
}

@media screen and (min-width: 648px) {
  .a-avatar--bubble.a-avatar--largest {
    width: 230px;
    height: 230px;
  }

  .a-avatar--bubble.a-avatar--largest:before,
  .a-avatar--bubble.a-avatar--largest:after {
    top: 202px;
    width: 202px;
    height: 28px;
  }

  .a-avatar--bubble.a-avatar--largest:after {
    width: 56px;
    height: 56px;
    right: 202px;
  }

  .a-avatar--bubble.a-avatar--largest .a-avatar__initials {
    line-height: 202px;
  }
}

.a-avatar--bubble.a-avatar--bubble-flip:before {
  left: 0;
  right: auto;
  width: 36px;
}

.a-avatar--bubble.a-avatar--bubble-flip:after {
  transform-origin: left top;
  transform: rotateZ(45deg);
  left: 36px;
}

.a-avatar--bubble.a-avatar--bubble-flip.a-avatar--small:before {
  width: 26px;
}

.a-avatar--bubble.a-avatar--bubble-flip.a-avatar--small:after {
  left: 26px;
}

.a-avatar--bubble.a-avatar--bubble-flip.a-avatar--large:before {
  width: 58px;
}

.a-avatar--bubble.a-avatar--bubble-flip.a-avatar--large:after {
  right: 58px;
}

.a-avatar--bubble.a-avatar--bubble-flip.a-avatar--largest:before {
  width: 58px;
}

.a-avatar--bubble.a-avatar--bubble-flip.a-avatar--largest:after {
  right: 58px;
}

@media screen and (min-width: 648px) {
  .a-avatar--bubble.a-avatar--bubble-flip.a-avatar--largest:before {
    width: 202px;
  }

  .a-avatar--bubble.a-avatar--bubble-flip.a-avatar--largest:after {
    right: 202px;
  }
}

.a-avatar--alt:before,
.a-avatar--alt:after {
  background-color: #fafafa;
}

.a-avatar--placeholder {
  background-color: #ededee;
}

.a-avatar__initials {
  display: block;
  width: 100%;
  height: 100%;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-indent: 0.025em;
  text-align: center;
  color: #fff;
  background-color: #727376;
}

.a-avatar__initials--ultramarine {
  background-color: #5000e2;
}

.a-avatar__initials--purple {
  background-color: #8700cd;
}

.a-avatar__initials--violet {
  background-color: #b100bc;
}

.a-avatar__initials--pink {
  background-color: #de00a5;
}

.a-avatar__initials--coral {
  background-color: #ff4a6e;
}

.a-avatar__initials--orange {
  background-color: #ff8151;
}

.a-avatar__initials--gold {
  background-color: #ffaa54;
}

.a-avatar__initials--yellow {
  background-color: #fecb51;
}

.a-avatar .a-avatar__tick {
  background-color: #2541fc;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  right: -5px;
  height: 18px;
  width: 18px;
}

.a-avatar .a-avatar__tick .a-svg-icon {
  color: #fff;
  position: absolute;
  margin-top: 2px;
  margin-left: 2px;
  height: 14px;
  width: 14px;
}

.a-back-link {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  display: block;
  text-align: center;
  padding-top: .4em;
  padding-bottom: 1em;
  margin-bottom: 0;
  margin-left: -16px;
  margin-right: -16px;
  border-bottom: 1px solid #ededee;
  transition-property: background-color, border-color, color;
  transition-timing-function: linear;
  transition-duration: 0.4s;
  color: #ffffff;
  border-color: #727376;
  border-color: rgba(255,255,255,0.3);
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-back-link {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-back-link {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-back-link:hover {
  color: #ffffff;
  background-color: rgba(255,255,255,0.15);
}

.a-back-link .a-svg-icon {
  transform: rotate(90deg);
  width: 16px;
  margin-right: 0;
  margin-bottom: -10px;
}

.a-binary-radio-button {
  position: relative;
  display: inline-block;
}

.js .a-binary-radio-button span {
  position: relative;
  display: inline-block;
  min-width: 3.5em;
  padding: .5em;
  padding: 3px 12px 5px 12px;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  color: #de00a5;
  text-align: center;
  background-color: #fff;
  border: 1px solid #de00a5;
  cursor: pointer;
  pointer-events: all;
  transition-property: background-color, border-color, color;
  transition-timing-function: linear;
  transition-duration: 0.4s;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .js .a-binary-radio-button span {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .js .a-binary-radio-button span {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.js .a-binary-radio-button span:hover {
  border-color: #2541fc;
  color: #2541fc;
  z-index: 1;
}

.js .a-binary-radio-button:nth-of-type(n+2) span {
  margin-left: -1px;
}

.js .a-binary-radio-button input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.js .a-binary-radio-button input:focus+span {
  outline: 3px solid #2541fc;
  z-index: 2;
}

.js .a-binary-radio-button input:hover+span {
  outline: none;
}

.no-js .a-binary-radio-button {
  margin-right: .5em;
}

.no-js .a-binary-radio-button input {
  display: inline;
}

.js .a-binary-radio-button--selected span {
  border-color: #2541fc;
  background-color: #2541fc;
  color: #fff;
  z-index: 1;
}

.js .a-binary-radio-button--selected span:hover {
  color: #fff;
}

.js .m-radio-button-group--answered .a-binary-radio-button:not(.a-binary-radio-button--selected) span {
  border-color: #727376;
  color: #727376;
}

.js .m-radio-button-group--answered .a-binary-radio-button:not(.a-binary-radio-button--selected) span:hover {
  border-color: #2541fc;
  color: #2541fc;
}

.a-blast {
  width: 0;
  height: 0;
  position: relative;
}

.a-blast__set {
  width: 6px;
  height: 3px;
  position: absolute;
  left: -3px;
  transform-origin: top center;
}

.a-blast__set-2 {
  transform: rotate(9deg);
}

.a-blast__set-3 {
  transform: rotate(18deg);
}

.a-blast__set-4 {
  transform: rotate(27deg);
}

.a-blast__triangle {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-top: 0;
  border-bottom-width: 3px;
  border-bottom-color: #fff;
  position: absolute;
  opacity: 1;
  transition: transform 1s cubic-bezier(0, 0.2, 0, 1),opacity 1s linear;
  transform-origin: center top;
  transform: translateZ(0);
  will-change: transform, opacity;
}

.a-blast__triangle-1 {
  transform: rotate(0deg);
}

.a-blast--exploded .a-blast__triangle-1 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1 .a-blast__triangle-1 {
  transform: rotate(0deg) translateY(30px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-2 .a-blast__triangle-1 {
  transform: rotate(0deg) translateY(24px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-3 .a-blast__triangle-1 {
  transform: rotate(0deg) translateY(21px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-4 .a-blast__triangle-1 {
  transform: rotate(0deg) translateY(24px) scale(.16667, 6);
}

.a-blast--big .a-blast__triangle-1 {
  transform: rotate(0deg);
}

.a-blast--exploded .a-blast--big .a-blast__triangle-1 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1--big .a-blast--big .a-blast__triangle-1 {
  transform: rotate(0deg) translateY(30px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-2--big .a-blast--big .a-blast__triangle-1 {
  transform: rotate(0deg) translateY(24px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-3--big .a-blast--big .a-blast__triangle-1 {
  transform: rotate(0deg) translateY(21px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-4--big .a-blast--big .a-blast__triangle-1 {
  transform: rotate(0deg) translateY(24px) scale(.05, 20);
}

.a-blast__triangle-2 {
  transform: rotate(36deg);
}

.a-blast--exploded .a-blast__triangle-2 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1 .a-blast__triangle-2 {
  transform: rotate(36deg) translateY(30px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-2 .a-blast__triangle-2 {
  transform: rotate(36deg) translateY(24px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-3 .a-blast__triangle-2 {
  transform: rotate(36deg) translateY(21px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-4 .a-blast__triangle-2 {
  transform: rotate(36deg) translateY(24px) scale(.16667, 6);
}

.a-blast--big .a-blast__triangle-2 {
  transform: rotate(36deg);
}

.a-blast--exploded .a-blast--big .a-blast__triangle-2 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1--big .a-blast--big .a-blast__triangle-2 {
  transform: rotate(36deg) translateY(30px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-2--big .a-blast--big .a-blast__triangle-2 {
  transform: rotate(36deg) translateY(24px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-3--big .a-blast--big .a-blast__triangle-2 {
  transform: rotate(36deg) translateY(21px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-4--big .a-blast--big .a-blast__triangle-2 {
  transform: rotate(36deg) translateY(24px) scale(.05, 20);
}

.a-blast__triangle-3 {
  transform: rotate(72deg);
}

.a-blast--exploded .a-blast__triangle-3 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1 .a-blast__triangle-3 {
  transform: rotate(72deg) translateY(30px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-2 .a-blast__triangle-3 {
  transform: rotate(72deg) translateY(24px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-3 .a-blast__triangle-3 {
  transform: rotate(72deg) translateY(21px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-4 .a-blast__triangle-3 {
  transform: rotate(72deg) translateY(24px) scale(.16667, 6);
}

.a-blast--big .a-blast__triangle-3 {
  transform: rotate(72deg);
}

.a-blast--exploded .a-blast--big .a-blast__triangle-3 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1--big .a-blast--big .a-blast__triangle-3 {
  transform: rotate(72deg) translateY(30px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-2--big .a-blast--big .a-blast__triangle-3 {
  transform: rotate(72deg) translateY(24px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-3--big .a-blast--big .a-blast__triangle-3 {
  transform: rotate(72deg) translateY(21px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-4--big .a-blast--big .a-blast__triangle-3 {
  transform: rotate(72deg) translateY(24px) scale(.05, 20);
}

.a-blast__triangle-4 {
  transform: rotate(108deg);
}

.a-blast--exploded .a-blast__triangle-4 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1 .a-blast__triangle-4 {
  transform: rotate(108deg) translateY(30px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-2 .a-blast__triangle-4 {
  transform: rotate(108deg) translateY(24px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-3 .a-blast__triangle-4 {
  transform: rotate(108deg) translateY(21px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-4 .a-blast__triangle-4 {
  transform: rotate(108deg) translateY(24px) scale(.16667, 6);
}

.a-blast--big .a-blast__triangle-4 {
  transform: rotate(108deg);
}

.a-blast--exploded .a-blast--big .a-blast__triangle-4 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1--big .a-blast--big .a-blast__triangle-4 {
  transform: rotate(108deg) translateY(30px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-2--big .a-blast--big .a-blast__triangle-4 {
  transform: rotate(108deg) translateY(24px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-3--big .a-blast--big .a-blast__triangle-4 {
  transform: rotate(108deg) translateY(21px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-4--big .a-blast--big .a-blast__triangle-4 {
  transform: rotate(108deg) translateY(24px) scale(.05, 20);
}

.a-blast__triangle-5 {
  transform: rotate(144deg);
}

.a-blast--exploded .a-blast__triangle-5 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1 .a-blast__triangle-5 {
  transform: rotate(144deg) translateY(30px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-2 .a-blast__triangle-5 {
  transform: rotate(144deg) translateY(24px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-3 .a-blast__triangle-5 {
  transform: rotate(144deg) translateY(21px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-4 .a-blast__triangle-5 {
  transform: rotate(144deg) translateY(24px) scale(.16667, 6);
}

.a-blast--big .a-blast__triangle-5 {
  transform: rotate(144deg);
}

.a-blast--exploded .a-blast--big .a-blast__triangle-5 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1--big .a-blast--big .a-blast__triangle-5 {
  transform: rotate(144deg) translateY(30px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-2--big .a-blast--big .a-blast__triangle-5 {
  transform: rotate(144deg) translateY(24px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-3--big .a-blast--big .a-blast__triangle-5 {
  transform: rotate(144deg) translateY(21px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-4--big .a-blast--big .a-blast__triangle-5 {
  transform: rotate(144deg) translateY(24px) scale(.05, 20);
}

.a-blast__triangle-6 {
  transform: rotate(180deg);
}

.a-blast--exploded .a-blast__triangle-6 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1 .a-blast__triangle-6 {
  transform: rotate(180deg) translateY(30px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-2 .a-blast__triangle-6 {
  transform: rotate(180deg) translateY(24px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-3 .a-blast__triangle-6 {
  transform: rotate(180deg) translateY(21px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-4 .a-blast__triangle-6 {
  transform: rotate(180deg) translateY(24px) scale(.16667, 6);
}

.a-blast--big .a-blast__triangle-6 {
  transform: rotate(180deg);
}

.a-blast--exploded .a-blast--big .a-blast__triangle-6 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1--big .a-blast--big .a-blast__triangle-6 {
  transform: rotate(180deg) translateY(30px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-2--big .a-blast--big .a-blast__triangle-6 {
  transform: rotate(180deg) translateY(24px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-3--big .a-blast--big .a-blast__triangle-6 {
  transform: rotate(180deg) translateY(21px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-4--big .a-blast--big .a-blast__triangle-6 {
  transform: rotate(180deg) translateY(24px) scale(.05, 20);
}

.a-blast__triangle-7 {
  transform: rotate(216deg);
}

.a-blast--exploded .a-blast__triangle-7 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1 .a-blast__triangle-7 {
  transform: rotate(216deg) translateY(30px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-2 .a-blast__triangle-7 {
  transform: rotate(216deg) translateY(24px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-3 .a-blast__triangle-7 {
  transform: rotate(216deg) translateY(21px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-4 .a-blast__triangle-7 {
  transform: rotate(216deg) translateY(24px) scale(.16667, 6);
}

.a-blast--big .a-blast__triangle-7 {
  transform: rotate(216deg);
}

.a-blast--exploded .a-blast--big .a-blast__triangle-7 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1--big .a-blast--big .a-blast__triangle-7 {
  transform: rotate(216deg) translateY(30px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-2--big .a-blast--big .a-blast__triangle-7 {
  transform: rotate(216deg) translateY(24px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-3--big .a-blast--big .a-blast__triangle-7 {
  transform: rotate(216deg) translateY(21px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-4--big .a-blast--big .a-blast__triangle-7 {
  transform: rotate(216deg) translateY(24px) scale(.05, 20);
}

.a-blast__triangle-8 {
  transform: rotate(252deg);
}

.a-blast--exploded .a-blast__triangle-8 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1 .a-blast__triangle-8 {
  transform: rotate(252deg) translateY(30px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-2 .a-blast__triangle-8 {
  transform: rotate(252deg) translateY(24px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-3 .a-blast__triangle-8 {
  transform: rotate(252deg) translateY(21px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-4 .a-blast__triangle-8 {
  transform: rotate(252deg) translateY(24px) scale(.16667, 6);
}

.a-blast--big .a-blast__triangle-8 {
  transform: rotate(252deg);
}

.a-blast--exploded .a-blast--big .a-blast__triangle-8 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1--big .a-blast--big .a-blast__triangle-8 {
  transform: rotate(252deg) translateY(30px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-2--big .a-blast--big .a-blast__triangle-8 {
  transform: rotate(252deg) translateY(24px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-3--big .a-blast--big .a-blast__triangle-8 {
  transform: rotate(252deg) translateY(21px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-4--big .a-blast--big .a-blast__triangle-8 {
  transform: rotate(252deg) translateY(24px) scale(.05, 20);
}

.a-blast__triangle-9 {
  transform: rotate(288deg);
}

.a-blast--exploded .a-blast__triangle-9 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1 .a-blast__triangle-9 {
  transform: rotate(288deg) translateY(30px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-2 .a-blast__triangle-9 {
  transform: rotate(288deg) translateY(24px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-3 .a-blast__triangle-9 {
  transform: rotate(288deg) translateY(21px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-4 .a-blast__triangle-9 {
  transform: rotate(288deg) translateY(24px) scale(.16667, 6);
}

.a-blast--big .a-blast__triangle-9 {
  transform: rotate(288deg);
}

.a-blast--exploded .a-blast--big .a-blast__triangle-9 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1--big .a-blast--big .a-blast__triangle-9 {
  transform: rotate(288deg) translateY(30px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-2--big .a-blast--big .a-blast__triangle-9 {
  transform: rotate(288deg) translateY(24px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-3--big .a-blast--big .a-blast__triangle-9 {
  transform: rotate(288deg) translateY(21px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-4--big .a-blast--big .a-blast__triangle-9 {
  transform: rotate(288deg) translateY(24px) scale(.05, 20);
}

.a-blast__triangle-10 {
  transform: rotate(324deg);
}

.a-blast--exploded .a-blast__triangle-10 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1 .a-blast__triangle-10 {
  transform: rotate(324deg) translateY(30px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-2 .a-blast__triangle-10 {
  transform: rotate(324deg) translateY(24px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-3 .a-blast__triangle-10 {
  transform: rotate(324deg) translateY(21px) scale(.16667, 6);
}

.a-blast--exploded .a-blast__set-4 .a-blast__triangle-10 {
  transform: rotate(324deg) translateY(24px) scale(.16667, 6);
}

.a-blast--big .a-blast__triangle-10 {
  transform: rotate(324deg);
}

.a-blast--exploded .a-blast--big .a-blast__triangle-10 {
  opacity: 0;
}

.a-blast--exploded .a-blast__set-1--big .a-blast--big .a-blast__triangle-10 {
  transform: rotate(324deg) translateY(30px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-2--big .a-blast--big .a-blast__triangle-10 {
  transform: rotate(324deg) translateY(24px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-3--big .a-blast--big .a-blast__triangle-10 {
  transform: rotate(324deg) translateY(21px) scale(.05, 20);
}

.a-blast--exploded .a-blast__set-4--big .a-blast--big .a-blast__triangle-10 {
  transform: rotate(324deg) translateY(24px) scale(.05, 20);
}

.a-block-button {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  color: inherit;
  padding: 0.6em 0.8em;
  display: block;
  text-align: center;
}

.a-block-button:active,
.a-block-button:hover {
  outline: 0;
}

.a-block-button:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .a-block-button:focus {
  outline: none;
}

.a-block-button:hover {
  color: #2541fc;
}

.a-bookmark-button {
  display: block;
  padding: 0;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: bold;
  border: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-bookmark-button {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-bookmark-button {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-bookmark-button:hover .a-svg-icon {
  color: #2541fc;
}

.a-button {
  font-weight: bold;
  text-align: center;
  padding: 0.5em 1em;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  transition-property: background-color, border-color, color;
  transition-timing-function: linear;
  transition-duration: 0.4s;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #de00a5;
  background-color: #de00a5;
  color: #fff;
  cursor: pointer;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-button {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-button {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-button:hover {
  border-color: #2541fc;
  background-color: #2541fc;
  color: #fff;
}

input[type="submit"].a-button,
input[type="button"].a-button,
input[type="reset"].a-button {
  cursor: pointer;
  display: inline-block;
}

.a-button--normal-text {
  font-weight: normal;
}

.a-button--inactive {
  border-color: #727376;
  background-color: #727376;
  cursor: default;
}

.a-button--inactive:hover {
  border-color: #727376;
  background-color: #727376;
}

.a-button--active {
  border-color: #2541fc;
  background-color: #2541fc;
}

.a-button--active:hover {
  border-color: #2541fc;
  background-color: #2541fc;
}

.a-button--ghost {
  border-color: #de00a5;
  background-color: transparent;
  color: #de00a5;
}

.a-button--ghost[aria-pressed="true"],
.a-button--ghost:hover {
  border-color: #2541fc;
  background-color: transparent;
  color: #2541fc;
}

button.a-button--ghost.is-disabled,
html button[type="button"].a-button--ghost.is-disabled,
input[type="reset"].a-button--ghost.is-disabled,
input[type="submit"].a-button--ghost.is-disabled {
  background: transparent;
  border-color: #2541fc;
  color: #2541fc;
}

.a-button--on-background {
  color: #fff;
  border-color: #fff;
  text-shadow: none;
}

.a-button--on-background:focus {
  outline: 3px solid #2541fc;
  background-color: #5000e2;
  border-color: #fff;
}

.a-button--on-background:hover {
  background-color: #5000e2;
  border-color: #fff;
}

.a-button--ghost--inverse {
  border-color: #fff;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.6);
  letter-spacing: .02em;
}

.a-button--ghost--inverse:hover {
  border-color: #2541fc;
  background-color: #2541fc;
  text-shadow: none;
  color: #fff;
}

.a-button--ghost-active {
  border-color: #2541fc;
  color: #2541fc;
}

.a-button--borderless {
  border: 0;
}

.a-button--spacious {
  padding: .5em 1.8em .7em 1.8em;
}

.a-button--full-width {
  width: 100%;
}

.a-button--elastic {
  width: 100%;
  max-width: 100%;
}

@media screen and (min-width: 648px) {
  .a-button--elastic {
    width: auto;
  }

  .a-content--form .a-button--elastic {
    width: 100%;
  }
}

.a-button--minion {
  padding: 3px 12px 5px 12px;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-button--minion {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-button--minion {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-button--boss {
  padding: 0.5em 1em;
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-button--boss {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-button--boss {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.a-button--facebook {
  font-size: 18px;
  line-height: 26px;
}

.a-button--facebook,
.a-button--facebook:hover {
  background-color: #3b5999;
  border-color: #3b5999;
}

.a-button--facebook .a-svg-icon--facebook-inverse {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 25px;
}

.a-button--learning-manager-application {
  background-color: #ff8151;
  border-color: #ff8151;
}

.a-button--admin-application {
  background-color: #ff4a6e;
  border-color: #ff4a6e;
}

.a-button--loader-and-text {
  cursor: auto;
}

.a-button--loader-and-text .a-loader {
  display: inline-block;
  position: relative;
  top: -3px;
  padding-left: 10px;
  width: auto;
}

.a-button--loader-and-text .u-loader-displayer {
  display: inline-block;
}

.a-button--loader-and-text .u-loader-displayer .a-loader {
  height: 0;
  margin-bottom: 0;
}

.a-button--loader-and-text .u-loader-displayer .a-loader .a-loader__ball {
  background-color: #fff;
  height: 0.4em;
  width: 0.4em;
}

@keyframes blast-triangle-transform-1-1 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg) translateY(30px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-1-1-big {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg) translateY(30px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-1-2 {
  0% {
    transform: rotate(36deg);
  }

  100% {
    transform: rotate(36deg) translateY(30px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-1-2-big {
  0% {
    transform: rotate(36deg);
  }

  100% {
    transform: rotate(36deg) translateY(30px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-1-3 {
  0% {
    transform: rotate(72deg);
  }

  100% {
    transform: rotate(72deg) translateY(30px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-1-3-big {
  0% {
    transform: rotate(72deg);
  }

  100% {
    transform: rotate(72deg) translateY(30px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-1-4 {
  0% {
    transform: rotate(108deg);
  }

  100% {
    transform: rotate(108deg) translateY(30px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-1-4-big {
  0% {
    transform: rotate(108deg);
  }

  100% {
    transform: rotate(108deg) translateY(30px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-1-5 {
  0% {
    transform: rotate(144deg);
  }

  100% {
    transform: rotate(144deg) translateY(30px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-1-5-big {
  0% {
    transform: rotate(144deg);
  }

  100% {
    transform: rotate(144deg) translateY(30px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-1-6 {
  0% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(180deg) translateY(30px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-1-6-big {
  0% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(180deg) translateY(30px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-1-7 {
  0% {
    transform: rotate(216deg);
  }

  100% {
    transform: rotate(216deg) translateY(30px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-1-7-big {
  0% {
    transform: rotate(216deg);
  }

  100% {
    transform: rotate(216deg) translateY(30px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-1-8 {
  0% {
    transform: rotate(252deg);
  }

  100% {
    transform: rotate(252deg) translateY(30px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-1-8-big {
  0% {
    transform: rotate(252deg);
  }

  100% {
    transform: rotate(252deg) translateY(30px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-1-9 {
  0% {
    transform: rotate(288deg);
  }

  100% {
    transform: rotate(288deg) translateY(30px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-1-9-big {
  0% {
    transform: rotate(288deg);
  }

  100% {
    transform: rotate(288deg) translateY(30px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-1-10 {
  0% {
    transform: rotate(324deg);
  }

  100% {
    transform: rotate(324deg) translateY(30px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-1-10-big {
  0% {
    transform: rotate(324deg);
  }

  100% {
    transform: rotate(324deg) translateY(30px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-2-1 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-2-1-big {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-2-2 {
  0% {
    transform: rotate(36deg);
  }

  100% {
    transform: rotate(36deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-2-2-big {
  0% {
    transform: rotate(36deg);
  }

  100% {
    transform: rotate(36deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-2-3 {
  0% {
    transform: rotate(72deg);
  }

  100% {
    transform: rotate(72deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-2-3-big {
  0% {
    transform: rotate(72deg);
  }

  100% {
    transform: rotate(72deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-2-4 {
  0% {
    transform: rotate(108deg);
  }

  100% {
    transform: rotate(108deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-2-4-big {
  0% {
    transform: rotate(108deg);
  }

  100% {
    transform: rotate(108deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-2-5 {
  0% {
    transform: rotate(144deg);
  }

  100% {
    transform: rotate(144deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-2-5-big {
  0% {
    transform: rotate(144deg);
  }

  100% {
    transform: rotate(144deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-2-6 {
  0% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(180deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-2-6-big {
  0% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(180deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-2-7 {
  0% {
    transform: rotate(216deg);
  }

  100% {
    transform: rotate(216deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-2-7-big {
  0% {
    transform: rotate(216deg);
  }

  100% {
    transform: rotate(216deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-2-8 {
  0% {
    transform: rotate(252deg);
  }

  100% {
    transform: rotate(252deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-2-8-big {
  0% {
    transform: rotate(252deg);
  }

  100% {
    transform: rotate(252deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-2-9 {
  0% {
    transform: rotate(288deg);
  }

  100% {
    transform: rotate(288deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-2-9-big {
  0% {
    transform: rotate(288deg);
  }

  100% {
    transform: rotate(288deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-2-10 {
  0% {
    transform: rotate(324deg);
  }

  100% {
    transform: rotate(324deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-2-10-big {
  0% {
    transform: rotate(324deg);
  }

  100% {
    transform: rotate(324deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-3-1 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg) translateY(21px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-3-1-big {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg) translateY(21px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-3-2 {
  0% {
    transform: rotate(36deg);
  }

  100% {
    transform: rotate(36deg) translateY(21px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-3-2-big {
  0% {
    transform: rotate(36deg);
  }

  100% {
    transform: rotate(36deg) translateY(21px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-3-3 {
  0% {
    transform: rotate(72deg);
  }

  100% {
    transform: rotate(72deg) translateY(21px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-3-3-big {
  0% {
    transform: rotate(72deg);
  }

  100% {
    transform: rotate(72deg) translateY(21px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-3-4 {
  0% {
    transform: rotate(108deg);
  }

  100% {
    transform: rotate(108deg) translateY(21px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-3-4-big {
  0% {
    transform: rotate(108deg);
  }

  100% {
    transform: rotate(108deg) translateY(21px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-3-5 {
  0% {
    transform: rotate(144deg);
  }

  100% {
    transform: rotate(144deg) translateY(21px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-3-5-big {
  0% {
    transform: rotate(144deg);
  }

  100% {
    transform: rotate(144deg) translateY(21px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-3-6 {
  0% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(180deg) translateY(21px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-3-6-big {
  0% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(180deg) translateY(21px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-3-7 {
  0% {
    transform: rotate(216deg);
  }

  100% {
    transform: rotate(216deg) translateY(21px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-3-7-big {
  0% {
    transform: rotate(216deg);
  }

  100% {
    transform: rotate(216deg) translateY(21px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-3-8 {
  0% {
    transform: rotate(252deg);
  }

  100% {
    transform: rotate(252deg) translateY(21px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-3-8-big {
  0% {
    transform: rotate(252deg);
  }

  100% {
    transform: rotate(252deg) translateY(21px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-3-9 {
  0% {
    transform: rotate(288deg);
  }

  100% {
    transform: rotate(288deg) translateY(21px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-3-9-big {
  0% {
    transform: rotate(288deg);
  }

  100% {
    transform: rotate(288deg) translateY(21px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-3-10 {
  0% {
    transform: rotate(324deg);
  }

  100% {
    transform: rotate(324deg) translateY(21px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-3-10-big {
  0% {
    transform: rotate(324deg);
  }

  100% {
    transform: rotate(324deg) translateY(21px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-4-1 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-4-1-big {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-4-2 {
  0% {
    transform: rotate(36deg);
  }

  100% {
    transform: rotate(36deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-4-2-big {
  0% {
    transform: rotate(36deg);
  }

  100% {
    transform: rotate(36deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-4-3 {
  0% {
    transform: rotate(72deg);
  }

  100% {
    transform: rotate(72deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-4-3-big {
  0% {
    transform: rotate(72deg);
  }

  100% {
    transform: rotate(72deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-4-4 {
  0% {
    transform: rotate(108deg);
  }

  100% {
    transform: rotate(108deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-4-4-big {
  0% {
    transform: rotate(108deg);
  }

  100% {
    transform: rotate(108deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-4-5 {
  0% {
    transform: rotate(144deg);
  }

  100% {
    transform: rotate(144deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-4-5-big {
  0% {
    transform: rotate(144deg);
  }

  100% {
    transform: rotate(144deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-4-6 {
  0% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(180deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-4-6-big {
  0% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(180deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-4-7 {
  0% {
    transform: rotate(216deg);
  }

  100% {
    transform: rotate(216deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-4-7-big {
  0% {
    transform: rotate(216deg);
  }

  100% {
    transform: rotate(216deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-4-8 {
  0% {
    transform: rotate(252deg);
  }

  100% {
    transform: rotate(252deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-4-8-big {
  0% {
    transform: rotate(252deg);
  }

  100% {
    transform: rotate(252deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-4-9 {
  0% {
    transform: rotate(288deg);
  }

  100% {
    transform: rotate(288deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-4-9-big {
  0% {
    transform: rotate(288deg);
  }

  100% {
    transform: rotate(288deg) translateY(24px) scale(.05, 20);
  }
}

@keyframes blast-triangle-transform-4-10 {
  0% {
    transform: rotate(324deg);
  }

  100% {
    transform: rotate(324deg) translateY(24px) scale(.16667, 6);
  }
}

@keyframes blast-triangle-transform-4-10-big {
  0% {
    transform: rotate(324deg);
  }

  100% {
    transform: rotate(324deg) translateY(24px) scale(.05, 20);
  }
}

.m-celebration-week {
  background-color: #de00a5;
  background: linear-gradient(-225deg, #2541fc 0%,#2541fc 5.88235%,#4c00eb 5.88235%,#4c00eb 11.76471%,#6d00df 11.76471%,#6d00df 17.64706%,#8400d6 17.64706%,#8400d6 23.52941%,#9f00ca 23.52941%,#9f00ca 29.41176%,#b700c0 29.41176%,#b700c0 35.29412%,#da00b4 35.29412%,#da00b4 41.17647%,#e80198 41.17647%,#e80198 47.05882%,#fb287f 47.05882%,#fb287f 52.94118%,#ff5062 52.94118%,#ff5062 58.82353%,#ff6951 58.82353%,#ff6951 64.70588%,#ff8b40 64.70588%,#ff8b40 70.58824%,#ffa83c 70.58824%,#ffa83c 76.47059%,#ffc135 76.47059%,#ffc135 82.35294%,#ffd967 82.35294%,#ffd967 88.23529%,#ffdf80 88.23529%,#ffdf80 94.11765%,#ffe598 94.11765%,#ffe598 100%);
  color: #fff;
  padding: 0.25rem 1.5rem;
  position: relative;
  transition: background;
}

.m-celebration-week-background-effect {
  background: linear-gradient(-225deg, #4c00eb 0%,#4c00eb 5.88235%,#6d00df 5.88235%,#6d00df 11.76471%,#8400d6 11.76471%,#8400d6 17.64706%,#9f00ca 17.64706%,#9f00ca 23.52941%,#b700c0 23.52941%,#b700c0 29.41176%,#da00b4 29.41176%,#da00b4 35.29412%,#e80198 35.29412%,#e80198 41.17647%,#fb287f 41.17647%,#fb287f 47.05882%,#ff5062 47.05882%,#ff5062 52.94118%,#ff6951 52.94118%,#ff6951 58.82353%,#ff8b40 58.82353%,#ff8b40 64.70588%,#ffa83c 64.70588%,#ffa83c 70.58824%,#ffc135 70.58824%,#ffc135 76.47059%,#ffd967 76.47059%,#ffd967 82.35294%,#ffdf80 82.35294%,#ffdf80 88.23529%,#ffe598 88.23529%,#ffe598 94.11765%,#fdeab0 94.11765%,#fdeab0 100%);
  opacity: 0;
  animation: 1s ease-in-out simple-fade-in 1s alternate infinite forwards;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}

.m-celebration-week__content {
  position: relative;
  z-index: 1;
}

.m-celebration-week__title {
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
  margin: 1.5rem 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-celebration-week__title {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .m-celebration-week__title {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.m-celebration-week__subtitle {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  text-transform: uppercase;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-celebration-week__subtitle {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-celebration-week__subtitle {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-celebration-week__week-number {
  font-size: 6rem;
  font-weight: bold;
  line-height: 1;
  position: relative;
  min-height: 130px;
}

.m-celebration-week__week-number .a-blast {
  position: absolute;
  left: 51%;
  top: 50%;
}

.m-celebration-week__week-number-image {
  margin-top: 0.25rem;
  position: absolute;
  left: 50%;
  transition: opacity 1s ease-in-out;
  transform: translateX(-50%);
  width: 7rem;
}

.m-celebration-week__week-number-image--filled {
  opacity: 0;
  animation: 1s ease-in simple-fade-in 0.4s forwards;
}

.m-celebration-week__message {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-top: 0;
  text-transform: uppercase;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-celebration-week__message {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-celebration-week__message {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-celebration-week__share {
  border-top: 1px solid #ffffff;
  margin-top: 3rem;
}

.m-celebration-week .a-blast__set-1 .a-blast__triangle-1 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-1-1-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-1 .a-blast__triangle-2 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-1-2-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-1 .a-blast__triangle-3 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-1-3-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-1 .a-blast__triangle-4 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-1-4-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-1 .a-blast__triangle-5 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-1-5-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-1 .a-blast__triangle-6 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-1-6-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-1 .a-blast__triangle-7 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-1-7-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-1 .a-blast__triangle-8 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-1-8-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-1 .a-blast__triangle-9 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-1-9-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-1 .a-blast__triangle-10 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-1-10-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-2 .a-blast__triangle-1 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-2-1-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-2 .a-blast__triangle-2 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-2-2-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-2 .a-blast__triangle-3 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-2-3-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-2 .a-blast__triangle-4 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-2-4-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-2 .a-blast__triangle-5 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-2-5-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-2 .a-blast__triangle-6 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-2-6-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-2 .a-blast__triangle-7 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-2-7-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-2 .a-blast__triangle-8 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-2-8-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-2 .a-blast__triangle-9 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-2-9-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-2 .a-blast__triangle-10 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-2-10-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-3 .a-blast__triangle-1 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-3-1-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-3 .a-blast__triangle-2 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-3-2-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-3 .a-blast__triangle-3 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-3-3-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-3 .a-blast__triangle-4 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-3-4-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-3 .a-blast__triangle-5 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-3-5-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-3 .a-blast__triangle-6 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-3-6-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-3 .a-blast__triangle-7 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-3-7-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-3 .a-blast__triangle-8 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-3-8-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-3 .a-blast__triangle-9 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-3-9-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-3 .a-blast__triangle-10 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-3-10-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-4 .a-blast__triangle-1 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-4-1-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-4 .a-blast__triangle-2 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-4-2-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-4 .a-blast__triangle-3 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-4-3-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-4 .a-blast__triangle-4 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-4-4-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-4 .a-blast__triangle-5 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-4-5-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-4 .a-blast__triangle-6 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-4-6-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-4 .a-blast__triangle-7 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-4-7-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-4 .a-blast__triangle-8 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-4-8-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-4 .a-blast__triangle-9 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-4-9-big forwards,1s linear 1s simple-fade-out forwards;
}

.m-celebration-week .a-blast__set-4 .a-blast__triangle-10 {
  opacity: 0;
  animation: 1s cubic-bezier(0, 0.2, 0, 1) 1s blast-triangle-transform-4-10-big forwards,1s linear 1s simple-fade-out forwards;
}

.js .a-clipped-content {
  max-height: 14rem;
  overflow: hidden;
  position: relative;
  transition: max-height ease-out 0.5s;
}

.js .a-clipped-content:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 3rem;
  width: 100%;
  background-image: linear-gradient(rgba(255,255,255,0), #fff 80%);
}

.js .a-clipped-content.is-expanded:after {
  display: none;
}

pre.a-highlighted-codeblock {
  padding: 10px;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  border: 0;
  border-radius: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  pre.a-highlighted-codeblock {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  pre.a-highlighted-codeblock {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

pre.a-highlighted-codeblock span {
  background-color: transparent !important;
}

.a-content {
  margin-top: 3rem;
  margin-bottom: 3rem;
  max-width: 648px;
  margin-left: auto;
  margin-right: auto;
}

.a-content--form {
  max-width: 340px;
}

@media screen and (min-width: 900px) {
  .a-content--mega {
    max-width: 922.64062px;
  }
}

@media screen and (min-width: 900px) {
  .a-content--hall {
    max-width: 922.64062px;
  }
}

@media screen and (min-width: 1280px) {
  .a-content--hall {
    max-width: 1167.71704px;
  }
}

.a-content--stretched {
  max-width: none;
  margin-left: -16px;
  margin-right: -16px;
}

.a-content--bg-white {
  background: #fff;
}

.a-content--spacious {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.a-content--spacious-top {
  margin-top: 5rem;
}

.a-content--spacious-bottom {
  margin-bottom: 5rem;
}

.a-content--tight {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.a-content--tight-top {
  margin-top: 2rem;
}

.a-content--tight-bottom {
  margin-bottom: 2rem;
}

.a-content--xtight {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.a-content--contiguous {
  margin-top: 0;
  margin-bottom: 0;
}

.a-content--contiguous-top {
  margin-top: 0;
}

.a-content--contiguous-bottom {
  margin-bottom: 0;
}

.a-content--study-uk-promo {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.a-content--min-height {
  min-height: 30vh;
}

.a-content--grid::before,
.a-content--grid::after {
  content: " ";
  display: table;
}

.a-content--grid::after {
  clear: both;
}

.a-disclaimer {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
  color: #727376;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-disclaimer {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-disclaimer {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-disclaimer--large {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  color: #3a343a;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-disclaimer--large {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-disclaimer--large {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.a-disclaimer--bold {
  font-weight: bold;
}

.a-divider {
  border: 0;
  margin-top: 32px;
  margin-bottom: 32px;
  box-sizing: content-box;
  height: 0;
  text-align: center;
  padding-top: .5em;
  border-bottom: 1px solid #ededee;
  background-color: transparent;
}

.a-divider:after {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  content: attr(title);
  display: inline-block;
  position: relative;
  top: -.5em;
  padding: 0 1em;
  background-color: #fff;
  color: #3a343a;
  vertical-align: top;
  font-weight: bold;
  line-height: 1;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-divider:after {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-divider:after {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-section--alt .a-divider:after {
  background-color: #fafafa;
}

.a-divider--tight {
  padding: 0;
  margin: 0 0 0.5em 0;
}

.a-divider-bar {
  background-image: none;
  background-color: #de00a5;
  height: 4px;
}

.a-divider-bar--learning-manager-application {
  background-image: linear-gradient(to right, #ff8151, #de00a5);
}

.a-divider-bar--admin-application {
  background-image: linear-gradient(to right, #ff4a6e, #de00a5);
}

.a-flag {
  display: inline-block;
  padding: 2px 4px;
  min-width: 80px;
  text-align: center;
  white-space: nowrap;
  font-weight: bold;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-flag {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-flag {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-flag--used,
.a-flag--type,
.a-flag--original,
.a-flag--unknown,
.a-flag--cancelled,
.a-flag--expired,
.a-flag--failed,
.a-flag--never-scheduled,
.a-flag--sent,
.a-flag--retired,
.a-flag--sandbox,
.a-flag--partner,
.a-flag--unstarted,
.a-flag--hidden,
.a-flag--course-type,
.a-flag--inactive {
  background-color: #ededee;
  color: #3a343a;
}

.a-flag--discounted,
.a-flag--active,
.a-flag--unused,
.a-flag--open,
.a-flag--published,
.a-flag--pending,
.a-flag--scheduled,
.a-flag--study-group,
.a-flag--to-do,
.a-flag--inprogress {
  background-color: #de00a5;
  color: #fff;
}

.a-flag--highlighted,
.a-flag--draft,
.a-flag--drafted,
.a-flag--in-progress,
.a-flag--deleting,
.a-flag--upgraded,
.a-flag--degree {
  background-color: #fecb51;
  color: #3a343a;
}

.a-flag--approved,
.a-flag--started,
.a-flag--finished,
.a-flag--welcome-area,
.a-flag--course,
.a-flag--uploaded,
.a-flag--whitelisted,
.a-flag--reviewed {
  background-color: #2541fc;
  color: #fff;
}

.a-flag--submitted,
.a-flag--upcoming,
.a-flag--accepted,
.a-flag--category,
.a-flag--suspended {
  background-color: #4a4d55;
  color: #fff;
}

.a-flag--program {
  background-color: #b100bc;
  color: #fff;
}

.a-flag--unlimited {
  background-image: linear-gradient(to right, #ffaa54, #ff8151);
  color: #3a343a;
}

.a-flag--wide {
  min-width: 100px;
}

.a-flag--tight {
  min-width: 50px;
}

.a-great-promo-logo {
  display: block;
  text-indent: -9999px;
}

.a-great-promo-logo--primary {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/bc/mobile_BC_logo_lockup_primary-aa81d0bf67d7fc0c9b05f1386d422624.svg);
  background-size: 280px 50px;
  width: 280px;
  height: 50px;
}

@media screen and (min-width: 480px) {
  .a-great-promo-logo--primary {
    background-size: 445px 50px;
    width: 445px;
    height: 50px;
  }
}

.a-great-promo-logo--billboard {
  margin: 0 auto 1.8em auto;
}

.a-great-promo-logo--courses-listings {
  margin: 1.4em auto 0.9em auto !important;
}

@media screen and (min-width: 480px) {
  .a-great-promo-logo--courses-listings {
    margin: 2.8em auto 2.15em auto !important;
  }
}

.a-great-promo-logo--landing-footer {
  margin: 0 auto;
}

.a-great-promo-logo--space-top {
  margin-top: 1.5em;
}

.a-great-promo-logo--billboard-claim {
  visibility: hidden;
  max-width: 654px !important;
}

@media screen and (min-width: 900px) {
  .a-great-promo-logo--billboard-claim {
    visibility: initial;
  }
}

.a-heading {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.7em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-heading {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .a-heading {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.a-heading--large {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.7em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-heading--large {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .a-heading--large {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.a-heading--small {
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.7em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-heading--small {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .a-heading--small {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.a-heading--exsmall {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.7em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-heading--exsmall {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-heading--exsmall {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.a-heading--mini {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.7em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-heading--mini {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-heading--mini {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.a-heading--before-block {
  margin-bottom: 1.3em;
}

.a-hint-button {
  display: inline-block;
  width: 18px;
  height: 18px;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  background-color: #fecb51;
  color: #3a343a;
  cursor: pointer;
}

.a-hint-button:hover {
  color: #3a343a;
}

.a-icon-badge {
  width: 1.75em;
  height: 1.75em;
  border-radius: 51%;
  line-height: 1.885em;
  text-align: center;
  background-color: #ededee;
  border: 0;
  display: inline-block;
  font-size: 26px;
}

.a-icon-badge--link {
  transition-property: background-color, border-color, color;
  transition-timing-function: linear;
  transition-duration: 0.4s;
  background-color: #de00a5;
  color: #ffffff;
}

.a-icon-badge--link:hover {
  background-color: #2541fc;
  color: #ffffff;
}

.a-icon-badge--link .a-svg-icon--chevron-down {
  width: 22px;
  vertical-align: sub;
}

a.a-id-verified-badge {
  display: block;
  line-height: 0;
}

.a-id-verified-badge__icon {
  height: 40px;
  width: 40px;
}

@media screen and (min-width: 680px) {
  .a-id-verified-badge__icon {
    height: 60px;
    width: 60px;
  }
}

.a-id-verified-badge__caption {
  display: none;
  fill: #3a343a;
  margin-top: 5px;
  width: 60px;
  height: 25px;
}

@media screen and (min-width: 680px) {
  .a-id-verified-badge__caption {
    display: block;
  }
}

.a-input {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  padding: 8px;
  border-color: #cacacc;
  color: #3a343a;
  display: block;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-input {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-input {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.a-input--wide {
  width: 100%;
}

.media_body .a-input--wide {
  outline-offset: -1px;
}

.a-input[type='text'],
.a-input[type='password'],
.a-input[type='tel'],
.a-input[type='email'] {
  max-width: 370px;
}

.a-input[type='checkbox'] {
  width: auto;
  font-size: 100%;
}

.a-input--autoresize {
  background: #ffffff;
  overflow: hidden;
  vertical-align: top;
  transition: height ease-out 0.3s;
}

.a-input--autoresize.a-input--wide {
  min-height: 65px;
}

input[disabled].a-input {
  cursor: not-allowed;
  color: #727376;
  background-color: #fafafa;
  -webkit-text-fill-color: #727376;
}

textarea.a-input+label.error {
  margin-left: 0;
}

input[type=checkbox].a-input--wide {
  float: right;
  margin-top: 4px;
}

.a-input-hint {
  font-size: 14px;
}

.a-item-title {
  font-size: inherit;
  line-height: inherit;
  color: #393b42;
}

.a-item-title--secondary {
  color: #727376;
}

.a-item-title--inverse {
  color: #fff;
}

.a-item-title--light {
  font-weight: normal;
}

.a-like-button {
  display: block;
  float: left;
  position: relative;
  min-width: 6.75em;
  padding: 0;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: left;
  border: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-like-button {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-like-button {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-like-button:hover .a-svg-icon {
  color: #2541fc;
}

.a-like-button__count {
  padding-left: 1px;
  color: #3a343a;
}

.a-like-button--tight {
  min-width: 0;
}

.a-link {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  color: #de00a5;
  padding: 0.5em 1em;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: bold;
  border: 0;
  padding: 0;
  display: inline;
}

.a-link:active,
.a-link:hover {
  outline: 0;
}

.a-link:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .a-link:focus {
  outline: none;
}

.a-link:hover {
  color: #2541fc;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-link {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-link {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-link--action {
  margin-top: 1em;
  font-size: 16px;
}

@media screen and (min-width: 648px) {
  .a-link--action {
    float: right;
    margin-top: 0;
  }
}

.a-link--small {
  font-size: 16px;
}

input[type="submit"].a-link,
input[type="button"].a-link,
input[type="reset"].a-link {
  cursor: pointer;
  display: inline-block;
  border: 0;
}

.a-link--alt {
  color: #fff;
}

.a-link--alt:hover {
  color: inherit;
  text-decoration: underline;
}

@media screen and (min-width: 648px) {
  .a-list--horizontal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    list-style-position: inside;
  }

  .a-list--horizontal li {
    padding: 0 12.25px;
  }
}

.a-loader {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 6px;
  margin: auto;
  text-align: center;
  line-height: 0;
}

.loading .a-loader {
  visibility: visible;
}

.a-loader__ball {
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #ffffff;
  border-radius: 100%;
  animation: loader-bounce 1.4s infinite ease-out both;
}

.a-loader__ball--pink {
  background-color: #de00a5;
}

.a-loader__ball--1 {
  animation-delay: -0.32s;
}

.a-loader__ball--2 {
  animation-delay: -0.16s;
}

@keyframes loader-bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.a-logo {
  position: relative;
  top: 0;
  height: 100%;
  width: auto;
}

.a-logo--cyber-discovery {
  width: 100%;
}

@media screen and (min-width: 480px) {
  .a-logo--cyber-discovery {
    width: 60%;
  }
}

.a-pin-button {
  display: block;
  padding: 0;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: bold;
  border: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-pin-button {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-pin-button {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-pin-button:hover .a-svg-icon {
  color: #2541fc;
}

.m-password-strength {
  margin-top: 11px;
  text-transform: capitalize;
}

.m-password-strength__status {
  float: left;
}

.m-password-strength__status--weak {
  color: #ff8151;
}

.m-password-strength__status--strong {
  color: #2541fc;
}

.m-password-strength__loader {
  position: relative;
}

.m-password-strength__loader .a-loader {
  display: block;
}

.m-password-strength__loader .a-loader .a-loader__ball {
  background-color: #de00a5;
}

.m-password-strength__loader .a-loader {
  display: none;
  text-align: right;
}

.m-password-strength__loader .a-loader__ball {
  height: 11px;
  width: 11px;
}

.m-password-strength__loader--thinking .a-loader {
  display: block;
}

.a-quotes span:first-child {
  display: inline-block;
  position: relative;
  padding-left: 2em;
}

.a-quotes span:first-child::before {
  position: absolute;
  content: "";
  width: 1.4286em;
  height: 1.2857em;
  top: -0.2em;
  left: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjMuMyAxMTAuNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTIzLjMgMTEwLjYiPjxwYXRoIGQ9Ik02Ny4yIDY5LjFjMC0xOS43IDQuNy0zNS4yIDE0LjEtNDYuNiA5LjMtMTEuNSAyMy0xOSA0MS0yMi41djIwLjVjLTEzLjQgNC4yLTIyLjQgMTEuNC0yNyAyMS43LTIuNCA1LjQtMy4zIDExLTMgMTYuN2gzMC45djUxLjhoLTU2VjY5LjF6TTAgNjkuMWMwLTE5LjcgNC43LTM1LjIgMTQuMS00Ni42IDkuMy0xMS41IDIzLTE5IDQxLTIyLjV2MjAuNWMtMTMuNCA0LjItMjIuNCAxMS40LTI3IDIxLjctMi40IDUuNC0zLjMgMTEtMyAxNi43SDU2djUxLjhIMFY2OS4xeiIgZmlsbD0iI0RFMDBBNSIvPjwvc3ZnPg==") no-repeat 0 0;
}

.a-quotes span:last-child {
  display: inline-block;
  position: relative;
  padding-right: 2em;
}

.a-quotes span:last-child::after {
  position: absolute;
  content: "";
  width: 1.4286em;
  height: 1.2857em;
  top: 0.5em;
  right: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjMuMyAxMTAuNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTIzLjMgMTEwLjYiPjxwYXRoIGQ9Ik01Ni4xIDQxLjVjMCAxOS43LTQuNyAzNS4yLTE0LjEgNDYuNi05LjQgMTEuNS0yMyAxOS00MSAyMi41VjkwLjFjMTMuNC00LjIgMjIuNC0xMS40IDI3LTIxLjcgMi40LTUuNCAzLjMtMTEgMy0xNi43SDBWMGg1Ni4xdjQxLjV6bTY3LjIgMGMwIDE5LjctNC43IDM1LjItMTQuMSA0Ni42LTkuNCAxMS40LTIzLjEgMTguOS00MSAyMi40VjkwLjFjMTMuNC00LjIgMjIuNC0xMS40IDI3LTIxLjcgMi40LTUuNCAzLjMtMTEgMy0xNi43aC0zMVYwaDU2LjF2NDEuNXoiIGZpbGw9IiNERTAwQTUiLz48L3N2Zz4=") no-repeat 0 0;
}

.a-quotes--alt span:first-child::before {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAxOSI+PHBhdGggZmlsbD0iI0ZGQUE1NCIgZD0iTTEyIDExLjljMC0zLjQuOC02IDIuNS04UzE4LjYuNiAyMS44IDB2My41Yy0yLjQuNy00IDItNC44IDMuNy0uNC45LS42IDEuOS0uNSAyLjlIMjJWMTlIMTJ2LTcuMXpNMCAxMS45YzAtMy40LjgtNiAyLjUtOFM2LjYuNiA5LjggMHYzLjVjLTIuNC43LTQgMi00LjggMy43LS40LjktLjYgMS45LS41IDIuOUgxMFYxOUgwdi03LjF6Ii8+PC9zdmc+") no-repeat 0 0;
}

.a-quotes--alt span:last-child::after {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAxOSI+PHBhdGggZmlsbD0iI0ZGQUE1NCIgZD0iTTEwIDcuMWMwIDMuNC0uOCA2LTIuNSA4UzMuNCAxOC40LjIgMTl2LTMuNWMyLjQtLjcgNC0yIDQuOC0zLjcuNC0uOS42LTEuOS41LTIuOUgwVjBoMTB2Ny4xek0yMiA3LjFjMCAzLjQtLjggNi0yLjUgOHMtNC4xIDMuMi03LjMgMy44di0zLjVjMi40LS43IDQtMiA0LjgtMy43LjQtLjkuNi0xLjkuNS0yLjlIMTJWMGgxMHY3LjF6Ii8+PC9zdmc+") no-repeat 0 0;
}

.a-radio-button:not(:last-of-type) {
  margin-bottom: 1rem;
}

@media screen and (min-width: 680px) {
  .a-radio-button:not(:last-of-type) {
    margin-bottom: 0.5rem;
  }
}

.a-radio-button:not(:last-of-type).a-radio-button--inline {
  margin-bottom: 0.4em;
}

.a-radio-button--inline {
  display: inline-block;
  margin-right: 24px;
}

.a-radio-button--inline:last-child {
  margin-right: 0;
}

.a-radio-button__label {
  position: relative;
  display: block;
  max-width: 100%;
  cursor: pointer;
  padding-left: 32px;
  font-weight: normal;
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-radio-button__label {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-radio-button__label {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.a-radio-button__label:hover .a-radio-button__label-text,
.a-radio-button__label:focus .a-radio-button__label-text {
  color: #2541fc;
}

.a-radio-button__label-secondary-text {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-radio-button__label-secondary-text {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-radio-button__label-secondary-text {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-radio-button__label--contiguous {
  padding-left: 0;
}

.a-radio-button__label-text,
.a-radio-button__label-hint {
  display: block;
  margin-bottom: 0.25em;
}

.a-radio-button__label-text {
  color: #3a343a;
}

.a-radio-button__label-hint {
  color: #727376;
}

.a-radio-button__button {
  box-sizing: border-box;
}

.a-radio-button__button,
.a-radio-button__button:after {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  left: 0;
  top: 1px;
  background: #fff;
  border: 1px solid #cacacc;
  border-radius: 50%;
}

.a-radio-button__button:after {
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  border-style: hidden;
}

.a-radio-button__input {
  position: absolute;
  left: 0.4em;
  opacity: 0;
}

.a-radio-button__input:checked ~ .a-radio-button__button {
  border-color: #2541fc;
}

.a-radio-button__input:checked ~ .a-radio-button__button:after {
  background: #2541fc;
}

.a-radio-button__input:hover ~ .a-radio-button__button,
.a-radio-button__input:focus ~ .a-radio-button__button {
  border-color: #2541fc;
}

.a-radio-button__input:hover ~ .a-radio-button__label-text,
.a-radio-button__input:focus ~ .a-radio-button__label-text {
  color: #2541fc;
}

.a-radio-button--large {
  padding: .75em 0 .75em .75em;
}

.a-radio-button--large .a-radio-button__label {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  padding-left: 38px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-radio-button--large .a-radio-button__label {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-radio-button--large .a-radio-button__label {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.a-radio-button--large .a-radio-button__button,
.a-radio-button--large .a-radio-button__button:after {
  width: 24px;
  height: 24px;
}

.a-radio-button--large .a-radio-button__button:after {
  width: 14px;
  height: 14px;
}

.a-radio-button--large:hover {
  background: #fafafa;
}

.a-radio-button--large:not(:last-of-type) {
  margin-bottom: 0;
}

.a-radio-button--with-tap-frame {
  padding: .2em 0 .2em 0;
}

.a-section {
  padding-left: 16px;
  padding-right: 16px;
}

.a-section--separated {
  border-bottom: 1px solid #ededee;
  overflow: hidden;
}

.a-section--separated-top {
  border-top: 1px solid #ededee;
  overflow: hidden;
}

.a-section--alt {
  background-color: #fafafa;
  overflow: hidden;
}

.a-section--black {
  background-color: #3a343a;
  color: #fff;
  overflow: hidden;
}

.a-section--nav {
  background-color: #ededee;
  color: #3a343a;
  overflow: hidden;
}

.a-section--inverse {
  background-color: #4a4d55;
  color: #fff;
  overflow: hidden;
}

.a-section--strong {
  background-color: #fecb51;
  overflow: hidden;
}

.a-section--premium {
  background-color: #8700cd;
  overflow: hidden;
}

.a-section--promo {
  background-color: #fecb51;
  background-image: linear-gradient(180deg, #ff4a6e 0%, #ff8151 51%, #fecb51 100%);
  color: #fff;
  overflow: hidden;
}

.a-section--bg {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  text-shadow: 0 0 7px rgba(0,0,0,0.4);
  overflow: hidden;
}

.a-section--alt-adjacent {
  background-color: #ededee;
  overflow: hidden;
}

.a-section--two-tone {
  overflow: hidden;
  position: relative;
}

.a-section--two-tone:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 17vw;
  background-color: #fff;
}

.a-section--two-tone .a-content {
  position: relative;
  margin-top: 0;
}

@media screen and (min-width: 680px) {
  .a-section--two-tone:before {
    height: 125px;
  }
}

.a-section--study-uk-promo {
  background-color: #ffc288;
  background-image: radial-gradient(circle, #ffe49e 30%, #ffc288 95%);
  background-position: center left, center right;
  background-size: contain, contain;
  background-repeat: no-repeat, no-repeat;
  overflow: hidden;
}

@media screen and (min-width: 1000px) {
  .a-section--study-uk-promo {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/bc/CDP-header-large-shorter-be160fd1880a885833d30d5b236f95b6.jpg),radial-gradient(circle, #ffe49e 30%, #ffc288 63%);
    background-position: center right;
    background-size: contain;
  }
}

.a-section--invite-only {
  background-position: 0 50%;
}

@media screen and (min-width: 900px) {
  .a-section--microcredentials-start-dates {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/microcredentials/start_dates_background-top-left-ed1154260c3a1011b69e576d7e74170c.png),url(https://cdn.futurelearn.com/packs/app/assets/images/microcredentials/start_dates_background-bottom-right-d0ce58a68827ca90e6534e66924e33c8.png);
    background-position: top left, bottom right;
    background-repeat: no-repeat, no-repeat;
    padding: 50px;
  }
}

@supports (display: grid) {
@media screen and (min-width: 900px) {
    .a-section--unlimited {
      background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/unlimited/unlimited-bg-full-64961ad55c095cfae08ea776911389f0.png);
      background-position: calc(50% + 26rem) top;
      background-repeat: no-repeat;
    }
}
}

.a-section--unlimited-wide {
  background-position-x: calc(50% + 30rem);
}

.a-section--featured-courses {
  margin-top: 2rem;
  background-color: #fafafa;
  overflow: hidden;
}

@media screen and (min-width: 648px) {
  .a-section--featured-courses {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/featured_courses_section/bottom-left-4fbc3e20acbbffeb7bf37bd18fe0831a.png),url(https://cdn.futurelearn.com/packs/app/assets/images/featured_courses_section/top-right-f24e3c76578766aefe86b0beb5b061a7.png);
    background-position: left bottom, right top;
    background-repeat: no-repeat;
  }
}

.a-section--overflow {
  overflow: visible;
}

.a-section--overflow::before,
.a-section--overflow::after {
  content: " ";
  display: table;
}

.a-section--overflow::after {
  clear: both;
}

.a-section--without-bumpers {
  padding-left: 0;
  padding-right: 0;
}

.a-section__logo {
  display: block;
  width: auto;
  max-width: 100%;
  height: 6em;
  margin: 0 auto 2em auto;
}

.a-section__logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.a-section__logo--dual {
  max-height: 120px;
  max-width: 240px;
  margin: 0 20px;
  height: auto;
}

@supports (height: 120px) {
  .a-section__logo--dual {
    height: 120px;
  }
}

.a-section__logo--after-copy {
  margin-top: 1.5rem;
}

.a-section-ribbon {
  overflow: hidden;
  position: relative;
}

.a-section-ribbon p {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-section-ribbon p {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-section-ribbon p {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.a-section-ribbon::before {
  display: none;
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  width: 50px;
  height: 96px;
  margin-left: -25px;
}

@media screen and (min-width: 680px) {
  .a-section-ribbon::before {
    display: block;
  }
}

@media screen and (min-width: 680px) {
  .a-section-ribbon .a-content {
    margin-top: 6rem;
  }
}

.a-section-ribbon--upgrade-ribbon::before {
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/upgraded_access/ribbon-upgrade-3a94d88b24e56fe511f2f822cb6a7cea.svg) no-repeat 0 0;
}

.a-section-ribbon--degrees-ribbon::before {
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/degrees/ribbon-degree-0fcd49d9717725411a675919dc63ee26.svg) no-repeat 0 0;
}

@media screen and (min-width: 680px) {
  .a-section--degree-promo {
    overflow: hidden;
    background: linear-gradient(to bottom, #8700cd, #ff4a6e);
  }
}

@media screen and (max-width: 679px) {
  .a-section--accordion-container {
    background-color: #fff;
  }
}

.a-section--in-content {
  border-bottom: 1px solid #cacacc;
  padding: 0;
  overflow: hidden;
}

.a-section--overlap {
  margin-top: -3.5rem;
}

.a-section-label {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-section-label {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-section-label {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

select {
  background: #fff;
  background-image: none;
  border-radius: 0;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  width: 100%;
  border: 1px solid #ededee;
  max-width: 400px;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000000;
}

select::-ms-expand {
  display: none;
}

.a-select-container {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  margin-top: 3px;
}

.a-select-container select {
  position: relative;
  min-width: 90px;
  padding-right: 32px;
}

.a-select-container-arrow {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  margin-top: 3px;
}

.a-select-container-arrow select {
  position: relative;
  min-width: 90px;
  padding-right: 32px;
  border: 0;
}

.a-select-container-arrow__icon {
  display: inline-block;
  position: absolute;
  right: 1em;
  top: 0.5em;
}

@media screen and (min-width: 900px) {
  .a-select-container-arrow__icon {
    top: 0.4em;
  }
}

.a-select-container-arrow__icon svg {
  display: inline-block;
  margin-left: -.1em;
}

.a-select-container-arrow__icon svg * {
  fill: #de00a5;
}

.a-select-container:after {
  pointer-events: none;
  position: absolute;
  content: "";
  top: 50%;
  right: calc(15px + 16px);
  margin: -5px 0 0 -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #3a343a transparent transparent transparent;
}

.a-select-container--alt:after {
  margin: -28px 0 0 -5px;
}

.a-select-container--stretched {
  width: 100%;
  padding-right: 0;
}

.a-select-container--stretched::after {
  right: 15px;
}

@media screen and (max-width: 647px) {
  .a-select-container.a-select-container--selectbox-wide {
    padding-right: 0;
  }

  .a-select-container.a-select-container--selectbox-wide:after {
    right: -4px;
  }
}

.a-shout {
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
  margin-top: 1em;
  margin-bottom: 1em;
  text-rendering: optimizelegibility;
  font-weight: bold;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-shout {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .a-shout {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.a-skip-link {
  display: block;
  margin-top: -1px;
  min-height: 1px;
  max-height: 1px;
  color: #fff;
  background: #fff;
  overflow: hidden;
}

.a-skip-link:focus,
.a-skip-link:active {
  min-height: 28px;
  max-height: none;
  margin-top: 0;
  padding: 3px 16px;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  background: #727376;
  overflow: visible;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-skip-link:focus,
  .a-skip-link:active {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-skip-link:focus,
  .a-skip-link:active {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-skip-link:hover {
  color: #fff;
}

.a-stamp {
  padding: .6em 1em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  display: inline-block;
  border: 1px solid #727376;
  color: #3a343a;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-stamp {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-stamp {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-stamp--compact {
  padding: 2px 5px 1px 5px;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-stamp--compact {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-stamp--compact {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-stamp--avatar-stamp {
  margin-right: 0.7em;
  position: relative;
  top: -3px;
  left: -6px;
}

.a-standard-org-logo {
  display: flex;
  border: 2px solid #ededee;
  width: 150px;
  height: 90px;
  padding: 10px;
}

.a-standard-org-logo img {
  display: block;
  height: 100%;
  max-width: 126px;
  max-height: 66px;
}

.a-standard-org-logo a {
  flex: 1;
  margin: auto;
}

@media screen and (min-width: 680px) {
  .a-standard-org-logo--responsive {
    width: 200px;
    height: 120px;
    padding: 15px;
  }

  .a-standard-org-logo--responsive img {
    display: block;
    max-width: 166px;
    max-height: 86px;
  }
}

.a-standard-org-logo--centered {
  margin-left: auto;
  margin-right: auto;
}

.a-standard-org-logo--borderless {
  display: flex;
  align-items: center;
}

.a-standard-org-logo--borderless:last-child {
  margin-left: 16px;
}

.a-standard-org-logo--borderless img {
  width: 100px;
}

@media screen and (min-width: 680px) {
  .a-standard-org-logo--borderless img {
    width: 150px;
  }
}

.a-step-title {
  position: relative;
}

.a-step-title h1 {
  margin-top: 0;
}

@media screen and (min-width: 680px) {
  .a-step-title h1 {
    margin-right: 50px;
  }
}

.m-hero+.a-step-title h1 {
  margin-top: 50px;
}

.a-steps-logo {
  margin-top: 2px;
  display: block;
  height: 40px;
}

@media screen and (max-width: 679px) {
  .a-steps-logo {
    width: 72px;
  }
}

.a-steps-logo--no-text {
  display: block;
  margin: 0;
  height: 42px;
  width: 44px;
  overflow: hidden;
}

@media screen and (max-width: 679px) {
  .a-steps-logo--no-text .a-steps-logo {
    width: auto;
  }
}

.a-steps-logo--no-text .a-steps-logo__text {
  display: none;
}

.a-stepnumber {
  font-size: 14px;
  line-height: 32px;
  width: 32px;
  height: 32px;
  display: inline-block;
  border: 1px solid #ededee;
  color: #727376;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}

.a-stepnumber--done {
  color: #fff;
  background-color: #2541fc;
  border-color: #2541fc;
}

.a-stepnumber--current {
  color: #fff;
  background-color: #de00a5;
  border-color: #de00a5;
}

.a-stepnumber--header {
  bottom: 7px;
  position: absolute;
}

.a-stepnumber--inverse {
  color: #fff;
  border-color: #fff;
}

.a-stepnumber--dark {
  border-color: #727376;
}

.m-study-uk-promo__text {
  font-size: 16px;
  margin: 0;
}

.a-svg-icon {
  stroke: currentColor;
  stroke-width: 0;
}

.a-svg-icon * {
  fill: currentColor;
}

.a-svg-icon__group {
  fill: currentColor;
}

.a-svg-icon--sentiment-positive *,
.a-svg-icon--sentiment-negative *,
.a-svg-icon--sentiment-neutral * {
  transition: transform ease-out 0.3s;
}

.a-svg-icon--id-verification {
  width: 100px;
  height: auto;
}

.a-svg-icon--id-verification__tick {
  fill: #de00a5;
}

.a-svg-icon--id-verification-fail__question {
  fill: #de00a5;
}

.a-svg-icon--courses .i-mouth {
  fill: none;
}

.a-svg-icon--programs .i-mouth {
  fill: none;
}

.a-svg-icon--course path {
  fill: none;
}

.a-svg-icon--email,
.a-svg-icon--whatsapp,
.a-svg-icon--facebook,
.a-svg-icon--linkedin,
.a-svg-icon--youtube,
.a-svg-icon--twitter {
  height: auto;
  width: 32px;
}

.a-svg-icon--awards-purple__medal {
  fill: url("#linearGradient-medal");
}

.a-svg-icon--awards-purple__star {
  fill: url("#linearGradient-star");
}

.a-svg-icon--large {
  height: 100px;
  width: 100px;
}

.a-svg-icon--pull {
  fill: #727376;
  width: 16px;
}

.a-timestamp {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  color: #727376;
  white-space: nowrap;
  clear: both;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-timestamp {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-timestamp {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-wallpaper {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 12em;
}

@media screen and (min-width: 680px) {
  .a-wallpaper {
    height: 38vh;
  }
}

.a-checkbox {
  flex: none;
  width: 25px;
  height: 25px;
}

@supports (appearance: none) or (-webkit-appearance: none) or (-moz-appearance: none) {
  .a-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    border-radius: 0;
    border: 1px solid #cacacc;
    background-color: #fff;
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/svg_icons/tick_blue-317ec5a35b9b80ee0ed3015c1a2edd41.svg);
    background-position: 100px 100px;
    background-repeat: no-repeat;
    background-size: 15px;
  }

  .a-checkbox:checked {
    border-color: #2541fc;
    background-position: center center;
  }
}

.a-checkbox-field {
  display: flex;
  padding: 10px 0;
  cursor: pointer;
}

.a-checkbox-field .a-checkbox {
  margin-right: 18px;
}

.a-checkbox-field--large {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-checkbox-field--large {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-checkbox-field--large {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-achievement-card {
  border: 1px solid #ededee;
  text-align: center;
  background-color: #fff;
}

.m-achievement-card__panel {
  padding: 0 16px 16px 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.m-achievement-card__details {
  position: relative;
  display: block;
  padding: 100px 16px 16px 16px;
  flex-grow: 1;
}

.m-achievement-card__details::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 38px;
  height: 86px;
  margin-left: -19px;
}

.m-achievement-card__panel-details {
  flex-grow: 1;
}

.m-achievement-card__details--sop::before {
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/ribbon-mini-sop-6b3ac801a1707658812457ee9325f7dd.svg) no-repeat 0 0;
}

.m-achievement-card__details--coa::before {
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/ribbon-mini-coa-8546b3f3b641d23b4dd30b999c39d8a3.svg) no-repeat 0 0;
}

.m-achievement-card__details--award::before {
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/ribbon-mini-award-902dc4e60346474cfcacc47839167d1c.svg) no-repeat 0 0;
}

.m-achievement-card__heading {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin: 0 0 2px 0;
  font-weight: 200;
  color: #727376;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-achievement-card__heading {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-achievement-card__heading {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-achievement-card__panel-heading {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  color: #393b42;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-achievement-card__panel-heading {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-achievement-card__panel-heading {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-achievement-card__organisation {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin: 0;
  text-transform: uppercase;
  color: #727376;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-achievement-card__organisation {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-achievement-card__organisation {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-achievement-card__course {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.7em;
  line-height: 1.3em;
  margin: 14px 0 14px 0;
  color: #393b42;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-achievement-card__course {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-achievement-card__course {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-achievement-card__logo img {
  height: 40px;
  margin: 32px 0;
  object-fit: contain;
}

.m-achievement-card__footer {
  display: block;
  padding-top: 12px;
  border-top: 1px solid #ededee;
  margin-top: 2em;
}

.m-achievement-card__button,
.m-achievement-card__button button {
  display: block;
  padding: 0 16px 12px 16px;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  padding: 0;
  background-color: transparent;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-achievement-card__button,
  .m-achievement-card__button button {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-achievement-card__button,
  .m-achievement-card__button button {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-achievement-card__button--inline-link {
  display: inline-block;
}

.m-achievement-card__button--inline-link>button,
button.m-achievement-card__button--inline-link {
  color: #de00a5;
  border: 0;
}

.m-achievement-card__slide-panel {
  transition: transform ease-out 0.4s;
  transform: translateY(0%);
  padding: 0 16px 16px 16px;
}

.m-achievement-card__sharing-links {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.m-achievements-card__share-links .o-proof-product-share__linkedin-cta {
  margin-bottom: 1.5rem;
  display: block;
}

.m-achievements-card__share-links .o-proof-product-share__linkedin-cta .a-svg-icon--linkedin {
  color: #fff;
}

.m-action-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.m-action-links__item {
  text-align: left;
}

.m-action-links__button {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  color: #3a343a;
  padding: 0;
  border: 0;
  background: none;
  font-weight: bold;
}

.m-action-links__button:active,
.m-action-links__button:hover {
  outline: 0;
}

.m-action-links__button:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .m-action-links__button:focus {
  outline: none;
}

.m-action-links__button:hover {
  color: #2541fc;
}

@media screen and (max-width: 679px) {
  .m-action-links__button {
    transition: color linear 0.4s;
    text-decoration: none;
    background-color: transparent;
    font-family: inherit;
    color: inherit;
    padding: 0.6em 0.8em;
    display: block;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }

  .m-action-links__button:active,
  .m-action-links__button:hover {
    outline: 0;
  }

  .m-action-links__button:focus {
    outline: 3px solid #2541fc;
  }

  .is-mouse-focussed .m-action-links__button:focus {
    outline: none;
  }

  .m-action-links__button:hover {
    color: #2541fc;
  }
}

@media screen and (min-width: 680px) {
  .m-action-links {
    padding-top: .6em;
  }

  .m-action-links__item,
  .m-action-links__item * {
    display: inline-block;
  }

  .m-action-links__item:before {
    content: "•";
    display: inline-block;
    padding: 0 5px;
  }

  .m-action-links__item:first-child:before {
    display: none;
  }
}

.m-accordion {
  background-color: #fff;
  margin-bottom: 2rem;
}

@media screen and (min-width: 680px) {
  .m-accordion {
    margin-bottom: 3rem;
    padding: 2rem 4rem;
    border-bottom: 0;
  }
}

.m-accordion__header {
  position: relative;
  padding: 1rem 2rem 1rem 0;
  border-top: solid 1px #cacacc;
  cursor: pointer;
}

.m-accordion__header p {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  color: #3a343a;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-accordion__header p {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-accordion__header p {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) {
  .m-accordion__header {
    padding: 1.5rem 1.5rem 1.5rem 0;
  }

  .m-accordion__header:first-of-type {
    border-top: 0;
  }
}

.js .m-accordion__header {
  cursor: pointer;
}

.m-accordion__arrow {
  fill: #de00a5;
  position: absolute;
  top: 1.5rem;
  right: 0;
  height: 32px;
}

.m-accordion__item {
  border-top: 1px solid #cacacc;
}

.m-accordion__item:last-child {
  border-bottom: 1px solid #cacacc;
}

.m-accordion__item .m-accordion__item:last-child {
  border-bottom: 0;
}

.m-accordion__arrow {
  transition: transform ease-out 0.3s;
}

.m-accordion__header--selected .m-accordion__arrow {
  transform: rotate(180deg);
  fill: #2541fc;
}

.m-accordion__arrow svg {
  vertical-align: top;
}

.js .m-accordion__arrow {
  display: block;
}

.m-accordion__content {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-accordion__content {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-accordion__content {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-accordion__content p {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-accordion__content p {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-accordion__content p {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.js .m-accordion__content {
  display: none;
}

.m-accordion__header--selected .m-accordion__arrow {
  transform: rotate(180deg);
}

.m-accordion__header--selected+.m-accordion__content {
  display: block;
  padding-bottom: 1.5rem;
}

.m-accordion__toggle-all {
  position: absolute;
  top: -3.4rem;
  right: 0;
  color: #de00a5;
  cursor: pointer;
  padding: 0;
  background: none;
  border: 0;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  transition: color linear 0.4s;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-accordion__toggle-all {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-accordion__toggle-all {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-accordion__toggle-all:hover {
  color: #2541fc;
}

.m-accordion__toggle-all:focus {
  outline: 3px solid #2541fc;
}

@media screen and (max-width: 679px) {
  .a-article-h3 {
    margin-bottom: 0;
  }
}

.m-accordion__footer {
  text-align: center;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin: 3em 0 0 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-accordion__footer {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-accordion__footer {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) {
  .m-accordion__footer {
    margin-top: 1.5em;
  }
}

.m-accordion--featurebox {
  margin-bottom: 0;
}

@media screen and (min-width: 680px) {
  .m-accordion--featurebox {
    padding: 0;
  }
}

.m-accordion--index {
  padding: 0;
  position: relative;
}

.m-accordion--index .m-accordion__header {
  margin: 0;
  outline: 0;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-accordion--index .m-accordion__header {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-accordion--index .m-accordion__header {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-accordion--index .m-accordion__arrow {
  position: static;
  height: 0;
}

.m-accordion--react .m-accordion__content {
  overflow: hidden;
  padding-bottom: 0;
}

.m-accordion--react .m-accordion__header--selected+.m-accordion__content {
  display: block;
}

.m-activity-count {
  display: block;
  color: #3a343a;
  text-align: center;
  text-transform: uppercase;
}

.m-activity-count+.m-activity-count {
  margin-top: 48px;
  padding-top: 48px;
  border-top: 1px dotted rgba(255,255,255,0.5);
}

.m-activity-count.m-progress-ring--medium {
  text-transform: none;
}

.m-activity-count__container {
  position: relative;
  width: 220px;
  height: 220px;
  margin: 10px auto 0 auto;
}

.m-activity-count--medium .m-activity-count__container {
  width: 180px;
  height: 180px;
}

.m-activity-count__container .m-activity-count__icon {
  position: absolute;
  top: 14%;
  left: 43%;
}

.m-activity-count__value,
.m-activity-count__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  height: 220px;
  margin: 0;
  text-align: center;
}

.m-activity-count--medium .m-activity-count__value,
.m-activity-count--medium .m-activity-count__text {
  top: -10px;
  width: 180px;
  height: 180px;
}

.m-activity-count__value {
  font-size: 68px;
  line-height: 220px;
  font-weight: bold;
}

.m-activity-count__value::before {
  position: absolute;
  top: 14%;
  left: 50%;
  margin-left: -20px;
  font-size: 40px;
}

.m-activity-count--medium .m-activity-count__value {
  font-size: 36px;
  line-height: 180px;
}

.m-activity-count__text {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  top: 68%;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-activity-count__text {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-activity-count__text {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-activity-count--medium .m-activity-count__text {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  top: 54%;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-activity-count--medium .m-activity-count__text {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-activity-count--medium .m-activity-count__text {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-admin-bar {
  background: #393b42;
  color: #fff;
  position: relative;
  flex: 1 0 auto;
  z-index: 1000;
}

.m-admin-bar .a-svg-icon {
  height: 18px;
  width: 18px;
  vertical-align: text-bottom;
}

.m-admin-bar .m-admin-bar__nav {
  display: flex;
  align-content: center;
  min-height: 50px;
}

.m-admin-bar .m-admin-bar__application-menu-container,
.m-admin-bar .m-admin-bar__application-menu-container>div,
.m-admin-bar .m-admin-bar__application-menu-container>div>div {
  display: flex;
}

.m-admin-bar .m-admin-bar__dotnav {
  padding-top: 13px;
}

.m-admin-bar .m-admin-bar__dotnav:focus {
  color: #fff;
}

.m-admin-bar .m-admin-bar__title {
  align-self: center;
  flex-grow: 1;
  margin: 0 0.7em;
  font-weight: normal;
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-admin-bar .m-admin-bar__title {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-admin-bar .m-admin-bar__title {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-admin-bar .m-admin-bar__title-link {
  color: #fff;
  display: inline-block;
}

.m-admin-bar .m-admin-bar__title-link:hover {
  color: #ededee;
}

.m-admin-bar .a-avatar--admin-bar {
  margin-right: 0.7em;
}

.m-admin-bar .a-avatar__username--admin-bar {
  margin-right: 1.4em;
}

.m-admin-bar .m-admin-bar__contextual-area,
.m-admin-bar .m-admin-bar__user-area {
  display: flex;
  align-items: center;
  line-height: 32px;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-admin-bar .m-admin-bar__contextual-area,
  .m-admin-bar .m-admin-bar__user-area {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-admin-bar .m-admin-bar__contextual-area,
  .m-admin-bar .m-admin-bar__user-area {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-admin-bar .m-admin-bar__link {
  color: #ededee;
  font-weight: normal;
  margin-right: 1.4em;
}

.m-admin-bar .m-admin-bar__link:hover {
  color: #fff;
}

.m-admin-bar .m-admin-bar__link .m-icon-with-text__text,
.m-admin-bar .m-admin-bar__link .m-icon-with-text--smaller-text {
  font-weight: normal;
}

.m-admin-bar .m-admin-bar__link .a-svg-icon--edit {
  height: 14px;
  width: 14px;
}

.m-admin-bar .m-admin-bar__sign-out-form {
  display: flex;
  margin-bottom: 0;
  height: 100%;
}

.m-admin-bar .m-admin-bar__sign-out-form .a-button {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  min-height: 44px;
  padding: .6em 1.8em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-admin-bar .m-admin-bar__sign-out-form .a-button {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-admin-bar .m-admin-bar__sign-out-form .a-button {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-admin-bar .m-admin-bar__environment {
  align-self: stretch;
  background: #45cc37;
  color: #fff;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  padding: 0 1em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-admin-bar .m-admin-bar__environment {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-admin-bar .m-admin-bar__environment {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 480px) {
  .m-admin-bar .m-admin-bar__environment {
    display: flex;
    align-items: center;
  }
}

.m-admin-bar .m-admin-bar__environment--production {
  display: none;
}

.m-admin-bar+.container.main {
  margin-top: 2em;
}

.m-arrow-nav .a-svg-icon {
  width: 20px;
  color: #3a343a;
  transition: color linear 0.4s;
}

.m-arrow-nav__item:hover .a-svg-icon {
  color: #2541fc;
}

.m-arrow-nav__item--previous .a-svg-icon {
  float: left;
  left: 1em;
  transform: rotate(180deg);
}

.m-arrow-nav__item--next {
  float: right;
  text-align: right;
}

.m-arrow-nav__item--next .a-svg-icon {
  right: 1em;
}

.m-arrow-nav__block-item--previous {
  display: inline-block;
  margin-right: 0.5rem;
}

.m-arrow-nav__block-item--previous .a-svg-icon {
  transform: rotate(180deg);
  vertical-align: sub;
}

.m-bar-chart {
  display: table;
  table-layout: fixed;
  border-spacing: 0 1em;
  width: 100%;
  height: 200px;
  padding: 0;
  margin: 0;
  background-size: 50px 100%;
  background-position: left top;
}

.m-bar-chart__label {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  z-index: 1;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-bar-chart__label {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-bar-chart__label {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-bar-chart__row {
  position: relative;
  display: table-row;
}

.m-bar-chart__bar {
  display: block;
  height: 5vh;
  z-index: -1;
}

.m-bar-chart__blue-bar {
  background: #2541fc;
}

.m-bar-chart__ultramarine-bar {
  background: #5000e2;
}

.m-bar-chart__pink-bar {
  background: #de00a5;
}

.m-bar-chart__coral-bar {
  background: #ff4a6e;
}

.m-bar-chart__gold-bar {
  background: #ffaa54;
}

.m-bar-chart__yellow-bar {
  background: #fecb51;
}

.m-bar-chart__violet-bar {
  background: #b100bc;
}

.m-bar-chart__orange-bar {
  background: #ff8151;
}

.m-bar-chart__purple-bar {
  background: #8700cd;
}

.m-portfolio {
  margin-bottom: 3rem;
}

.m-portfolio__heading {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  margin-bottom: 3rem;
  text-align: center;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-portfolio__heading {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .m-portfolio__heading {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.m-portfolio__heading--small {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-portfolio__heading--small {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-portfolio__heading--small {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-portfolio__list {
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0 -16px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

@media screen and (min-width: 648px) {
  .m-portfolio__list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.m-portfolio__certificate {
  margin: 0 auto;
  padding: 0 16px;
  max-width: 322px;
  margin-bottom: 32px;
  width: 100%;
}

@media screen and (min-width: 648px) {
  .m-portfolio__certificate {
    margin-left: 0;
    margin-right: 0;
  }

  .m-portfolio__list--2-col .m-portfolio__certificate {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 680px) {
  .m-portfolio__certificate {
    max-width: 340px;
  }

  .m-portfolio__list--2-col .m-portfolio__certificate {
    width: 50%;
  }
}

@media screen and (min-width: 1600px) {
  .m-portfolio__certificate {
    max-width: 372px;
  }
}

.m-portfolio--award-cta {
  margin: 24px 0 8px 0;
}

.old-boombox {
  color: #3a343a;
  background-color: #d1d1d1;
}

.old-boombox__container {
  position: relative;
  padding-top: 94px;
}

@media screen and (min-width: 680px) {
  .old-boombox__container {
    padding-bottom: 94px;
  }
}

.old-boombox__container::before {
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  width: 50px;
  height: 94px;
  margin-left: -25px;
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/ribbon-promo-mini-13247b4545a91e37be04cd097bfd5fe3.svg) no-repeat 0 0;
}

@media screen and (min-width: 680px) {
  .old-boombox__container::before {
    left: 0;
    margin: 0;
  }
}

.old-boombox__content {
  text-align: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media screen and (min-width: 680px) {
  .old-boombox__content {
    text-align: left;
    width: 60%;
  }
}

.old-boombox__heading {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .old-boombox__heading {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .old-boombox__heading {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.old-boombox__message {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .old-boombox__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .old-boombox__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.old-boombox__image {
  display: block;
}

@media screen and (min-width: 680px) {
  .old-boombox__image {
    position: absolute;
    top: 50%;
    left: 60%;
    height: 500px;
    width: auto;
    transform: translateY(-50%);
  }
}

@media screen and (min-width: 680px) {
  .old-boombox__image--small {
    height: 400px;
  }
}

.m-boombox-banner--intense {
  background-color: #de00a5;
  color: #fff;
}

.m-boombox-banner__content {
  text-align: center;
}

@media screen and (min-width: 680px) {
@supports (display: flex) {
    .m-boombox-banner__content {
      text-align: left;
      display: flex;
      align-items: center;
    }
}
}

.m-boombox-banner__copy {
  padding: 0.75rem 1.5rem;
}

.m-boombox-banner__cta {
  flex-shrink: 0;
  padding: 0.75rem 0;
}

.m-boombox-banner__image-container {
  flex-shrink: 0;
}

.m-boombox-banner--ribbon .m-boombox-banner__image-container {
  align-self: flex-start;
  margin: 0 auto;
  width: 50px;
}

.m-boombox-banner--logo .m-boombox-banner__image {
  width: 150px;
  height: 90px;
}

.m-brackets+.m-button-group {
  margin-top: 1.5rem;
}

.m-brackets__heading {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: 3rem;
  text-align: center;
  font-weight: 700;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-brackets__heading {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .m-brackets__heading {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.m-brackets__block {
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.m-brackets__block:last-child {
  margin-bottom: 0;
}

.m-brackets__icon {
  display: inline-block;
  margin-top: 0;
}

.m-brackets__icon .a-svg-icon {
  width: 22px;
  height: auto;
  color: #de00a5;
}

.m-brackets__icon--black .a-svg-icon {
  color: #3a343a;
}

.m-brackets__icon--large .a-svg-icon {
  width: 38px;
  color: #3a343a;
}

.m-brackets__block__heading {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0.75rem 0;
  font-weight: 700;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-brackets__block__heading {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-brackets__block__heading {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-brackets__heading {
  margin: 1em 0;
}

.m-brackets__block__content>p,
.m-brackets__block__content a,
.m-brackets__block__content .a-button,
.m-brackets__block__content h3 {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-brackets__block__content>p,
  .m-brackets__block__content a,
  .m-brackets__block__content .a-button,
  .m-brackets__block__content h3 {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-brackets__block__content>p,
  .m-brackets__block__content a,
  .m-brackets__block__content .a-button,
  .m-brackets__block__content h3 {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-brackets__block__content a {
  display: inline-block;
  font-weight: bold;
}

.m-brackets__block__content--inline-link a {
  display: inline;
  font-weight: normal;
}

@media screen and (min-width: 680px) {
  .m-brackets__row {
    display: flex;
    overflow: hidden;
    margin-left: -75px;
    justify-content: center;
  }
}

@media screen and (min-width: 680px) and (max-width: 899px) {
  .m-brackets__row {
    margin-left: -48px;
  }
}

@media screen and (min-width: 680px) {
  .m-brackets__block {
    float: left;
    padding-left: 75px;
    text-align: left;
    width: 33.33333%;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 680px) and (max-width: 899px) {
  .m-brackets__block {
    padding-left: 48px;
  }
}

@media screen and (min-width: 680px) {
  .m-brackets__block__content+.m-brackets__block__content {
    margin-top: auto;
  }
}

@media screen and (min-width: 680px) {
  .m-brackets--grid .m-brackets__block {
    width: 50%;
    margin-bottom: 1.5rem;
  }

  .m-brackets--grid .m-brackets__block:nth-last-child(-n+2) {
    margin-bottom: 0;
  }

  .m-brackets--grid .m-brackets__row {
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 900px) {
  .m-brackets--grid .m-brackets__row {
    flex-wrap: nowrap;
  }

  .m-brackets--grid .m-brackets__block {
    width: 33.33333%;
    margin-bottom: 0;
  }
}

.m-brackets__cta {
  text-align: center;
  margin-top: 2rem;
}

.m-brackets--wide .m-brackets__row {
  padding-bottom: 1em;
}

.m-brackets--wide .m-brackets__block {
  margin-right: 1em;
}

.m-brackets--neutral .m-brackets__icon .a-svg-icon {
  width: 2em;
  height: auto;
  color: #727376;
}

.m-button-group {
  display: inline-block;
}

.m-button-group__button {
  margin-right: 1em;
  margin-bottom: 1.25em;
}

.m-button-group__button-container:not(:first-child) {
  margin-left: 0.75rem;
}

.m-button-group__primary--flex {
  display: flex;
}

.m-button-group__primary--flex>:not(:first-child) {
  margin-left: 1.5rem;
}

@media screen and (max-width: 899px) {
  .m-button-group__primary--flex {
    flex-direction: column;
  }

  .m-button-group__primary--flex>:not(:first-child) {
    margin-top: 0.75rem;
  }
}

.m-button-group__centered-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.m-button-group__centered-flex>:not(:first-child) {
  margin-top: 0.75rem;
  margin-left: 0;
}

@media screen and (min-width: 648px) {
  .m-button-group__centered-flex {
    flex-direction: row;
  }

  .m-button-group__centered-flex>:not(:first-child) {
    margin-left: 1.5rem;
    margin-top: 0;
  }
}

.m-button-group--horizontal .m-button-group__primary,
.m-button-group--horizontal .m-button-group__secondary {
  display: inline-block;
}

.m-button-group--horizontal .m-button-group__secondary {
  padding: 0.5em 1em;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-button-group--horizontal .m-button-group__secondary {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-button-group--horizontal .m-button-group__secondary {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-button-group--vertical .m-button-group__secondary {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin-top: 1em;
  text-align: center;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-button-group--vertical .m-button-group__secondary {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-button-group--vertical .m-button-group__secondary {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-button-group--elastic {
  width: 100%;
}

@media screen and (min-width: 648px) {
  .m-button-group--elastic {
    width: auto;
  }
}

.m-collectable__container {
  overflow: hidden;
  position: relative;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #ededee;
  height: 100%;
}

.m-collectable__details {
  position: relative;
  display: block;
  padding: 100px 16px 16px 16px;
  height: 90%;
}

.m-collectable__details::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 38px;
  height: 86px;
  margin-left: -19px;
}

.m-collectable__details--basic {
  padding: 16px;
}

.m-collectable__details--sop::before {
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/ribbon-mini-sop-6b3ac801a1707658812457ee9325f7dd.svg) no-repeat 0 0;
}

.m-collectable__details--coa::before {
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/ribbon-mini-coa-8546b3f3b641d23b4dd30b999c39d8a3.svg) no-repeat 0 0;
}

.m-collectable__details--award {
  padding-top: 24px;
}

.m-collectable__course {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin: 0 0 2px 0;
  text-transform: uppercase;
  font-weight: 700;
  color: #3a343a;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-collectable__course {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-collectable__course {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-collectable__organisation {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
  color: #727376;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-collectable__organisation {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-collectable__organisation {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-collectable__details:focus {
  outline: none;
}

.m-collectable__details:focus .m-collectable__heading {
  outline: 3px solid #2541fc;
}

.m-collectable--ghost .m-collectable__details {
  padding-top: 70px;
}

.m-collectable--ghost .m-collectable__details::before {
  width: 26px;
  height: 59px;
  margin-left: -13px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/ribbon-mini-grey-c6e11f413e70878b61268ccb4d983ebe.svg);
}

.m-collectable--ghost .m-collectable__container {
  background-color: transparent;
}

.m-collectable--ghost .m-collectable__course,
.m-collectable--ghost .m-collectable__organisation {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-collectable--ghost .m-collectable__course,
  .m-collectable--ghost .m-collectable__organisation {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-collectable--ghost .m-collectable__course,
  .m-collectable--ghost .m-collectable__organisation {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-card-carousel {
  position: relative;
}

.m-card-carousel__grid-wrapper {
  overflow: hidden;
}

.m-card-carousel__scroll-button {
  display: none;
  cursor: pointer;
  padding: 1em;
  position: absolute;
  bottom: 43%;
}

.m-card-carousel__scroll-button--left {
  left: -3em;
}

.m-card-carousel__scroll-button--right {
  right: -3em;
}

.m-card-carousel__grid {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  margin: auto;
  padding-bottom: 50px;
  margin-bottom: -50px;
}

.m-card-carousel__grid::-webkit-scrollbar {
  display: none;
}

.m-card-carousel__grid .m-card-wrapper {
  flex: 0 0 auto;
  margin: 0 1.5rem 0 0;
  width: 270px;
}

@media screen and (max-width: 350px) {
  .m-card-carousel__grid .m-card-wrapper {
    width: 220px;
  }
}

@media screen and (min-width: 496px) and (max-width: 686px) {
  .m-card-carousel__grid .m-card-wrapper {
    width: 370px;
  }
}

.m-card-carousel .m-card__intro {
  font-size: 16px;
}

@media screen and (min-width: 648px) {
  .m-card-carousel--contained {
    width: calc(100% - (3em * 2));
    left: 3em;
  }

  .m-card-carousel__scroll-button {
    display: block;
  }
}

.m-cloze {
  position: relative;
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
  line-height: 2em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-cloze {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .m-cloze {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.m-cloze__item {
  display: inline-block;
  margin: 0 7px;
  line-height: 1;
}

.m-cloze__field-container {
  position: relative;
}

input.m-cloze__field {
  display: inline-block;
  float: none;
  width: 5em;
  height: 1.4em;
  padding: 4px 10px 7px;
  border: 1px solid #cacacc;
  text-align: center;
}

.m-cloze__item--correct input.m-cloze__field {
  background-color: #ededee;
  border: 0;
}

.m-cloze__icon {
  display: inline-block;
  position: absolute;
  top: -13px;
  right: -13px;
  padding: 0;
  width: 26px;
  height: 26px;
  font-size: 16px;
  line-height: 26px;
  text-align: center;
  border: 0;
  border-radius: 50%;
}

.m-cloze__item--correct .m-cloze__icon {
  background-color: #2541fc;
  color: #fff;
  padding: 6px;
}

.m-cloze__item--incorrect .m-cloze__icon {
  background-color: #fecb51;
}

.m-cloze__item--incorrect .m-cloze__icon a {
  color: #3a343a;
}

.m-cloze__icon .a-svg-icon {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

@media screen and (min-width: 900px) {
  .m-cloze__item {
    position: relative;
  }
}

.m-comparison {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 20rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-comparison {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-comparison {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-comparison--one {
  max-width: none;
}

.m-comparison .m-list-grid--comparison .a-svg-icon--tick {
  color: inherit;
}

.m-comparison__block {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #ededee;
  border-color: #ededee;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
}

.m-comparison__label {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  background-image: linear-gradient(to right, #ff8151, #ffaa54);
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.4rem 1.25rem 0.2rem;
  position: relative;
  bottom: -1px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-comparison__label {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-comparison__label {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-comparison__content {
  padding-bottom: 1.25rem;
}

.m-comparison__options {
  margin-top: auto;
}

.m-comparison__sub-heading {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  color: #727376;
  font-weight: normal;
  margin-top: 5px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-comparison__sub-heading {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-comparison__sub-heading {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-comparison__sub-heading--offer {
  color: #ff4a6e;
}

@media screen and (min-width: 648px) {
  .m-comparison--one .m-comparison__block {
    padding: 2rem 4rem;
  }
}

@supports (display: grid) {
@media screen and (min-width: 900px) {
    .m-comparison {
      display: grid;
      max-width: none;
    }

    .m-comparison--two {
      grid-template-columns: 1fr minmax(auto, 20rem) 2rem minmax(auto, 20rem) 1fr;
      grid-template-areas: ". .     . new  ." ". first . last .";
    }

    .m-comparison--three {
      grid-template-columns: 1fr 1fr 2rem 1fr;
      grid-template-areas: ".     .      . new" "first second . last";
    }

    .m-comparison__label {
      grid-area: new;
    }

    .m-comparison__block:first-child {
      grid-area: first;
    }

    .m-comparison__block:nth-child(2) {
      grid-area: second;
      margin-left: -1px;
    }

    .m-comparison__block:last-child {
      grid-area: last;
    }
}
}

.m-composite-link {
  display: flex;
  align-items: baseline;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-composite-link {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-composite-link {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-composite-link .a-timestamp {
  position: relative;
  top: 1px;
  margin-left: auto;
  padding-left: 0.84em;
}

.m-composite-link--wrapped:hover .m-composite-link__primary {
  color: #2541fc;
}

.m-composite-link__identifier {
  margin-right: 0.84em;
}

.m-composite-link__identifier .a-svg-icon {
  width: 1.407em;
  vertical-align: top;
  color: #3a343a;
}

.m-composite-link__identifier .a-stepnumber {
  margin-right: 0.28em;
}

.m-composite-link__title {
  position: relative;
  top: 1px;
  font-weight: bold;
  text-transform: uppercase;
}

.m-composite-link--with-step .m-composite-link__title {
  top: 2px;
}

.m-composite-link__icon {
  position: relative;
  display: inline-block;
  height: 16px;
}

.m-composite-link__icon .a-svg-icon {
  position: absolute;
  top: 0;
  width: 1.5em;
  height: auto;
  margin-left: 4px;
  color: #de00a5;
}

.m-composite-link__primary {
  margin-right: 4px;
  color: #3a343a;
}

.m-composite-link__secondary {
  color: #727376;
}

.m-heads-up-banner--container {
  padding-bottom: 3rem;
}

.m-heads-up-banner {
  font-size: 16px;
  position: relative;
  background-color: #fafafa;
  padding-left: 16px;
  padding-right: 46.8px;
}

.js .m-heads-up-banner {
  transition: height ease-out 0.4s;
}

.m-heads-up-banner--no-dismiss {
  padding-right: 16px;
}

.m-heads-up-banner__content {
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin: 0 auto;
  text-align: center;
}

.m-heads-up-banner--compact {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-heads-up-banner--compact {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-heads-up-banner--compact {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-heads-up-banner--compact .m-heads-up-banner__content {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.m-heads-up-banner__close {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  overflow: hidden;
  display: block;
  position: absolute;
  right: 1px;
  top: 1px;
  padding: 1.1em;
  border: 0;
  color: #de00a5;
}

.m-heads-up-banner__close:active,
.m-heads-up-banner__close:hover {
  outline: 0;
}

.m-heads-up-banner__close:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .m-heads-up-banner__close:focus {
  outline: none;
}

.m-heads-up-banner__close:hover {
  color: #2541fc;
}

.m-heads-up-banner__close>svg {
  display: block;
  width: 1em;
  height: 1em;
}

.m-heads-up-banner--hiding {
  overflow: hidden;
  height: 0 !important;
}

.m-heads-up-banner--fixed {
  background-color: #ededee;
  padding-right: 6em;
}

.m-heads-up-banner--fixed .m-heads-up-banner__content {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  max-width: none;
  text-align: left;
}

.js .m-heads-up-banner--fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 200;
  transition: transform ease-out 0.4s;
  border-top: 1px solid #fff;
}

.m-heads-up-banner--fixed .m-heads-up-banner__close {
  padding: 2.5em;
}

.m-heads-up-banner--compact-confetti-wrapper {
  background-image: linear-gradient(to right, #5000e2, #b100bc);
  overflow: hidden;
  position: relative;
}

.m-heads-up-banner--compact-confetti-wrapper .m-confetti__wrapper {
  height: 300%;
  z-index: 1;
}

.m-heads-up-banner--compact-confetti-wrapper .m-confetti__item {
  opacity: .5;
}

.m-heads-up-banner--compact-confetti {
  background-color: transparent;
}

.m-heads-up-banner--compact-confetti::after {
  content: '';
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/celebration/confetti/notification-9fb1c8686a0a69f79b64714c925877a9.png);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}

.m-heads-up-banner--compact-confetti .m-heads-up-banner__content {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  padding: 0.75rem 0;
  color: #fff;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-heads-up-banner--compact-confetti .m-heads-up-banner__content {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-heads-up-banner--compact-confetti .m-heads-up-banner__content {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 480px) {
  .m-heads-up-banner--compact-confetti .m-heads-up-banner__content {
    padding: 0.75rem;
  }
}

@media screen and (min-width: 648px) {
  .m-heads-up-banner--compact-confetti .m-heads-up-banner__content {
    padding: 1rem 3rem;
  }
}

.m-heads-up-banner--compact-confetti .m-heads-up-banner__text {
  position: relative;
  z-index: 2;
}

.m-heads-up-banner--compact-confetti .m-heads-up-banner__cta {
  display: inline-flex;
  margin-left: 0.75rem;
}

.m-heads-up-banner--compact-confetti .m-heads-up-banner__close {
  color: #fff;
  z-index: 2;
}

.m-heads-up-banner--compact-unlimited-wrapper {
  background-color: #fafafa;
}

@media screen and (min-width: 1280px) {
  .m-heads-up-banner--compact-unlimited-wrapper {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/unlimited/promobanner_left-2a7ee8225997a017e1e73efa71ac085f.png);
    background-repeat: no-repeat;
  }
}

.m-heads-up-banner--compact-unlimited-wrapper .m-heads-up-banner {
  background-color: transparent;
}

.m-heads-up-banner--compact-unlimited-wrapper .m-heads-up-banner__close {
  color: #3a343a;
}

.m-heads-up-banner--compact-unlimited-wrapper-highlight {
  background-color: #f4f4f4;
}

.m-heads-up-banner--compact-unlimited-wrapper-inverse {
  background-color: #fff;
}

@media screen and (min-width: 1280px) {
  .m-heads-up-banner--compact-unlimited-offer,
  .m-heads-up-banner--compact-unlimited-renewal-sale {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/unlimited/promobanner_right-8b90dc8ed29805cd8a16e48ff9cca5b9.png);
    background-repeat: no-repeat;
    background-position: top right;
  }
}

.m-heads-up-banner--compact-unlimited-offer .m-heads-up-banner__cta,
.m-heads-up-banner--compact-unlimited-renewal-sale .m-heads-up-banner__cta {
  display: inline-flex;
  margin-left: 0.75rem;
}

.m-heads-up-banner--compact-unlimited-offer .m-heads-up-banner__content,
.m-heads-up-banner--compact-unlimited-renewal-sale .m-heads-up-banner__content {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.m-heads-up-banner--compact-gradient {
  background-image: linear-gradient(to right, #b100bc, #ff4a6e);
  padding-left: 46.8px;
}

.m-heads-up-banner--compact-gradient .m-heads-up-banner__content {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  max-width: 45em;
  margin-top: -0.2em;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.5rem;
  padding-bottom: 0.25rem;
  color: #fff;
  text-align: left;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-heads-up-banner--compact-gradient .m-heads-up-banner__content {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-heads-up-banner--compact-gradient .m-heads-up-banner__content {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-heads-up-banner--compact-gradient .m-heads-up-banner__content .m-heads-up-banner__button {
  text-align: center;
  padding-bottom: 1rem;
}

@media screen and (min-width: 680px) {
  .m-heads-up-banner--compact-gradient .m-heads-up-banner__content {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .m-heads-up-banner--compact-gradient .m-heads-up-banner__content .m-heads-up-banner__text {
    display: inline-block;
    width: 70%;
  }

  .m-heads-up-banner--compact-gradient .m-heads-up-banner__content .m-heads-up-banner__button {
    display: inline-block;
    margin-left: 1em;
  }
}

.m-heads-up-banner--compact-gradient .m-heads-up-banner__close {
  color: #fff;
}

.m-heads-up-banner--cta {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.m-heads-up-banner--cta .m-heads-up-banner__content {
  text-align: left;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 648px) {
  .m-heads-up-banner--cta .m-heads-up-banner__content {
    flex-direction: row;
  }
}

.m-heads-up-banner--cta .m-heads-up-banner__content>:first-child {
  flex-grow: 1;
}

.m-heads-up-banner--cta .m-heads-up-banner__content>:last-child {
  padding-top: 1rem;
  align-self: center;
  width: 100%;
}

@media screen and (min-width: 648px) {
  .m-heads-up-banner--cta .m-heads-up-banner__content>:last-child {
    width: 30%;
    text-align: right;
    padding-top: 0;
  }
}

.m-core-page-footer {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1167.71704px;
  margin: 1.5em auto;
}

@media screen and (min-width: 648px) {
  .m-core-page-footer {
    justify-content: space-between;
  }
}

@media screen and (max-width: 479px) {
  .m-core-page-footer {
    flex-direction: column;
    align-items: center;
  }
}

.m-core-page-footer a,
.m-core-page-footer a:hover {
  color: #fff;
}

.m-core-page-footer a:focus {
  outline: 3px solid #fff;
  outline-offset: 6px;
}

.m-core-page-footer--feedback {
  float: left;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-core-page-footer--feedback {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-core-page-footer--feedback {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-core-page-footer--feedback a {
  cursor: pointer;
  color: #de00a5;
}

.m-core-page-footer--feedback a:hover {
  color: #2541fc;
}

.m-course-enrolments__filter.m-filter {
  padding: 0;
}

@media screen and (max-width: 647px) {
  .m-course-enrolments__filter.m-filter {
    margin-top: 25px;
  }
}

.m-course-enrolments__filter.m-filter .m-filter__select {
  margin-bottom: 0;
}

.m-course-enrolments__filter.m-filter .a-select-container {
  margin-top: 0;
  padding-right: 0;
}

@media screen and (max-width: 479px) {
  .m-course-enrolments__filter.m-filter .a-select-container {
    width: 100%;
  }
}

.m-course-enrolments__filter.m-filter .a-select-container::after {
  right: 15px;
}

.m-course-run {
  margin-bottom: 35px;
}

.m-course-run::before,
.m-course-run::after {
  content: " ";
  display: table;
}

.m-course-run::after {
  clear: both;
}

.m-course-run__media {
  transform: translateZ(0);
  display: block;
  overflow: hidden;
  display: block;
  position: relative;
}

.m-course-run__media img {
  transform: translateZ(0);
  transition: transform ease-out 0.4s;
  display: block;
}

.m-course-run__media:hover img {
  transform: scale(1.025) translateZ(0);
}

@media screen and (min-width: 680px) {
  .m-course-run__media {
    width: 204px;
    max-height: 137px;
    margin-right: 16px;
    float: left;
  }
}

.m-course-run__media__data {
  background-color: transparent;
  background-image: linear-gradient(180deg, rgba(0,0,0,0.7), transparent);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px 30px 34px 30px;
  color: #fff;
  text-align: right;
}

@media screen and (min-width: 480px) {
  .m-course-run__media__data {
    padding: 11px 15px 17px 15px;
  }
}

@media screen and (min-width: 680px) {
  .m-course-run__media__data {
    padding: 10px 14px 16px 14px;
  }
}

@media screen and (min-width: 900px) {
  .m-course-run__media__data {
    padding: 10px 14px 16px 14px;
  }
}

@media screen and (min-width: 1280px) {
  .m-course-run__media__data {
    padding: 11px 16px 18px 16px;
  }
}

@media screen and (min-width: 1600px) {
  .m-course-run__media__data {
    padding: 15px 21px 24px 21px;
  }
}

.m-course-run__main {
  text-align: left;
}

@media screen and (min-width: 680px) {
  .m-course-run__main {
    margin-left: 220px;
  }
}

.m-course-run--compact {
  margin-bottom: 0;
}

.m-course-run--compact .header-medium {
  margin-top: 0;
  margin-bottom: 0;
}

.m-course-run--compact .m-course-run__main {
  padding: .8em .8em;
  background-color: #fafafa;
}

.m-course-run--compact .m-course-run__main .headline {
  line-height: 1.4;
}

@media screen and (min-width: 480px) {
  .m-course-run--compact .m-course-run__main {
    min-height: 6.1em;
  }
}

@media screen and (min-width: 680px) {
  .m-course-run--compact .m-course-run__media {
    float: none;
    width: auto;
    max-height: none;
    margin-right: 0;
  }

  .m-course-run--compact .m-course-run__main {
    margin-left: 0;
    min-height: 7.3em;
  }
}

@media screen and (min-width: 1280px) {
  .m-course-run--compact .m-course-run__main {
    padding: 1em;
    min-height: 6.4em;
  }
}

@media screen and (min-width: 1600px) {
  .m-course-run--compact,
  .m-course-run--compact .headline {
    font-size: 16px;
    line-height: 22px;
  }
}

.m-course-run--on-alt .m-course-run__main {
  background-color: #fff;
}

.m-course-run--feed-item {
  margin: 1em 0 0 0;
}

@media screen and (min-width: 680px) {
  .m-feed-item--compact .m-course-run--feed-item .m-course-run__main {
    margin-left: 120px;
  }
}

@media screen and (min-width: 680px) {
  .m-feed-item--compact .m-course-run--feed-item .m-course-run__media {
    width: 102px;
  }
}

.m-feed-item--compact .m-course-run--feed-item .media_description {
  display: none;
}

.m-course-search {
  position: relative;
}

.m-course-search--enhanced {
  box-shadow: 0 1px 6px #ededee;
}

.m-course-search__input {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  width: 100%;
  height: 2rem;
  max-width: 100%;
  padding-right: 64px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-course-search__input {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-course-search__input {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-course-search__input,
.m-course-search__input[type="search"] {
  box-sizing: border-box;
}

.m-course-search__input--spacious {
  height: 2rem;
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-course-search__input--spacious {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-course-search__input--spacious {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.m-course-search__button.a-button {
  width: 2rem;
  height: 2rem;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/svg_icons/search_white-7164bbef0dfa29bf8ba0e7fc7016046c.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-style: none;
}

.m-course-search__button.a-button>span {
  background: none !important;
  border: 0 !important;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0 !important;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

.m-course-search__button--boss.a-button {
  width: 2rem;
  height: 2rem;
}

.m-course-search__suggestions {
  position: relative;
  z-index: 1;
}

.m-course-search__suggestions-list {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0;
  padding: 1rem;
  border: 1px solid #cacacc;
  border-top: 0;
  list-style: none;
  background: #fff;
  box-shadow: 0 1px 6px rgba(0,0,0,0.1);
  text-align: left;
}

.m-course-search__suggestion {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  padding: 0.5rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-course-search__suggestion {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-course-search__suggestion {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-course-search__suggestion--active {
  background: #ededee;
}

.m-course-search__suggestion-link {
  color: #727376;
}

.m-course-search__suggestion-link:hover {
  color: #2541fc;
}

.m-course-search__suggestion-title {
  margin-right: 0.5rem;
}

.m-course-search__suggestion-type {
  text-transform: uppercase;
}

.m-course-search--small .m-course-search__input {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  height: 2rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-course-search--small .m-course-search__input {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-course-search--small .m-course-search__input {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-course-search--small .m-course-search__button.a-button {
  width: 2rem;
  height: 2rem;
}

.m-dual-billboard {
  overflow: hidden;
}

.m-dual-billboard__content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.m-dual-billboard__headline .a-item-title {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  color: #727376;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-dual-billboard__headline .a-item-title {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-dual-billboard__headline .a-item-title {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-dual-billboard__heading-code {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: normal;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-dual-billboard__heading-code {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-dual-billboard__heading-code {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-dual-billboard__heading {
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
  margin: 0.67em 0 0.67em 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-dual-billboard__heading {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .m-dual-billboard__heading {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.m-dual-billboard__cta--wrapper {
  display: flex;
  flex-direction: column;
}

.m-dual-billboard__cta--wrapper .a-button:not(:first-child) {
  margin-top: 16px;
}

@media screen and (min-width: 648px) {
  .m-dual-billboard__cta--wrapper {
    flex-direction: row;
  }

  .m-dual-billboard__cta--wrapper .a-button:not(:first-child) {
    margin-left: 16px;
    margin-top: 0;
  }
}

.m-dual-billboard__left-aligned {
  margin-bottom: 1.5rem;
}

.m-dual-billboard__right-aligned {
  display: flex;
  flex-direction: column;
}

.m-dual-billboard__message {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-dual-billboard__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-dual-billboard__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-dual-billboard__grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.m-dual-billboard__grid .a-standard-org-logo {
  margin-right: .5em;
  margin-bottom: .5em;
}

.m-dual-billboard__logo img {
  max-width: 300px;
}

.m-dual-billboard__cta {
  display: none;
}

@media screen and (min-width: 680px) {
  .m-dual-billboard__content {
    flex-wrap: nowrap;
  }

  .m-dual-billboard__left-aligned {
    max-width: 60%;
  }

  .m-dual-billboard__grid {
    justify-content: flex-end;
    margin-bottom: 1.5rem;
  }

  .m-dual-billboard__grid .a-standard-org-logo {
    margin-right: 0;
    margin-left: .5em;
  }

  .m-dual-billboard__cta {
    display: block;
    text-align: right;
    margin-top: auto;
  }
}

@media screen and (min-width: 648px) {
  .m-dual-billboard__cta {
    flex-direction: row;
    margin-left: 1.5rem;
  }
}

@media screen and (max-width: 679px) {
  .m-dual-billboard--bg-inline {
    background: none !important;
  }
}

.m-dual-billboard--bg {
  background: none;
}

@media screen and (min-width: 680px) {
  .m-dual-billboard--bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.m-dual-billboard--responsive-images {
  background-position: 90% 0;
  background-repeat: no-repeat;
}

.m-dual-billboard--responsive-images .m-dual-billboard__left-aligned {
  max-width: 100%;
}

.m-dual-billboard--responsive-images .m-dual-billboard__left-aligned .a-heading {
  padding-right: calc(10% + 85px);
}

@media screen and (min-width: 900px) {
  .m-dual-billboard--responsive-images {
    background-position: top center;
  }

  .m-dual-billboard--responsive-images .m-dual-billboard__left-aligned {
    max-width: 60%;
  }

  .m-dual-billboard--responsive-images .m-dual-billboard__left-aligned .a-heading {
    padding-right: 0;
  }
}

@media screen and (min-width: 900px) and (min-width: 1280px) {
  .m-dual-billboard--responsive-images {
    background-position: top right;
  }
}

.m-dual-billboard--programs {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/course_symbols/programs-on-white-49cb164b0b6da496c290e15dbc240c16.jpg);
  background-size: 82px;
}

@media screen and (min-width: 900px) {
  .m-dual-billboard--programs {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/page_headers/large/programs-header-image-d6f80a02bce3b0c08f77608c38e92619.jpg);
    background-size: auto 100%;
  }
}

.m-dual-billboard--degrees {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/course_symbols/degrees-on-white-487138d55e9c9e52186c2bd37f229adb.jpg);
  background-size: 70px;
}

@media screen and (min-width: 900px) {
  .m-dual-billboard--degrees {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/page_headers/large/degrees-header-image-32db367f9b6e6a83e362bd924bb4f19b.jpg);
    background-size: auto 100%;
  }
}

.m-dual-billboard--inverse {
  color: #fff;
}

.m-dual-billboard--inverse .m-dual-billboard__headline .a-item-title {
  color: #fff;
}

.m-billboard-new {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: auto;
}

.m-billboard-new__container {
  display: flex;
  flex-direction: column;
  position: relative;
}

.m-billboard-new__icon-container {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.m-billboard-new__image-container {
  padding-bottom: 1rem;
}

.m-billboard-new__content>:first-child {
  margin-top: 0.6rem;
}

.m-billboard-new__content>:last-child {
  margin-bottom: 0.6rem;
}

.m-billboard-new__content .a-item-title {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-billboard-new__content .a-item-title {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-billboard-new__content .a-item-title {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-billboard-new__icon svg {
  width: 0;
  height: 0;
}

.m-billboard-new__small-print {
  color: #4a4d55;
  margin: 0.75rem 0;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-billboard-new__small-print {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-billboard-new__small-print {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-billboard-new__cta-wrapper {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.m-billboard-new__cta-wrapper .a-button {
  width: 100%;
  margin-bottom: 16px;
}

.m-billboard-new__cta-wrapper .a-button:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 480px) {
  .m-billboard-new__cta-wrapper .a-button {
    width: auto;
    margin-left: 16px;
    margin-bottom: 0;
  }

  .m-billboard-new__cta-wrapper .a-button:first-child {
    margin-left: 0;
  }
}

@media screen and (min-width: 680px) {
  .m-billboard-new--wide .m-billboard-new__content {
    max-width: 65%;
  }
}

.m-billboard-new--centered {
  text-align: center;
}

.m-billboard-new--centered .m-billboard-new__container {
  display: block;
}

.m-billboard-new--centered .m-billboard-new__content {
  margin: 0 auto;
}

.m-billboard-new--centered .m-billboard-new__icon {
  margin: auto;
}

.m-billboard-new--inverse {
  background-color: #4a4d55;
  color: #fff;
}

.m-billboard-new--overlap {
  margin-bottom: -3rem;
  padding-bottom: 3rem;
}

.m-billboard-new--overlap-long {
  margin-bottom: -3rem;
  padding-bottom: 0;
}

@media screen and (min-width: 900px) {
  .m-billboard-new--overlap-long {
    margin-bottom: -14rem;
    padding-bottom: 10rem;
  }
}

.m-billboard-new--overlay {
  position: relative;
}

.m-billboard-new--overlay:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #3a343a;
  opacity: .43;
}

@media screen and (min-width: 680px) {
  .m-billboard-new__container {
    flex-direction: row;
  }

  .m-billboard-new--reverse .m-billboard-new__container {
    flex-direction: row-reverse;
  }

  .m-billboard-new__icon-container,
  .m-billboard-new__image-container {
    margin-left: auto;
    order: 1;
  }

  .m-billboard-new__image-container {
    padding-left: 2rem;
    padding-bottom: 0;
  }

  .m-billboard-new__icon .a-svg-icon {
    width: 5em;
    height: 5em;
  }

  .m-billboard-new__icon svg {
    width: 10em;
    height: 10em;
  }

  .m-billboard-new__content {
    max-width: 60%;
  }

  .m-billboard-new--compact .m-billboard-new__content {
    max-width: 20em;
    margin: auto;
  }

  .m-billboard-new--contiguous-bottom {
    margin-bottom: -2rem;
  }

  .m-billboard-new--reverse .m-billboard-new__image-container {
    padding-left: 0;
    padding-right: 2rem;
  }
}

.m-billboard-new--cyber-discovery {
  padding-top: 29%;
  background-color: #0d2332;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/billboards/small/cyber-discovery-936811f6e20c744b65085533c1eb1991.png);
  background-size: 100%;
  background-position: top;
}

@media screen and (min-width: 680px) {
  .m-billboard-new--cyber-discovery {
    padding-top: 0;
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/billboards/medium/cyber-discovery-77aa32c7ef7c80882306098d4f498921.png);
    background-position: center right;
    background-size: contain;
  }
}

@media screen and (min-width: 900px) {
  .m-billboard-new--cyber-discovery {
    background-size: 45%;
    background-position: right;
  }
}

@media screen and (min-width: 1280px) {
  .m-billboard-new--cyber-discovery {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/billboards/large/cyber-discovery-96ed673ec4e29ecce0b1523d0b057a03.png);
    background-size: contain;
  }
}

@media screen and (min-width: 648px) {
  .m-billboard-new--tablet .m-billboard-new__content {
    width: 50%;
    align-self: start;
  }
}

.m-billboard-new--promo {
  overflow: hidden;
  position: relative;
}

.m-billboard-new--promo em {
  color: #ff4a6e;
  font-style: normal;
}

.m-billboard-new--promo .a-content {
  margin-top: 0;
  margin-bottom: 0;
}

.m-billboard-new--promo .m-billboard-new__container {
  flex-direction: column;
}

.m-billboard-new--promo .m-billboard-new__content {
  max-width: none;
}

.m-billboard-new--promo .m-billboard-new__icon-container {
  transform: rotate(18deg) translateY(-15%) translateX(15%);
}

.m-billboard-new--promo .m-billboard-new__background {
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  z-index: -1;
  --clip-top-left: 80px;
  --clip-bottom-left: 380px;
  clip-path: polygon(calc(50% + var(--clip-top-left)) 0, 100% 0, 100% 100%, calc(50% + var(--clip-bottom-left)) 100%);
  -webkit-clip-path: polygon(calc(50% + var(--clip-top-left)) 0, 100% 0, 100% 100%, calc(50% + var(--clip-bottom-left)) 100%);
}

@supports (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)) {
  .m-billboard-new--promo .m-billboard-new__background {
    background-image: linear-gradient(-10deg, #ff8151, #ff4a6e);
    background-size: cover;
    background-position: 0% 0%;
    width: 100%;
  }
}

@media screen and (min-width: 480px) {
  .m-billboard-new--promo .m-billboard-new__background {
    --clip-top-left: 125px;
    --clip-bottom-left: 475px;
  }
}

@media screen and (min-width: 648px) {
  .m-billboard-new--promo .m-billboard-new__background {
    --clip-top-left: 235px;
    --clip-bottom-left: 530px;
  }
}

@media screen and (min-width: 900px) {
  .m-billboard-new--promo .m-billboard-new__background {
    --clip-top-left: 400px;
    --clip-bottom-left: 635px;
  }
}

@media screen and (min-width: 1280px) {
  .m-billboard-new--promo .m-billboard-new__background {
    --clip-top-left: 455px;
    --clip-bottom-left: 707px;
  }
}

@media screen and (min-width: 648px) {
  .m-billboard-new--promo .m-billboard-new__container {
    flex-direction: row;
  }

  .m-billboard-new--promo .m-billboard-new__content {
    display: flex;
    align-items: center;
  }

  .m-billboard-new--promo .m-billboard-new__icon-container,
  .m-billboard-new--promo .m-billboard-new__image-container {
    margin-left: auto;
    order: 1;
  }

  .m-billboard-new--promo .m-billboard-new__icon-container {
    flex-basis: 50%;
    padding: 2rem;
    transform: rotate(18deg) translateY(-15%);
  }

  .m-billboard-new--promo .m-billboard-new__icon-container img {
    width: 175%;
  }
}

@media screen and (min-width: 1280px) {
  .m-billboard-new--promo .m-billboard-new__icon-container img {
    width: 150%;
  }
}

.m-billboard-new--celebration {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  text-shadow: 0 0 7px rgba(0,0,0,0.4);
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/statements/congratulations-banner-small-c9ff5f6f9e5a5fc21789acf6ce3a7b7f.jpg);
}

@media screen and (min-width: 648px) {
  .m-billboard-new--celebration {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/statements/congratulations-banner-medium-cc3517a3ecdf8a23335761fa5ea56aa8.jpg);
  }
}

@media screen and (min-width: 900px) {
  .m-billboard-new--celebration {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/statements/congratulations-banner-large-17caeb76a836b6c65458b006f638550f.jpg);
  }
}

.m-grid-of-cards {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  margin: -.75rem;
}

@media screen and (min-width: 480px) {
  .m-grid-of-cards {
    flex-direction: row;
    justify-content: flex-start;
  }
}

.m-grid-of-cards>* {
  margin: .75rem;
}

@media screen and (min-width: 480px) {
  .m-grid-of-cards>* {
    width: calc(50% - 1.5rem);
  }
}

@media screen and (min-width: 900px) {
  .m-grid-of-cards>* {
    width: calc(33.33% - 1.5rem);
  }
}

.m-grid-of-cards>.m-card--degrees-promo {
  margin: .75rem;
}

@media screen and (min-width: 480px) {
  .m-grid-of-cards>.m-card--degrees-promo {
    width: calc(100% - 1.5rem);
  }
}

@media screen and (min-width: 900px) {
  .m-grid-of-cards>.m-card--degrees-promo {
    width: calc(66.66% - 1.5rem);
  }
}

@media screen and (min-width: 1280px) {
  .m-grid-of-cards--compact>* {
    width: calc(25% - 1.5rem);
  }
}

@media screen and (min-width: 1280px) {
  .m-grid-of-cards--compact>.m-card--degrees-promo {
    width: calc(50% - 1.5rem);
    max-width: 50%;
  }
}

@media screen and (min-width: 900px) {
  .m-grid-of-cards--with-side-nav>* {
    width: calc(50% - 1.5rem);
  }
}

@media screen and (min-width: 1280px) {
  .m-grid-of-cards--with-side-nav>* {
    width: calc(33% - 1.5rem);
  }
}

@media screen and (min-width: 900px) and (max-width: 1279px) {
  .m-grid-of-cards--with-side-nav>.m-card--degrees-promo {
    width: 100%;
  }
}

@media screen and (min-width: 900px) {
  .m-grid-of-cards--wide>* {
    width: calc(50% - 1.5rem);
  }
}

@media screen and (min-width: 900px) and (max-width: 1279px) {
  .m-grid-of-cards--collapsed>*:nth-child(4):last-child {
    display: none;
  }
}

@media screen and (min-width: 480px) and (max-width: 899px) {
  .m-grid-of-cards--tidy>*:nth-child(2n+1):nth-last-child(1) {
    display: none;
  }
}

@media screen and (min-width: 900px) and (max-width: 1279px) {
  .m-grid-of-cards--tidy>*:nth-child(3n+1):nth-last-child(1) {
    display: none;
  }

  .m-grid-of-cards--tidy>*:nth-child(3n+1):nth-last-child(2) {
    display: none;
  }

  .m-grid-of-cards--tidy>*:nth-child(3n+2):nth-last-child(1) {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  .m-grid-of-cards--tidy>*:nth-child(4n+1):nth-last-child(1) {
    display: none;
  }

  .m-grid-of-cards--tidy>*:nth-child(4n+1):nth-last-child(2) {
    display: none;
  }

  .m-grid-of-cards--tidy>*:nth-child(4n+1):nth-last-child(3) {
    display: none;
  }

  .m-grid-of-cards--tidy>*:nth-child(4n+2):nth-last-child(1) {
    display: none;
  }

  .m-grid-of-cards--tidy>*:nth-child(4n+2):nth-last-child(2) {
    display: none;
  }

  .m-grid-of-cards--tidy>*:nth-child(4n+3):nth-last-child(1) {
    display: none;
  }
}

@media screen and (max-width: 899px) {
  .m-grid-of-cards--truncated>*:nth-child(n+3) {
    display: none;
  }
}

@media screen and (max-width: 647px) {
  .m-grid-of-cards--small-overflow {
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: start;
    overflow-x: auto;
  }
}

.m-grid-of-cards--centered {
  justify-content: center;
}

.m-grid-of-cards--2-col>* {
  width: calc(100% - 1.5rem);
}

@media screen and (min-width: 480px) {
  .m-grid-of-cards--2-col>* {
    width: calc(50% - 1.5rem);
  }
}

.m-drawer {
  display: none;
}

.m-drawer,
.m-drawer p {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-drawer,
  .m-drawer p {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-drawer,
  .m-drawer p {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-drawer--open {
  display: block;
  margin-bottom: 16px;
}

@media screen and (min-width: 648px) {
  .m-drawer--open .list-bullet {
    padding-bottom: 3px;
  }
}

@media screen and (min-width: 648px) {
  .m-eligibility-check {
    margin: 0 auto;
    max-width: 310px;
    text-align: left;
  }
}

@media screen and (min-width: 648px) {
  .m-eligibility-check {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
    max-width: 756px;
  }
}

@media screen and (min-width: 750px) {
  .m-eligibility-check {
    min-height: 51px;
  }
}

.m-eligibility-check__label {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin-bottom: 0.75em;
  margin-right: 1em;
  font-weight: bold;
  color: #3a343a;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-eligibility-check__label {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-eligibility-check__label {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) {
  .m-eligibility-check__label {
    display: inline-block;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 648px) {
  .m-eligibility-check__label {
    min-height: 47px;
    margin: 0;
    padding-top: 10px;
  }
}

@media screen and (min-width: 750px) {
  .m-eligibility-check__label {
    font-size: 22.5px;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 750px) and (min-width: 680px) and (max-width: 1694px) {
  .m-eligibility-check__label {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 750px) and (min-width: 1695px) {
  .m-eligibility-check__label {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.m-eligibility-check__countries {
  background-color: #fff;
  margin-bottom: 0.75rem;
  padding-right: 0;
  width: 100%;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-eligibility-check__countries {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-eligibility-check__countries {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) {
  .m-eligibility-check__countries {
    width: 223px;
  }
}

@media screen and (min-width: 648px) {
  .m-eligibility-check__countries {
    margin: 0;
  }
}

select.m-eligibility-check__countries--select {
  background-color: transparent;
  max-width: 480px;
  padding: 0.65rem 1rem 0.65rem 1rem;
}

@media screen and (min-width: 648px) {
  select.m-eligibility-check__countries--select {
    width: 223px;
  }
}

@media screen and (min-width: 750px) {
  select.m-eligibility-check__countries--select {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    font-size: 16px;
    font-size: .8888rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 750px) and (min-width: 680px) and (max-width: 1694px) {
  select.m-eligibility-check__countries--select {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 750px) and (min-width: 1695px) {
  select.m-eligibility-check__countries--select {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-eligibility-check__countries::after {
  color: #de00a5;
}

@media screen and (min-width: 648px) {
  .m-eligibility-check__button-container {
    min-width: 290px;
    text-align: center;
  }
}

@media screen and (min-width: 750px) {
  .m-eligibility-check__button-container {
    width: 361px;
    text-align: right;
  }
}

input[type="submit"].m-eligibility-check--button {
  width: 100%;
}

@media screen and (min-width: 648px) {
  input[type="submit"].m-eligibility-check--button {
    width: auto;
  }
}

.m-eligibility-check__submitted-text {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  font-weight: bold;
  position: relative;
  display: none;
  padding: 0;
  margin: 0;
  width: 100%;
  min-width: 290px;
  white-space: nowrap;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-eligibility-check__submitted-text {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-eligibility-check__submitted-text {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) {
  .m-eligibility-check__submitted-text {
    padding-top: 5px;
  }
}

@media screen and (min-width: 648px) {
  .m-eligibility-check__submitted-text {
    width: auto;
    padding-top: 2px;
    min-height: 47px;
  }
}

@media screen and (min-width: 750px) {
  .m-eligibility-check__submitted-text {
    font-size: 22.5px;
    font-size: 1.25rem;
    line-height: 1.5;
    min-height: 25px;
    width: 361px;
    padding-top: 3px;
    white-space: nowrap;
  }
}

@media screen and (min-width: 750px) and (min-width: 680px) and (max-width: 1694px) {
  .m-eligibility-check__submitted-text {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 750px) and (min-width: 1695px) {
  .m-eligibility-check__submitted-text {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.m-eligibility-check__submitted-text--ineligible {
  margin-top: 0.25em;
}

@media screen and (min-width: 648px) {
  .m-eligibility-check__submitted-text--ineligible {
    margin-top: 0;
  }
}

@media screen and (min-width: 648px) {
  .m-eligibility-check__submitted-text--ineligible {
    padding-top: 10px;
  }
}

@media screen and (min-width: 750px) {
  .m-eligibility-check__submitted-text--ineligible {
    padding-top: 3px;
  }
}

.m-eligibility-check__eligible {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 648px) {
  .m-eligibility-check__eligible {
    justify-content: flex-start;
    margin: 0 auto;
  }
}

@media screen and (min-width: 648px) {
  .m-eligibility-check__eligible {
    max-width: 420px;
  }
}

.m-eligibility-check__tick {
  margin-left: 1em;
}

.m-eligibility-check__tick .a-svg-icon {
  width: 25px;
}

.eligibility-feedback--message {
  margin: 1em auto 1em auto;
  padding: 0;
  max-width: 32em;
}

.eligibility-feedback--message-item {
  display: inline-block;
  margin-top: 1em;
  margin-bottom: 1em;
}

@media screen and (min-width: 648px) {
  .eligibility-feedback--message-item {
    display: inline-block;
  }
}

.m-event-highlight {
  display: flex;
  padding: 20px;
  margin-bottom: 56px;
  border-top: 1px #cacacc solid;
  border-bottom: 1px #cacacc solid;
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-event-highlight {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-event-highlight {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-event-highlight__icon {
  margin-right: 1em;
}

.m-event-highlight__icon .a-svg-icon {
  width: 52px;
  height: 52px;
}

.m-event-highlight__details {
  margin-top: 4px;
}

.m-extra-benefits__slideout-container {
  display: flex;
  flex-direction: column;
}

.m-extra-benefits__bg-detail-image:before {
  content: "";
  position: absolute;
  width: 118px;
  height: 42px;
  right: -76px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/unlimited/unlimited-detail-right-9301862fc488a094251ae72684077f1f.png);
  background-repeat: no-repeat;
}

.m-extra-benefits__bg-detail-image {
  background-position: top right;
}

@media screen and (min-width: 900px) {
  .m-extra-benefits__bg-detail-image:before {
    content: none;
  }

  .m-extra-benefits__bg-detail-image {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/unlimited/unlimited-detail-right-9301862fc488a094251ae72684077f1f.png);
    background-repeat: no-repeat;
    max-width: calc(648px + 260px);
    padding: 0 130px 15px 130px;
  }
}

.m-extra-benefits__heading {
  margin-top: 1.5rem;
}

@media screen and (min-width: 480px) {
  .m-extra-benefits__heading,
  .m-extra-benefits__footer {
    text-align: center;
  }
}

.m-extra-benefits__footer {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-extra-benefits__footer {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-extra-benefits__footer {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-extra-benefits__slideout-content:after {
  position: absolute;
  left: 0;
  content: " ";
  display: block;
  height: 1rem;
  width: 100%;
  border-bottom: 1px solid #ededee;
}

@media screen and (min-width: 1392px) {
  .displaying-comments .m-extra-benefits--slideout {
    display: none;
  }
}

.m-feed {
  margin: 0;
  padding: 0;
  list-style: none;
  flex-basis: 100%;
  max-width: 100%;
}

.m-feed .m-feed,
.m-feed .m-postbox {
  padding-left: 52px;
}

.m-feed .m-feed {
  margin-top: 20px;
  clear: both;
}

.m-feed .a-link {
  cursor: pointer;
  display: block;
  padding-top: 0.5em;
  padding-bottom: 2em;
  position: relative;
  left: 104px;
}

.m-feed__header {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-feed__header {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-feed__header {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-feed__header * {
  display: inline-block;
}

.m-feed-item {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0;
}

.m-feed-item::before,
.m-feed-item::after {
  content: " ";
  display: table;
}

.m-feed-item::after {
  clear: both;
}

.m-feed-item--pronounced {
  background-color: #fafafa;
  margin-bottom: 2em;
  padding: 1em;
  border: 1px solid #ededee;
}

.m-feed-item--pronounced .m-feed-item__heading {
  margin-top: 4px;
}

.m-feed-item--pronounced .m-feed-item__content p {
  margin-top: 0.6em;
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-feed-item--pronounced .m-feed-item__content p {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-feed-item--pronounced .m-feed-item__content p {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-feed-item--pronounced .m-feed-item__body {
  padding: 0.25em;
}

.m-feed-item--drag-and-drop {
  margin-bottom: 1em;
  border: 1px solid #cacacc;
}

.m-feed-item--drag-and-drop .m-feed-item__body {
  padding-left: 0;
  padding-top: 0;
}

.m-feed-item--dragging {
  transform: rotate(0deg);
  transition: all 0.1s;
}

.m-feed-item--dragging:active {
  transform: rotate(5deg);
  box-shadow: 1px 2px 4px 0 #cacacc;
}

.m-feed-item__controls {
  padding-right: 1.5rem;
}

.m-feed-item--compact {
  padding: 16px 0;
}

.m-feed-item--indented {
  padding-left: 20px;
  padding-right: 20px;
}

.m-feed-item--indented.m-feed-item--compact {
  padding-left: 16px;
  padding-right: 16px;
}

.m-feed-item--bordered {
  border-bottom: 1px solid #ededee;
}

.m-popover .m-feed-item--bordered:last-child,
.m-feed-item--bordered.m-feed-item--has-replies .m-feed-item:last-child {
  border: 0;
}

.m-feed-item--double-border {
  padding-top: 2.5em;
  padding-bottom: 1.14em;
  border-bottom: 1px solid #ededee;
  border-top: 1px solid #ededee;
}

.m-feed-item--alt {
  background-color: #fafafa;
}

.m-feed-item__identifier {
  float: left;
  margin-right: 20px;
}

.m-feed-item--compact .m-feed-item__identifier {
  margin-right: 16px;
}

.m-feed-item--compact .m-feed-item__identifier .a-svg-icon {
  width: 16px;
  height: 16px;
  margin-top: 6px;
}

.m-feed-item__identifier .a-svg-icon {
  width: 20px;
  height: 20px;
  margin-top: 4px;
}

.m-popover__list .m-feed-item--alt.m-feed-item--celebration,
.m-popover__list .m-feed-item--celebration:first-child {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/celebration/confetti/notification-9fb1c8686a0a69f79b64714c925877a9.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%;
  padding-top: 47px;
}

.m-feed-item__body {
  float: left;
  flex: 1 0 0%;
  min-width: 0;
}

.m-feed-item__body+.m-postbox {
  margin-top: 20px;
}

.m-feed-item__header {
  display: flex;
  flex-wrap: wrap;
  margin: .25em 0 .5em;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-feed-item__header {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-feed-item__header {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-feed-item--with-img .m-feed-item__header {
  margin-top: 0;
}

.m-feed-item__avatar {
  margin-right: 0.5rem;
}

.m-feed-item__preamble {
  float: left;
  flex: 1 0 0%;
  margin-right: 10px;
}

.m-feed-item__preamble .a-stamp {
  margin-right: .6em;
}

.m-feed-item__heading__primary {
  display: inline-block;
  margin-bottom: .3em;
  color: #3a343a;
  font-weight: bold;
}

.m-feed-item__heading--with-stamp .m-feed-item__heading__primary {
  margin-right: .6em;
}

.m-feed-item__heading__secondary {
  color: #727376;
  color: #3a343a;
}

.m-feed-item__context-heading {
  display: block;
  margin-top: .25em;
  font-weight: bold;
  text-transform: uppercase;
}

.m-feed-item__context-heading,
.m-feed-item__context-heading a {
  color: #727376;
}

.m-feed-item__context-heading:hover {
  color: #2541fc;
}

.m-feed-item__meta {
  float: left;
  display: flex;
  flex-direction: row;
}

.m-feed-item__timestamp {
  color: #727376;
  margin-left: .6em;
}

.m-feed-item__timestamp--long {
  display: none;
}

.m-feed-item__timestamp--short {
  display: block;
}

.m-feed-item__content {
  clear: both;
  word-wrap: break-word;
}

.m-feed-item__content,
.m-feed-item__content p {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-feed-item__content,
  .m-feed-item__content p {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-feed-item__content,
  .m-feed-item__content p {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-feed-item__content p {
  margin-bottom: 1em;
  width: 100%;
  overflow: hidden;
}

.m-feed-item__content p:last-of-type {
  margin-bottom: 0;
}

.m-feed-item__content p:first-of-type {
  margin-top: 0;
}

.m-feed-item__content--truncated p {
  display: none;
}

.m-feed-item__content--truncated p:first-of-type {
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}

.m-feed-item__edit-status {
  color: #727376;
}

.m-feed-item__content__additions {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.m-feed-item__content__additions .a-avatar {
  margin-right: 5px;
  margin-bottom: 5px;
}

.m-feed-item__extra-info {
  margin: 0;
  padding: 0;
  list-style: none;
}

.m-feed-item__info-item {
  color: #727376;
  display: inline-block;
  margin-right: 0.5em;
}

.m-feed-item__info-item:last-child {
  margin-right: 0;
}

.m-feed-item__status {
  color: #727376;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-feed-item__status {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-feed-item__status {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-feed-item__content__additions,
.m-feed-item__actions {
  margin-top: 16px;
}

.m-feed-item__action-link {
  margin-top: 5px;
  margin-left: auto;
  padding-left: 5px;
  align-self: flex-end;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-feed-item__action-link {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-feed-item__action-link {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-feed-item__action-link:last-child {
  margin-left: 15px;
}

.m-feed-item__action-link:only-child {
  margin-left: auto;
}

.m-feed-item__actions {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  white-space: nowrap;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-feed-item__actions {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-feed-item__actions {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-feed-item__actions .report-form-wrapper {
  flex-basis: 100%;
}

.m-feed-item__actions .a-svg-icon {
  width: 1.26em;
  height: auto;
}

.m-feed-item__actions .a-svg-icon--flag {
  width: 1em;
}

.m-feed-item__actions--comment>* {
  flex-basis: 17%;
}

.m-feed-item__actions--secondary {
  flex-basis: 100%;
}

.m-feed-item__edit .link,
.m-feed-item__delete .link {
  font-weight: bold;
}

.m-feed-item__delete {
  margin-left: 1em;
}

.m-feed-item__edit,
.m-feed-item__report {
  margin-left: auto;
  text-align: right;
}

.m-feed-item__prevent-body-scroll {
  overflow: hidden;
}

.m-feed-item__hide-scrollbars {
  -ms-overflow-style: none;
}

.m-feed-item__hide-scrollbars::-webkit-scrollbar {
  display: none;
}

.m-feed-item__pinned {
  width: 100%;
  margin-bottom: 1em;
}

@media screen and (min-width: 680px) {
  .m-feed-item__timestamp--long {
    display: block;
  }

  .m-feed-item__timestamp--short {
    display: none;
  }
}

.m-feed-item--feedback {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-feed-item--feedback {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-feed-item--feedback {
    font-size: 1rem;
    line-height: 1.5;
  }
}

[data-hypernova-key="repliesThread"] {
  flex-basis: 100%;
  width: 100%;
}

.m-feedback-message__container {
  width: 100%;
  max-width: 648px;
  max-width: 32rem;
  margin-left: auto;
  margin-right: auto;
  outline: none;
  position: relative;
  box-sizing: border-box;
  clear: both;
}

.m-feedback-message__container:focus:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  outline: 3px solid #2541fc;
}

.m-feedback-message__container:focus .m-feedback-message__text:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIj48Zz48cGF0aCBmaWxsPSIjMDBmIiBkPSJNMjAwIDEzMi4yVi0uNEw4My44IDEydjEyLjh6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE3Ni42IDc4LjFWLTIuNEw4OC4zLTJ6Ii8+PHBhdGggZmlsbD0iIzAwZiIgZD0iTTgyLjYgMzAuNWg4LjFsLjMtNi45aC04LjR6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTS0xMTIuMi0yMC40aDU1LjZ2NzQuOGgtNTUuNnoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjYuMi0yOC4zaDk3LjJWOC41SDI2LjJ6Ii8+PC9nPjxnPjxnPjxwYXRoIGZpbGw9IiNGRUNCNTMiIGQ9Ik04Mi42IDIzLjZoOS4zTDE5Mi4zIDExN1YtLjRoLTE4Ljd2NzMuNUw5OS40IDguNUg4Mi42eiIvPjwvZz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTc2LjEgNzguMVYtMi40TDg3LjgtMnoiLz48L2c+PHBhdGggZmlsbD0iIzAwZiIgZD0iTTE5Mi4yOTUtLjM5aDcuNjkzVi42NzZoLTcuNjkzeiIvPjwvc3ZnPg==");
}

.m-feedback-message__container:focus .m-feedback-message--permanent .m-feedback-message__text:before {
  content: none;
}

.m-feedback-message {
  display: table;
  position: relative;
  width: 100%;
  height: 50px;
  margin-top: 20px;
  margin-bottom: 40px;
  color: #3a343a;
  border: 2px solid #fecb51;
}

.m-feedback-message--permanent .m-feedback-message__text:before {
  content: none;
}

.m-feedback-message__icon,
.m-feedback-message__text {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.m-feedback-message__icon {
  width: 47px;
  vertical-align: middle;
  font-size: 32px;
  text-align: center;
  padding: 8px 0;
  background-color: #fecb51;
}

.m-feedback-message__icon svg {
  width: 21px;
  height: auto;
  vertical-align: middle;
}

.m-feedback-message__text {
  position: relative;
  margin: 0;
  padding: 5px 12px 5px 12px;
  letter-spacing: .2px;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-style: italic;
  background-color: #fff;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-feedback-message__text {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-feedback-message__text {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-feedback-message__text:before {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMDAgMjAwIj48cGF0aCBmaWxsPSIjRkVDQjUzIiBkPSJNODIuNiAyMy42aDkuM0wxOTIuMyAxMTdWLS40aC0xOC43djczLjVMOTkuNCA4LjVIODIuNnoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTc2LjEgNzguMVYtMi40TDg3LjgtMnoiLz48L3N2Zz4=");
  position: absolute;
  bottom: -19px;
  right: -3px;
  width: 25px;
  height: 20px;
}

.m-feedback-message--dismissable .m-feedback-message__text {
  padding-right: 24px;
}

.m-feedback-message__dismiss {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  color: #3a343a;
}

.m-feedback-message__dismiss .a-svg-icon {
  width: 9px;
  height: 9px;
  margin: 6px;
}

.m-feedback-message__dismiss__fallback {
  display: none;
}

.m-filter {
  padding-top: 2rem;
  padding-bottom: 1.5rem;
}

.m-filter .a-select-container::after {
  top: 50%;
}

.m-filter--white {
  background-color: #fff;
}

.m-filter__submit {
  text-align: center;
}

.m-filter__heading {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.m-filter__label {
  cursor: pointer;
}

input:checked+.m-filter__label {
  color: #2541fc;
  font-weight: bold;
}

.is-keyboard-focussed input:focus+.m-filter__label {
  outline: solid 3px #2541fc;
}

.m-filter__select {
  font-size: initial;
  width: 100%;
}

@media screen and (max-width: 479px) {
  .m-filter__select-container .a-select-container {
    width: 100%;
  }

  .m-filter__select-container .a-select-container select {
    max-width: 100%;
  }
}

@media screen and (min-width: 480px) {
  .m-filter__select {
    width: 15em;
  }
}

.m-filter__select-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.m-filter__active-filters {
  background-color: #ededee;
  font-size: .7777rem;
  margin-top: 3rem;
  padding: 10px;
}

.m-filter__active-filters .a-button {
  margin: 0.5em;
}

.m-filter__active-filter {
  background-color: #fff;
  padding: 5px;
}

.m-filter__active-filter svg.a-svg-icon {
  margin: 0 3px;
  width: 0.7em;
}

.m-filter__loader {
  text-align: center;
}

.m-filter__submit {
  margin-left: 0.5em;
}

.m-form {
  width: 100%;
  margin-bottom: 1.3rem;
}

.m-form .m-cc-feedback-message__container {
  width: 70%;
  margin: 0 auto;
}

.m-form .m-cc-feedback-message {
  margin-top: 0;
  margin-bottom: 1.5em;
}

.m-form--inline {
  display: inline;
}

.m-form__fieldset {
  border: 0 none;
  margin: 0;
  padding: 0;
}

.m-form__label {
  display: block;
  font-weight: bold;
}

.m-form__label+.a-input {
  margin-top: 3px;
}

.m-form__label--required:after {
  content: "*";
}

.m-form__label--regular {
  font-weight: normal;
}

.m-form__fieldset--pronounced {
  margin: 0 0 1.5rem 0;
  padding: 1.5rem 0 0.5rem 0;
  background-color: #fafafa;
}

.m-form__legend {
  background-color: inherit;
  font-weight: bold;
  padding-top: 1.5rem;
  width: 100%;
}

.m-form__fieldset--contiguous-top {
  padding-top: 0;
}

.m-form__fieldset--contiguous-bottom {
  padding-bottom: 0;
}

.m-form__group {
  display: block;
  margin: 0 auto;
  padding: 0 0 1.25em 0;
}

.m-form__group::before,
.m-form__group::after {
  content: " ";
  display: table;
}

.m-form__group::after {
  clear: both;
}

@media screen and (min-width: 480px) {
  .m-form__group {
    width: 70%;
  }
}

.m-form__group img {
  max-width: 100%;
}

.m-form__group label.error {
  margin-left: 0;
}

.m-form__group--icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.m-form__group--icon div:first-child {
  width: calc(100% - 80px);
}

.m-form__group--icon .a-svg-icon {
  margin-top: 24px;
}

.m-form__group--tight-bottom {
  padding: 0;
}

.m-form__group--wide {
  width: 90%;
}

.m-form__group--full-width {
  width: auto;
}

.m-form__group--block {
  width: auto;
  flex-direction: column;
}

.m-form__group--block .a-input {
  margin-bottom: 1em;
  min-width: 100%;
}

.m-form__group--block .a-button {
  flex-grow: 1;
}

@media screen and (min-width: 648px) {
  .m-form__group--block {
    flex-direction: row;
  }

  .m-form__group--block .a-input {
    margin-bottom: 0;
    flex-grow: 4;
    min-width: 70%;
  }
}

.m-form__group--inline {
  display: flex;
}

.m-form__group--inline .a-input--prepend {
  flex: 1 0 0%;
  max-width: 70%;
}

.m-form__group--inline .a-input--no-shrink {
  flex-shrink: 0;
}

.m-form__group--contiguous-bottom {
  padding-bottom: 0;
}

.m-form__group .m-form__status {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-form__group .m-form__status {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-form__group .m-form__status {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-form__control-group {
  float: left;
  margin-bottom: 1.5rem;
  width: 100%;
}

.m-form__control-group--no-float {
  float: none;
}

.m-form__control-group--contiguous {
  margin-bottom: 0;
}

.m-form__control-group--tight {
  margin-bottom: 1em;
}

.m-form__control-group--centered {
  justify-content: center;
}

.m-form__control-group--inline {
  display: flex;
  margin-bottom: 16px;
  margin-top: 8px;
}

.m-form__control-group--inline .error {
  top: 5px;
  margin: 16px 0 0 16px;
}

.m-form__control-group--separated {
  border-bottom: 1px solid #ededee;
}

.m-form__control-group--separated:last-child {
  border-bottom: 0;
}

.m-form__info {
  display: block;
  margin: 0 0 0.75rem;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-form__info {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-form__info {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-form__info--subtle {
  margin-top: .4em;
  color: #727376;
}

.m-form__info--small {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-form__info--small {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-form__info--small {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-form__info--spacious-bottom {
  margin-bottom: 1.5rem;
}

.m-form__table table.m-table th,
.m-form__table table.dataTable th {
  border-bottom: 0;
}

.m-form__table table.m-table td,
.m-form__table table.m-table td label,
.m-form__table table.m-table td .m-passport--mini .m-passport__id,
.m-form__table table.dataTable td,
.m-form__table table.dataTable td label,
.m-form__table table.dataTable td .m-passport--mini .m-passport__id {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-form__table table.m-table td,
  .m-form__table table.m-table td label,
  .m-form__table table.m-table td .m-passport--mini .m-passport__id,
  .m-form__table table.dataTable td,
  .m-form__table table.dataTable td label,
  .m-form__table table.dataTable td .m-passport--mini .m-passport__id {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-form__table table.m-table td,
  .m-form__table table.m-table td label,
  .m-form__table table.m-table td .m-passport--mini .m-passport__id,
  .m-form__table table.dataTable td,
  .m-form__table table.dataTable td label,
  .m-form__table table.dataTable td .m-passport--mini .m-passport__id {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-form__table table.m-table td,
.m-form__table table.dataTable td {
  padding: 3px 0 6px 8px;
  vertical-align: middle;
  background-color: #fff;
  border-bottom: 2px solid #fafafa;
}

.m-form__table table.m-table td:first-child,
.m-form__table table.dataTable td:first-child {
  padding-left: 1em;
}

.m-form__table table.m-table td .m-passport--mini,
.m-form__table table.dataTable td .m-passport--mini {
  margin-top: 4px;
}

.m-form__error {
  display: flex;
  margin: 0.375rem 0 0 0;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-style: italic;
  align-items: center;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-form__error {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-form__error {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-form__error p {
  margin-right: 0.5rem;
}

.m-form__error::before {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/svg_icons/alert-77475cf48b5c6d44ffc3fc8e91455e5a.svg);
  background-size: 60%;
  background-color: #fecb51;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  margin-right: 8px;
  position: relative;
  width: 25px;
  height: 25px;
}

.m-form__char-count {
  display: block;
  position: relative;
  height: 0;
  top: -25px;
  margin-right: 10px;
  text-align: right;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-form__char-count {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-form__char-count {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-form__preview {
  padding: 0 0.75rem;
  background-color: #fff;
  border: 1px solid #cacacc;
}

.m-form__img-preview {
  margin-top: 0.75rem;
}

.m-form__checkbox {
  display: block;
}

.m-form__checkbox div {
  display: inline-block;
}

.m-form__checkbox input {
  margin-right: 8px;
}

.m-form__group--inline .m-form__checkbox {
  margin-right: 16px;
}

.m-form__control-row {
  display: flex;
  align-items: center;
}

.m-form__control-row>:not(:last-child) {
  margin-right: 20px;
}

.m-form__label-and-checkbox {
  overflow: auto;
}

.m-form__label-and-checkbox label {
  float: left;
  margin-left: 8px;
  width: 86%;
  font-weight: normal;
  font-size: 14px;
}

.m-form__label-and-checkbox input {
  float: left;
  margin-top: 2px;
  margin-left: 3px;
}

.m-form__legend-radiogroup {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  color: #4a4d55;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-form__legend-radiogroup {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-form__legend-radiogroup {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-form__form-actions {
  margin: 32px 0 16px 0;
}

.m-form__field-hint {
  clear: both;
}

.m-form__field-hint span {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
}

.m-form__align-left {
  padding: 0 30px 30px 30px;
}

.m-formula {
  text-align: center;
}

@media screen and (min-width: 480px) {
  .m-formula {
    display: flex;
  }
}

.m-formula__component {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-formula__component {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-formula__component {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 479px) {
  .m-formula__component {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 480px) {
  .m-formula__component {
    font-size: 14px;
    font-size: .7777rem;
    line-height: 1.5;
    flex-basis: 0;
    flex-grow: 1;
    position: relative;
  }
}

@media screen and (min-width: 480px) and (min-width: 680px) and (max-width: 1694px) {
  .m-formula__component {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 480px) and (min-width: 1695px) {
  .m-formula__component {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) {
  .m-formula__component {
    font-size: 14px;
    font-size: .7777rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) and (max-width: 1694px) {
  .m-formula__component {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) and (min-width: 1695px) {
  .m-formula__component {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-formula__component {
    font-size: 16px;
    font-size: .8888rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) and (min-width: 680px) and (max-width: 1694px) {
  .m-formula__component {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) and (min-width: 1695px) {
  .m-formula__component {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-formula__operator {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #727376;
  line-height: 1;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-formula__operator {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-formula__operator {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 479px) {
  .m-formula__operator {
    margin-top: -.1em;
    margin-bottom: .2em;
  }
}

@media screen and (min-width: 480px) {
  .m-formula__operator {
    font-size: 27px;
    font-size: 1.5rem;
    line-height: 1.25;
    line-height: 1;
    display: block;
    width: 30px;
    padding-top: .1em;
    margin-top: 0;
  }
}

@media screen and (min-width: 480px) and (min-width: 680px) and (max-width: 1694px) {
  .m-formula__operator {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 480px) and (min-width: 1695px) {
  .m-formula__operator {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.m-formula__operator::before,
.m-formula--no-equals .m-formula__operator--last::before {
  content: '+';
}

.m-formula__operator--last::before {
  content: '=';
}

.m-formula__component__icon {
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
  position: relative;
  height: 1em;
  line-height: 1;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-formula__component__icon {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .m-formula__component__icon {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (max-width: 479px) {
  .m-formula__component__icon {
    width: 1em;
  }
}

@media screen and (min-width: 480px) {
  .m-formula__component__icon {
    font-size: 36px;
    font-size: 2rem;
    line-height: 1.25;
    line-height: 1;
  }
}

@media screen and (min-width: 480px) and (min-width: 680px) and (max-width: 1694px) {
  .m-formula__component__icon {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 480px) and (min-width: 1695px) {
  .m-formula__component__icon {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 680px) {
  .m-formula__component__icon {
    font-size: 36px;
    font-size: 2rem;
    line-height: 1.25;
    line-height: 1;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) and (max-width: 1694px) {
  .m-formula__component__icon {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 680px) and (min-width: 1695px) {
  .m-formula__component__icon {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .m-formula__component__icon {
    font-size: 36px;
    font-size: 2rem;
    line-height: 1.25;
    line-height: 1;
  }
}

@media screen and (min-width: 1695px) and (min-width: 680px) and (max-width: 1694px) {
  .m-formula__component__icon {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) and (min-width: 1695px) {
  .m-formula__component__icon {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.m-formula__component__icon .a-svg-icon,
.m-formula__component__icon .a-svg-icon--awards-purple {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.m-formula__component__title {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 479px) {
  .m-formula__component__title {
    margin-left: .5em;
  }
}

@media screen and (min-width: 480px) {
  .m-formula__component__title {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}

.m-formula__component__text {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  color: #727376;
  padding: 0 10px;
}

@media screen and (max-width: 899px) {
  .m-formula__component__text {
    margin-top: 1em;
  }
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-formula__component__text {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-formula__component__text {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 479px) {
  .m-formula--long-text .m-formula__component {
    display: inline-block;
    text-align: center;
  }

  .m-formula--long-text .m-formula__operator {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
  }

  .m-formula--long-text .m-formula__component__icon {
    display: inline-block;
    margin: 12px auto;
  }
}

.m-great-campaign__header-image--campaign-two {
  background-color: #ffc288;
  padding-top: 8em;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/bc/BC_header-medium_small-ac00fc35b989d1298cfa9158d9abc3bd.jpg);
  background-size: auto !important;
  background-position: center 0 !important;
}

@media screen and (min-width: 648px) {
  .m-great-campaign__header-image--campaign-two {
    padding-top: 7em;
    background-size: cover !important;
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/bc/BC_large_header-441468cf20fd812a639a45aba82d07ba.jpg);
  }
}

@media screen and (min-width: 900px) {
  .m-great-campaign__header-image--campaign-two {
    padding-top: 8em;
  }
}

@media screen and (min-width: 1000px) {
  .m-great-campaign__header-image--campaign-two {
    padding-top: 10em;
  }
}

@media screen and (min-width: 1150px) {
  .m-great-campaign__header-image--campaign-two {
    padding-top: 11em;
  }
}

@media screen and (min-width: 1280px) {
  .m-great-campaign__header-image--campaign-two {
    padding-top: 0;
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/bc/BC_xxlarge_xlarge_header-4831ed86fc9818b06cdc3355680e3fea.jpg);
    background-size: 48% !important;
    background-position: bottom right !important;
  }
}

@media screen and (min-width: 1450px) {
  .m-great-campaign__header-image--campaign-two {
    background-position: bottom -0.3% right !important;
  }
}

@media screen and (min-width: 1600px) {
  .m-great-campaign__header-image--campaign-two {
    background-position: bottom 4.5% right !important;
  }
}

.m-great-campaign__header-image--courses {
  background-color: #ffc288;
  height: 270px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/bc/BC_header-medium_small_courses-f368a7a69f797bf2794be95dcb158908.jpg);
  background-size: auto !important;
  background-position: center 0 !important;
  display: flex !important;
  flex-direction: column-reverse;
}

@media screen and (min-width: 480px) {
  .m-great-campaign__header-image--courses {
    height: 340px;
  }
}

@media screen and (min-width: 648px) {
  .m-great-campaign__header-image--courses {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/bc/BC_header-medium_xlarge_courses-7b02f10ebdaefc50a6acf2ecd4915510.jpg);
  }
}

@media screen and (min-width: 1280px) {
  .m-great-campaign__header-image--courses {
    height: 164px;
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/bc/BC_header_desktop_strip-60597b05e33e474c356ff089fd1ff9fa.jpg);
    background-size: contain !important;
    background-position: center right !important;
  }
}

.m-great-campaign__header-image--claim {
  background: #ffc288;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/bc/BC_mobile_claim-e28830f0f0b850b34b5b2bcb209ebdd3.jpg);
  background-size: auto !important;
  background-position: center 0 !important;
  padding-top: 0 !important;
}

@media screen and (min-width: 900px) {
  .m-great-campaign__header-image--claim {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/bc/BC_header_desktop_strip-60597b05e33e474c356ff089fd1ff9fa.jpg);
    background-size: contain !important;
    background-position: center right !important;
  }
}

.m-great-campaign-sticky-header {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #ffc288;
  background-image: radial-gradient(circle, #ffe49e 30%, #ffc288 95%);
  background-position: center left, center right;
  background-size: contain, contain;
  background-repeat: no-repeat, no-repeat;
}

@media screen and (min-width: 1000px) {
  .m-great-campaign-sticky-header {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/bc/CDP-header-large-shorter-be160fd1880a885833d30d5b236f95b6.jpg),radial-gradient(circle, #ffe49e 30%, #ffc288 63%);
    background-position: center right;
    background-size: contain;
  }
}

.m-great-campaign-sticky-header--fixed {
  position: fixed;
  top: 0;
  z-index: 1000;
}

.m-great-campaign-sticky-header__content {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  padding: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-great-campaign-sticky-header__content {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-great-campaign-sticky-header__content {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-great-campaign-sticky-header--animate {
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-name: slide-up-and-down;
  animation-fill-mode: forwards;
}

.bc-anchor-helper {
  display: block;
  position: relative;
  visibility: hidden;
  top: 0;
}

@media screen and (min-width: 680px) {
  .bc-anchor-helper {
    top: -76px;
  }
}

.m-grid {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: -12.25px;
}

.m-grid::before,
.m-grid::after {
  content: " ";
  display: table;
}

.m-grid::after {
  clear: both;
}

.m-grid__col {
  padding: 12.25px;
}

@media screen and (min-width: 480px) {
  .m-grid__col {
    float: left;
    width: 50%;
  }

  .m-grid__col:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 648px) {
  .m-grid__col {
    float: left;
    width: 33.33333%;
  }

  .m-grid__col:nth-child(2n+1) {
    clear: none;
  }

  .m-grid__col:nth-child(3n+1) {
    clear: left;
  }
}

@media screen and (min-width: 900px) {
  .m-grid__col {
    float: left;
    width: 25%;
  }

  .m-grid__col:nth-child(3n+1) {
    clear: none;
  }

  .m-grid__col:nth-child(4n+1) {
    clear: left;
  }
}

@media screen and (min-width: 1600px) {
  .m-grid {
    margin: -18.375px;
  }

  .m-grid__col {
    padding: 18.375px;
  }
}

.m-grid-educators {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: -30px -30px 0;
  max-width: 100vw;
}

@media screen and (min-width: 648px) {
  .m-grid-educators {
    justify-content: center;
  }
}

.m-grid-educators__col {
  width: 100%;
  padding: 30px 30px 0;
}

@media screen and (min-width: 648px) {
  .m-grid-educators__col {
    flex-basis: 290px;
    max-width: 290px;
  }

  .m-grid-educators__col .m-media-element {
    flex-direction: column;
  }
}

.m-grid-educators__col:only-of-type {
  flex-basis: auto;
  margin: auto;
  max-width: 30rem;
}

.m-grid-educators__col:only-of-type .m-media-element {
  flex-direction: row;
}

.m-grid-educators__col:only-of-type .m-media-element__image {
  margin-bottom: 0;
}

.m-grid-large {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: -18.375px;
}

.m-grid-large::before,
.m-grid-large::after {
  content: " ";
  display: table;
}

.m-grid-large::after {
  clear: both;
}

.m-grid-large__col {
  padding: 18.375px;
}

@media screen and (min-width: 900px) {
  .m-grid-large__col {
    float: left;
    width: 50%;
  }

  .m-grid-large__col:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 1280px) {
  .m-grid-large {
    margin: -24.5px;
  }

  .m-grid-large__col {
    padding: 24.5px;
  }
}

.m-headline {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  border-bottom: 1px solid #ededee;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-headline {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-headline {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-headline__label {
  color: #393b42;
  display: inline-block;
  padding-bottom: .6em;
  border-bottom: 1px solid #393b42;
  margin-bottom: -1px;
}

@media screen and (min-width: 480px) {
  .m-headline__label {
    padding-bottom: 10px;
  }
}

.m-headline__label-secondary {
  color: #727376;
  padding-bottom: .6em;
}

@media screen and (min-width: 480px) {
  .m-headline__label-secondary {
    display: inline-block;
    padding-left: 0.5em;
  }
}

@media screen and (max-width: 479px) {
  .m-headline--double .m-headline__label {
    border-bottom: 0;
  }
}

.m-heading-with-logo {
  display: flex;
  justify-content: space-between;
}

.m-heading-with-logo__text {
  margin: 0;
}

.m-heading-with-logo__logo {
  display: none;
  flex-shrink: 0;
  margin-left: 0.6rem;
}

@media screen and (min-width: 648px) {
  .m-heading-with-logo__logo {
    display: block;
  }
}

.m-hero {
  margin-bottom: 1.5rem;
}

.m-hero--after-copy {
  margin-top: 2rem;
}

.m-hero__caption-block {
  width: 100%;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-hero__caption-block {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-hero__caption-block {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-hero__copyright {
  float: right;
}

.m-hero__copyright p {
  margin-top: 0;
}

.m-hint {
  min-width: 220px;
  padding: 20px;
  border-style: solid;
  border-color: #fecb51;
  background-color: #fff;
  color: #3a343a;
  border-width: 2px;
}

.m-hint p {
  margin-top: 0;
}

.m-hint p:last-child {
  margin-bottom: 0;
}

.m-hint .a-button {
  display: block;
  margin: 0 auto;
}

.m-hint--floating {
  position: relative;
  background-color: rgba(255,255,255,0.95);
  border-width: 2px;
  z-index: 1000;
}

.m-hint--floating::before {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-color: #fecb51;
  border-width: 0;
}

.m-hint--floating::after {
  content: "";
  display: block;
  position: absolute;
  border-style: solid;
  border-color: #fff;
  border-radius: 50%;
  background-color: #fecb51;
}

.m-hint--floating::before {
  left: -2px;
  right: auto;
  top: -52px;
  bottom: auto;
  height: 50px;
  width: auto;
  border-width: 0 2px 0 0;
  z-index: 1002;
}

.m-hint--floating::after {
  left: -6px;
  right: auto;
  top: -57px;
  bottom: auto;
  width: 10px;
  height: 10px;
  border-width: 1px;
  z-index: 1001;
}

.m-hint--for-id-verified-badge {
  position: absolute;
  top: 0;
  right: 60px;
  min-width: 240px;
  text-align: left;
}

.m-hint--for-id-verified-badge:after {
  display: none;
}

.m-hint--for-id-verified-badge::before {
  top: 18px;
  bottom: auto;
  right: -22px;
  left: auto;
  width: 20px;
  height: auto;
  border-width: 2px 0 0;
}

.m-hint--for-id-verified-badge::after {
  top: 14px;
  bottom: auto;
  right: -27px;
  left: auto;
}

@media screen and (min-width: 680px) {
  .m-hint--for-id-verified-badge {
    right: 80px;
  }

  .m-hint--for-id-verified-badge::before {
    top: 28px;
    bottom: auto;
    right: -22px;
    left: auto;
    width: 20px;
    height: auto;
    border-width: 2px 0 0;
  }

  .m-hint--for-id-verified-badge::after {
    top: 24px;
    bottom: auto;
    right: -27px;
    left: auto;
  }
}

.m-hint--for-bookmarks {
  margin-bottom: 28px;
}

.m-hint--fade-in {
  animation: simple-fade-in .3s ease 0s 1 normal forwards;
}

.m-hint.m-hint--fade-out {
  animation: fadeout .3s ease 0s 1 normal forwards;
  transform: translateY(0);
}

.m-hint.m-hint--hidden {
  display: none;
}

.m-hint--for-cloze {
  position: absolute;
  width: 288px;
  right: 0;
  left: 0;
  margin: auto;
  padding-right: 30px;
  top: 0;
  animation: simple-fade-in 0.2s ease-in forwards;
  transform: translateY(0);
}

.m-hint--for-cloze ul {
  padding-left: 20px;
}

.m-hint--for-cloze ul,
.m-hint--for-cloze p {
  margin: 0 0 1em;
}

.m-hint--for-cloze ul,
.m-hint--for-cloze li,
.m-hint--for-cloze p {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-hint--for-cloze ul,
  .m-hint--for-cloze li,
  .m-hint--for-cloze p {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-hint--for-cloze ul,
  .m-hint--for-cloze li,
  .m-hint--for-cloze p {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-hint--for-cloze::before {
  right: 141px;
  left: auto;
  bottom: -22px;
  top: auto;
  height: 20px;
  width: auto;
  border-width: 0 2px 0 0;
}

.m-hint--for-cloze::after {
  right: 137px;
  left: auto;
  bottom: -27px;
  top: auto;
}

.m-hint--for-cloze:before,
.m-hint--for-cloze:after {
  display: none;
}

@media screen and (min-width: 900px) {
  .m-hint--for-cloze {
    bottom: 175%;
    top: auto;
    left: auto;
    right: -144px;
  }

  .m-hint--for-cloze:before {
    display: block;
    animation-duration: .2s;
  }
}

.m-hint--for-hint-icon {
  position: absolute;
  width: 288px;
  padding-right: 30px;
  top: 44px;
  right: -135px;
}

.m-hint--for-hint-icon::before {
  right: 141px;
  left: auto;
  top: -22px;
  bottom: auto;
  height: 20px;
  width: auto;
  border-width: 0 2px 0 0;
}

.m-hint--for-hint-icon::after {
  right: 137px;
  left: auto;
  top: -27px;
  bottom: auto;
}

.m-hint--for-hint-icon:after {
  display: none;
}

.m-hint--for-hint-icon:before {
  display: block;
}

.no-js .m-hint--for-hint-icon:target {
  display: block;
}

.m-hint--for-hint-icon .m-hint__dismiss {
  top: 0;
}

.m-hint__dismiss {
  padding: 0;
  background: none;
  border: 0;
  position: absolute;
  top: -15px;
  right: 10px;
}

.m-hint__dismiss .a-svg-icon {
  width: 12px;
  height: 12px;
  color: #3a343a;
  transition: color linear 0.4s;
}

.m-hint__dismiss .a-svg-icon:hover {
  color: #2541fc;
}

.m-hint--for-comment-data-sharing {
  position: absolute;
  width: 288px;
  margin: auto;
  padding-right: 30px;
  top: 52px;
  right: -188px;
}

.m-hint--for-comment-data-sharing:after {
  display: none;
}

.m-hint--for-comment-data-sharing:before {
  display: block;
}

.m-hint--for-comment-data-sharing p {
  margin: 0 0 1em;
}

.m-hint--for-comment-data-sharing p {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-hint--for-comment-data-sharing p {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-hint--for-comment-data-sharing p {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-hint--for-comment-data-sharing::before {
  left: 88px;
  right: auto;
  top: -32px;
  bottom: auto;
  height: 30px;
  width: auto;
  border-width: 0 2px 0 0;
}

.m-hint--for-comment-data-sharing::after {
  left: 84px;
  right: auto;
  top: -37px;
  bottom: auto;
}

.m-hint--for-comment-data-sharing button {
  top: 0;
}

.m-hint-group {
  position: relative;
  display: inline-block;
}

.m-icon-button {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition-property: background-color, color, border-color;
  transition-timing-function: linear;
  transition-duration: 0.4s;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  display: inline-block;
  max-width: 6em;
  margin-left: .5em;
  margin-right: .5em;
  text-align: center;
  vertical-align: top;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-icon-button {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-icon-button {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 900px) {
  .m-icon-button {
    margin-left: 1em;
    margin-right: 1em;
  }
}

.m-icon-button__text {
  display: block;
}

.m-icon-button--even {
  width: 6em;
}

.m-icon-with-text-group {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

@media screen and (min-width: 1280px) {
  .m-icon-with-text-group {
    flex-direction: row;
    padding-top: 6px;
  }

  .m-icon-with-text-group .m-icon-with-text:not(:last-child) {
    margin-right: 0.6rem;
  }
}

@media screen and (min-width: 1280px) {
  .m-icon-with-text-group--seperators .m-icon-with-text:not(:last-child):after {
    display: inline;
    color: #cacacc;
    content: '|';
    font-weight: 300;
    margin-left: 0.3rem;
  }
}

.no-js .m-icon-with-text-group--seperators .m-icon-with-text:after {
  content: none;
}

.m-icon-with-text .a-svg-icon {
  display: inline-block;
  width: 1.26em;
  height: auto;
  max-height: 1.28em;
  vertical-align: middle;
}

.m-icon-with-text .a-svg-icon.a-svg-icon--chevron-down {
  transition: transform ease-out 0.3s;
}

.m-icon-with-text--black .a-svg-icon {
  color: #3a343a;
}

.m-icon-with-text--black:hover .a-svg-icon {
  color: #2541fc;
}

.m-icon-with-text--pink .a-svg-icon {
  color: #de00a5;
}

.m-icon-with-text--pink:hover .a-svg-icon {
  color: #2541fc;
}

.m-icon-with-text__text,
.m-icon-with-text--smaller-text {
  display: inline-block;
  padding-top: 2px;
  padding-left: 2px;
  vertical-align: middle;
  font-weight: bold;
}

.m-icon-with-text--smaller-text {
  vertical-align: text-bottom;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  padding-left: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-icon-with-text--smaller-text {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-icon-with-text--smaller-text {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-icon-with-text--arrow-left .a-svg-icon.a-svg-icon--chevron-down {
  transform: rotate(90deg);
  margin-top: -2px;
}

.m-icon-with-text--heading-action {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  display: inline-block;
  margin-left: 1em;
  transform: translateY(-0.2em);
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-icon-with-text--heading-action {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-icon-with-text--heading-action {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-icon-with-text--heading-action .a-svg-icon--edit {
  width: 1em;
}

.m-icon-with-text--table-action {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-top: 3px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-icon-with-text--table-action {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-icon-with-text--table-action {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-icon-with-text--table-action .a-svg-icon {
  width: 1em;
}

.m-icon-with-text--table-action .a-svg-icon--cross {
  width: 0.8em;
}

@media screen and (max-width: 679px) {
  .m-icon-with-text--minimal .a-icon+.m-icon-with-text__text,
  .m-icon-with-text--minimal .a-icon+.m-icon-with-text--smaller-text {
    display: none;
  }

  .m-icon-with-text--minimal .a-svg-icon+.m-icon-with-text__text,
  .m-icon-with-text--minimal .a-svg-icon+.m-icon-with-text--smaller-text {
    display: none;
  }
}

.m-icon-with-text--toggle {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  display: block;
  margin: 1em;
  cursor: pointer;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-icon-with-text--toggle {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-icon-with-text--toggle {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-icon-with-text--toggle svg {
  transition: transform ease-out 0.3s;
}

.m-icon-with-text--active {
  color: #2541fc !important;
}

.m-icon-with-text--active:focus {
  outline: 0;
}

.m-icon-with-text--active .a-svg-icon.a-svg-icon--chevron-down {
  transform: rotate(180deg);
}

.m-icon-with-text--bookended {
  display: inline-block;
}

.m-icon-with-text--large {
  display: block;
  padding: 0;
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  font-weight: bold;
  border: 0;
  background: none;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-icon-with-text--large {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-icon-with-text--large {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-icon-with-text--large:hover .a-svg-icon {
  color: #2541fc;
}

.m-icon-with-text--small {
  padding: 0;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  border: 0;
  background: none;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-icon-with-text--small {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-icon-with-text--small {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-icon-with-text--small .m-icon-with-text__text,
.m-icon-with-text--small .m-icon-with-text--smaller-text {
  vertical-align: baseline;
}

.m-icon-with-text--comments {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-icon-with-text--comments {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-icon-with-text--comments {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-icon-with-text--comments .a-svg-icon {
  margin-right: 0.2em;
}

.m-icon-with-text--comments-top {
  display: inline-block;
}

.m-icon-with-text--discussion .a-svg-icon {
  vertical-align: sub;
  margin-right: 0.2rem;
}

.m-item-title-group {
  font-size: inherit;
  line-height: inherit;
}

.m-item-title-group__item {
  font-size: inherit;
  line-height: inherit;
  margin: .5em 0;
}

.m-info-block p {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-info-block p {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-info-block p {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-info-block,
.m-info-block h3 {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-info-block,
  .m-info-block h3 {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-info-block,
  .m-info-block h3 {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-info-block--compact,
.m-info-block--compact h3,
.m-info-block--compact p {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-info-block--compact,
  .m-info-block--compact h3,
  .m-info-block--compact p {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-info-block--compact,
  .m-info-block--compact h3,
  .m-info-block--compact p {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-info-block__header--double {
  display: inline;
}

.m-info-block__header--double .follow-button form {
  font-weight: bold;
  display: inline;
}

.m-info-block__title {
  margin: 0;
  display: inherit;
  margin-right: 5px;
}

.a-section--premium .m-info-block__title {
  letter-spacing: 0.025em;
}

.m-info-block__body p {
  margin-top: 0.5em;
  margin-bottom: 0;
}

.m-info-block--compact .m-info-block__body p {
  margin-top: 0;
}

.m-info-block__action {
  display: inline-block;
}

.m-key-notice {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  padding: .7em 0;
  border-top: 1px solid #ededee;
  border-bottom: 1px solid #ededee;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-key-notice {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-key-notice {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-key-notice__icon {
  margin-left: .7em;
  margin-right: .7em;
}

.m-key-notice__icon .a-svg-icon {
  height: 2rem;
  width: auto;
}

.m-key-notice--purple-icon .a-svg-icon path,
.m-key-notice--purple-icon .a-svg-icon polygon {
  fill: #8700cd;
  stroke: #8700cd;
}

.m-learner-portfolio__page-header {
  background-color: #8700cd;
  background-image: linear-gradient(to bottom, #8700cd, #de00a5);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8700cd', endColorstr='#de00a5', GradientType=1)";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8700cd', endColorstr='#de00a5',GradientType=1)";
  height: 350px;
  margin-top: 0;
  padding: 50px 0;
  color: #fff;
  text-align: center;
}

.m-learner-portfolio__page-header .a-svg-icon--portfolio {
  width: 100px;
  height: 100px;
}

.m-learner-portfolio__page-header h1 {
  font-weight: normal;
}

.m-learner-portfolio__content {
  margin-top: -100px;
  padding: 25px;
}

@media screen and (min-width: 680px) {
  .m-learner-portfolio__content {
    padding: 50px;
  }
}

.m-learner-portfolio__deadline,
.m-learner-portfolio__submitted-date,
.m-learner-portfolio__sharing-status {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-learner-portfolio__deadline,
  .m-learner-portfolio__submitted-date,
  .m-learner-portfolio__sharing-status {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-learner-portfolio__deadline,
  .m-learner-portfolio__submitted-date,
  .m-learner-portfolio__sharing-status {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-learner-portfolio__sharing {
  display: flex;
  flex-direction: column;
}

.m-learner-portfolio__sharing .m-learner-portfolio__sharing-url {
  float: none;
  margin: 8px auto 0 auto;
  margin-bottom: 1.5rem;
  color: #727376;
  max-width: none;
}

@media screen and (min-width: 480px) {
  .m-learner-portfolio__sharing .m-learner-portfolio__sharing-url {
    max-width: 300px;
  }
}

.m-learner-portfolio__tasks {
  padding-top: 10px;
}

.m-learner-portfolio__tasks .a-stepnumber {
  margin: -10px 10px 0 0;
}

@media screen and (min-width: 680px) {
  .m-learner-portfolio__tasks .a-stepnumber {
    margin-right: 20px;
  }
}

.m-learner-portfolio__task,
.m-learner-portfolio__section {
  background-color: #fafafa;
  margin-bottom: 1em;
}

.m-learner-portfolio__section-header {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  color: #4a4d55;
  width: 100%;
  font-weight: bold;
  margin-top: -10px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-learner-portfolio__section-header {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-learner-portfolio__section-header {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) {
  .m-learner-portfolio__section-header {
    margin-top: -15px;
  }
}

.m-learner-portfolio__task-header {
  width: 100%;
  display: flex;
  font-weight: bold;
}

.m-learner-portfolio__run-title {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
  color: #4a4d55;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-learner-portfolio__run-title {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-learner-portfolio__run-title {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-learner-portfolio__task-title {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #de00a5;
  width: 80%;
  margin-top: -10px;
  margin-left: 10px;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-learner-portfolio__task-title {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-learner-portfolio__task-title {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) {
  .m-learner-portfolio__task-title {
    margin-top: -15px;
  }
}

.m-learner-portfolio__task-body p,
.m-learner-portfolio__section-body p {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-learner-portfolio__task-body p,
  .m-learner-portfolio__section-body p {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-learner-portfolio__task-body p,
  .m-learner-portfolio__section-body p {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-learner-portfolio__link {
  text-align: right;
  margin-top: -20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.m-landscape-card {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-landscape-card {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-landscape-card {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) {
  .m-landscape-card {
    flex-direction: row;
    font-size: 16px;
    font-size: .8888rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) and (min-width: 680px) and (max-width: 1694px) {
  .m-landscape-card {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) and (min-width: 1695px) {
  .m-landscape-card {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1280px) {
  .m-landscape-card {
    font-size: 18px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) and (max-width: 1694px) {
  .m-landscape-card {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1695px) {
  .m-landscape-card {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-landscape-card__image {
  min-width: 50%;
  min-height: 150px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateZ(0) rotate(0.001deg);
  transition: transform 0.4s;
}

.m-landscape-card__image--highlight {
  transform: translateZ(0) rotate(0.001deg) scale(1.025);
}

.m-landscape-card__title {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-landscape-card__title {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-landscape-card__title {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) {
  .m-landscape-card__title {
    margin-top: 0.25em;
  }
}

@media screen and (min-width: 1280px) {
  .m-landscape-card__title {
    font-size: 22.5px;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) and (max-width: 1694px) {
  .m-landscape-card__title {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1695px) {
  .m-landscape-card__title {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.m-landscape-card__content {
  padding: 1em;
  background-color: #fafafa;
  transition: background-color 0.4s;
  z-index: 1;
}

@media screen and (min-width: 648px) {
  .m-landscape-card__content {
    padding: 1.5em;
  }
}

.m-landscape-card__content--highlight {
  background-color: #ededee;
}

.m-landscape-card__label .a-item-title {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-landscape-card__label .a-item-title {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-landscape-card__label .a-item-title {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) {
  .m-landscape-card__label .a-item-title {
    font-size: 14px;
    font-size: .7777rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) and (min-width: 680px) and (max-width: 1694px) {
  .m-landscape-card__label .a-item-title {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) and (min-width: 1695px) {
  .m-landscape-card__label .a-item-title {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1280px) {
  .m-landscape-card__label .a-item-title {
    font-size: 16px;
    font-size: .8888rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) and (max-width: 1694px) {
  .m-landscape-card__label .a-item-title {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1695px) {
  .m-landscape-card__label .a-item-title {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-landscape-card__options {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 1em 0;
}

@media screen and (min-width: 648px) {
  .m-landscape-card__options {
    padding: 1em 0;
  }
}

@media screen and (min-width: 1280px) {
  .m-landscape-card__options {
    padding: 1.5em 0;
  }
}

.m-landscape-card__metadata-item {
  display: flex;
  flex-direction: row;
  padding-right: 1em;
}

@media screen and (max-width: 286px) {
  .m-landscape-card__metadata-item {
    margin-bottom: 0.6em;
  }

  .m-landscape-card__metadata-item:last-child {
    margin-bottom: 0;
  }
}

.m-landscape-card__metadata-icon {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  color: #cacacc;
  padding-right: 0.3em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-landscape-card__metadata-icon {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-landscape-card__metadata-icon {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-landscape-card__metadata-icon>*,
.m-landscape-card__metadata-icon>div>* {
  height: 1em;
  width: 1em;
}

@media screen and (min-width: 648px) {
  .m-landscape-card__metadata-icon {
    font-size: 18px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) and (min-width: 680px) and (max-width: 1694px) {
  .m-landscape-card__metadata-icon {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) and (min-width: 1695px) {
  .m-landscape-card__metadata-icon {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1280px) {
  .m-landscape-card__metadata-icon {
    font-size: 22.5px;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) and (max-width: 1694px) {
  .m-landscape-card__metadata-icon {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1695px) {
  .m-landscape-card__metadata-icon {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.m-landscape-card__metadata-label {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  color: #4a4d55;
  font-weight: bold;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-landscape-card__metadata-label {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-landscape-card__metadata-label {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) {
  .m-landscape-card__metadata-label {
    font-size: 14px;
    font-size: .7777rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) and (min-width: 680px) and (max-width: 1694px) {
  .m-landscape-card__metadata-label {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) and (min-width: 1695px) {
  .m-landscape-card__metadata-label {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1280px) {
  .m-landscape-card__metadata-label {
    font-size: 16px;
    font-size: .8888rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1280px) and (min-width: 680px) and (max-width: 1694px) {
  .m-landscape-card__metadata-label {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1280px) and (min-width: 1695px) {
  .m-landscape-card__metadata-label {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-link-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.m-link-list__item {
  padding: .5em 0;
}

.m-link-list--search-results h3 {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 0.4rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-link-list--search-results h3 {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-link-list--search-results h3 {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-link-list--search-results h3 a {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  color: #de00a5;
}

.m-link-list--search-results h3 a:active,
.m-link-list--search-results h3 a:hover {
  outline: 0;
}

.m-link-list--search-results h3 a:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .m-link-list--search-results h3 a:focus {
  outline: none;
}

.m-link-list--search-results h3 a:hover {
  color: #2541fc;
}

.m-link-list--search-results p {
  font-size: inherit;
  margin: 0.4rem 0 0;
}

.m-link-list--search-results a {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  color: #4a4d55;
  color: #727376;
}

.m-link-list--search-results a:active,
.m-link-list--search-results a:hover {
  outline: 0;
}

.m-link-list--search-results a:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .m-link-list--search-results a:focus {
  outline: none;
}

.m-link-list--search-results a:hover {
  color: #2541fc;
}

.a-section--premium .m-link-list--search-results a {
  color: #fff;
}

.m-link-list--search-results .m-link-list__item {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin-top: 0.3em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-link-list--search-results .m-link-list__item {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-link-list--search-results .m-link-list__item {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) {
  .m-link-list--search-results .m-link-list__item {
    display: flex;
  }
}

.m-list-grid {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: -29.4px;
  margin-bottom: 0;
  max-width: 100vw;
}

.m-list-grid::before,
.m-list-grid::after {
  content: " ";
  display: table;
}

.m-list-grid::after {
  clear: both;
}

.m-list-grid__col {
  padding: 29.4px;
  margin-bottom: 0;
  padding-bottom: 0;
}

@media screen and (min-width: 900px) {
  .m-list-grid__col {
    float: left;
    width: 50%;
  }

  .m-list-grid__col:nth-child(1n+1) {
    clear: none;
  }

  .m-list-grid__col:nth-child(2n+1) {
    clear: left;
  }
}

@media screen and (min-width: 648px) {
  .m-list-grid__col--medium {
    float: left;
    width: 50%;
  }

  .m-list-grid__col--medium:nth-child(1n+1) {
    clear: none;
  }

  .m-list-grid__col--medium:nth-child(2n+1) {
    clear: left;
  }
}

.m-list-grid.m-list-grid--comparison {
  margin: 0;
}

.m-list-grid.m-list-grid--comparison li {
  margin-bottom: 0.75rem;
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-list-grid.m-list-grid--comparison li {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-list-grid.m-list-grid--comparison li {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-list-grid.m-list-grid--comparison .a-svg-icon--tick {
  color: #3a343a;
}

.m-list-grid.m-list-grid--comparison .a-svg-icon--cross {
  color: #cacacc;
}

.m-list-with-icon {
  display: flex;
  align-items: flex-start;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-list-with-icon {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-list-with-icon {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-list-with-icon .a-svg-icon {
  flex: 0 0 20px;
  margin-right: 0.5rem;
  margin-top: 0.15rem;
  width: auto;
  height: 20px;
}

.m-list-with-icon__text {
  -ms-flex: 0 1 100%;
}

.m-list-with-icon--highlighted .a-svg-icon {
  color: #de00a5;
}

.m-list-with-icon--gold .a-svg-icon {
  color: #ffaa54;
}

.m-list-with-icon--centered {
  justify-content: center;
}

.m-list-with-icon--small {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-list-with-icon--small {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-list-with-icon--small {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-list-with-icon--small .a-svg-icon {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.m-list-with-icon--large {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-list-with-icon--large {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-list-with-icon--large {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.m-list-with-icon--large .a-svg-icon {
  flex: 0 0 22px;
  height: 24px;
}

.m-list-with-icon-group {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 1.5rem;
}

.m-logo-roster {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.m-logo-roster .m-logo-roster__member {
  margin-bottom: 1em;
}

.m-logo-roster .m-logo-roster__member:last-child {
  margin-bottom: 0;
}

.m-logo-roster__member {
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
  text-align: center;
}

.m-logo-roster__member .a-item-title {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-logo-roster__member .a-item-title {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-logo-roster__member .a-item-title {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-logo-roster__member .a-standard-org-logo {
  padding-top: 0;
  margin-top: auto;
  border: 0;
}

@media screen and (min-width: 680px) {
  .m-logo-roster .m-logo-roster__member:last-child {
    margin-bottom: 1em;
  }

  .m-logo-roster__member {
    flex-basis: 0;
    flex: 0 1 auto;
    text-align: left;
  }

  .m-logo-roster__member .a-item-title {
    padding-left: 15px;
  }

  .m-logo-roster__member:only-child {
    text-align: center;
  }

  .m-logo-roster__member:only-child .a-item-title {
    padding: 0;
  }
}

.m-main-nav {
  position: relative;
}

.m-main-nav .a-menu-burger {
  padding-top: 0.6em;
}

.m-main-nav__submenu-panel {
  display: none;
  overflow: hidden;
  padding: 0 16px;
}

.m-main-nav__submenu-heading--active+.m-main-nav__submenu-panel {
  display: block;
}

.m-main-nav__submenu-heading {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-main-nav__submenu-heading {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-main-nav__submenu-heading {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-main-nav__logo-container {
  display: flex;
  align-items: center;
  min-height: 76px;
}

.m-main-nav__logo-link {
  padding: 16px;
}

.m-main-nav__logo-img {
  display: block;
  width: 80px;
  height: 28px;
}

.m-main-nav__tools {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.2rem 1rem;
}

.m-main-nav__signin {
  display: flex;
  align-items: center;
  margin-left: 0.75rem;
}

.m-main-nav .m-course-search {
  display: none;
  width: 15rem;
}

@media (min-width: 1120px) {
  .m-main-nav .m-course-search {
    display: block;
  }
}

.m-main-nav .m-main-nav__search-link {
  display: flex;
  max-height: 2rem;
  color: #3a343a;
}

.m-main-nav .m-main-nav__search-link:hover,
.m-main-nav .m-main-nav__search-link.is-open {
  color: #2541fc;
}

@media (min-width: 1120px) {
  .m-main-nav .m-main-nav__search-link {
    display: none;
  }
}

.m-main-nav .a-avatar {
  width: 2rem;
  height: 2rem;
}

.m-main-nav .a-avatar .a-avatar__initials {
  line-height: 2rem;
}

@media screen and (max-width: 899px) {
  .m-main-nav .a-content {
    margin: 0.8em auto;
  }

  .m-main-nav__submenu-heading {
    display: none;
    border-bottom: solid 1px #fff;
    margin: 0 0 1px;
  }

  [data-active-menu=navigation] .m-main-nav__submenu-heading {
    display: block;
  }

  .m-main-nav__submenu-heading:first-of-type,
  .m-main-nav__submenu-heading--active+.m-main-nav__submenu-panel+.m-main-nav__submenu-heading {
    border-top: solid 1px #ededee;
  }

  .m-main-nav__submenu-heading:last-of-type,
  .m-main-nav__submenu-heading--active {
    border-bottom-color: #ededee;
  }
}

@media screen and (min-width: 900px) {
  .m-main-nav .a-menu-burger {
    display: none;
  }

  .no-js .m-main-nav .a-arrow-toggle__handle {
    visibility: hidden;
  }

  .m-main-nav__inner {
    display: flex;
    flex-wrap: wrap;
  }

  .m-main-nav__logo-container {
    min-width: 160px;
  }
}

@media screen and (min-width: 900px) and (min-width: 900px) {
  .m-main-nav__logo-container {
    width: calc((100vw - 1167.71704px) / 2 - 8px - 1rem);
  }
}

@media screen and (min-width: 900px) {
  .m-main-nav__logo-img {
    width: 115px;
    height: 40px;
  }

  .m-main-nav__submenu-heading {
    margin: 0;
    padding: 0;
  }

  .m-main-nav__submenu-panel {
    background-color: #fafafa;
    border-top: solid 1px #ededee;
    border-bottom: solid 1px #ededee;
    flex-basis: 100%;
    order: 1;
  }
}

.m-main-nav--inverse {
  background-color: #fafafa;
}

.m-main-nav--inverse .m-main-nav__submenu-panel {
  background-color: #fff;
}

@media screen and (min-width: 900px) {
  .m-main-nav--inverse .m-main-nav__submenu-heading--active .a-arrow-toggle--submenu-item {
    background-color: #fff;
  }
}

.m-marketing-leads {
  transition: all 0.4s;
}

.m-marketing-leads.is-focussed:focus {
  background-color: #fecb51;
  outline: none;
}

@media screen and (min-width: 680px) {
  .marketing-leads__email-field {
    width: 100%;
  }
}

label.m-marketing-leads__error {
  width: 100%;
}

.m-media-element {
  display: flex;
}

.m-media-element::before,
.m-media-element::after {
  content: " ";
  display: table;
}

.m-media-element::after {
  clear: both;
}

.m-media-element__image {
  flex-shrink: 0;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1em;
}

.m-media-element__body {
  overflow: hidden;
}

.m-media-element--compact {
  display: block;
  margin-bottom: 0;
}

.m-media-element--compact .m-media-element__image {
  margin-right: 16px;
}

.m-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.m-menu__item {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  border-bottom: 1px solid #ededee;
  font-weight: bold;
  margin-bottom: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-menu__item {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-menu__item {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-menu__item:last-child {
  border-bottom: 0;
}

.a-menu-burger,
.m-menu__burger {
  background-color: transparent;
  border: 0;
  display: inline-block;
  margin-right: 5px;
  padding: 1px 0 0 0.6em;
  position: relative;
  top: -1px;
  width: calc(24px + 0.6em);
  z-index: 100;
  vertical-align: middle;
}

.a-menu-burger span,
.a-menu-burger:before,
.a-menu-burger:after,
.m-menu__burger span,
.m-menu__burger:before,
.m-menu__burger:after {
  border-radius: 1px;
  display: block;
  margin-bottom: 5px;
  width: 100%;
  height: 2px;
  padding-top: 2px;
  background-color: #4a4d55;
  transition: all 0.3s ease-in;
}

.a-menu-burger span,
.m-menu__burger span {
  overflow: hidden;
}

.a-menu-burger:before,
.a-menu-burger:after,
.m-menu__burger:before,
.m-menu__burger:after {
  content: "";
}

.a-menu-burger:focus span,
.a-menu-burger:focus:before,
.a-menu-burger:focus:after,
.m-menu__burger:focus span,
.m-menu__burger:focus:before,
.m-menu__burger:focus:after {
  background-color: #2541fc;
}

@media screen and (min-width: 1280px) {
  .m-menu__burger {
    display: none;
  }
}

.a-menu-burger[aria-pressed=true] span,
.m-menu__burger.is-open span {
  opacity: 0;
}

.a-menu-burger[aria-pressed=true]:before,
.m-menu__burger.is-open:before {
  transform: translateY(8px) rotate(45deg);
}

.a-menu-burger[aria-pressed=true]:after,
.m-menu__burger.is-open:after {
  transform: translateY(-6px) rotate(-45deg);
}

.m-menu--main {
  overflow-y: hidden;
}

.js .m-menu--main {
  display: none;
}

@media screen and (min-width: 1280px) {
  .m-menu--main .m-menu__item:first-child {
    border-top: 1px solid #ededee;
  }
}

@media screen and (min-width: 1280px) {
  .m-menu--main {
    margin-top: 5px;
  }

  .js .m-menu--main {
    display: block !important;
  }
}

@media screen and (min-width: 680px) {
  .m-menu--main {
    text-align: center;
  }

  .m-menu--main .m-menu__item {
    font-size: 16px;
    font-size: .8888rem;
    line-height: 1.5;
    display: inline-block;
    border-bottom: 0;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) and (max-width: 1694px) {
  .m-menu--main .m-menu__item {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) and (min-width: 1695px) {
  .m-menu--main .m-menu__item {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) {
  .m-menu--main .a-block-button {
    padding: .8em;
    margin: .6em 0;
  }
}

.m-menu--discovery .m-menu__item {
  border: 0;
  font-size: inherit;
  font-weight: inherit;
}

.m-menu--discovery .a-block-button {
  padding: 0.2em 0;
  text-align: inherit;
}

@media screen and (min-width: 680px) {
  .m-menu--discovery .a-block-button {
    font-size: 14px;
    font-size: .7777rem;
    line-height: 1.5;
    padding: 0.6em 0;
  }
}

@media screen and (min-width: 680px) and (min-width: 680px) and (max-width: 1694px) {
  .m-menu--discovery .a-block-button {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 680px) and (min-width: 1695px) {
  .m-menu--discovery .a-block-button {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 750px) {
  .m-menu--discovery .a-block-button {
    font-size: 18px;
    font-size: 1rem;
    line-height: 1.5;
    padding: 0;
  }
}

@media screen and (min-width: 750px) and (min-width: 680px) and (max-width: 1694px) {
  .m-menu--discovery .a-block-button {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 750px) and (min-width: 1695px) {
  .m-menu--discovery .a-block-button {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-menu--admin-section-nav {
  border-top: 1px solid #ededee;
  margin-top: 0;
  width: 100%;
}

@media screen and (min-width: 1280px) {
  .m-menu--admin-section-nav {
    border-top: 0;
    width: auto;
  }
}

.m-menu__burger--admin-section-nav {
  align-self: center;
  top: 2px;
  margin-right: 1.4em;
}

.m-key-info {
  margin: 0;
  padding: 0;
  list-style: none;
}

.m-key-info>* {
  margin: 1.5rem 0;
}

.m-key-info__item {
  display: flex;
}

.m-key-info__item--separator {
  display: none;
}

.m-key-info__item .a-item-title {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-key-info__item .a-item-title {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-key-info__item .a-item-title {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-key-info__content {
  font-weight: bold;
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-key-info__content {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-key-info__content {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 899px) {
  .m-key-info__content::before {
    content: ' : ';
    font-weight: normal;
  }
}

.m-key-info__icon {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #727376;
  padding-right: .5em;
  display: flex;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-key-info__icon {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-key-info__icon {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.m-key-info__icon>*,
.m-key-info__icon>div>* {
  height: 1em;
  width: 1em;
}

.m-key-info__source {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-bottom: 1.2em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-key-info__source {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-key-info__source {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-key-info__link {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin-left: .5em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-key-info__link {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-key-info__link {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 900px) {
  .m-key-info {
    display: flex;
  }

  .m-key-info--overlap {
    background-color: #fff;
    padding: 0.75rem 2rem;
    margin-top: -3rem;
  }

  .m-key-info--overlap .m-key-info__item {
    justify-content: center;
  }

  .m-key-info--overlap .m-key-info__item--separator {
    flex: 0;
  }

  .m-key-info__item {
    padding: 0 1em;
    flex-grow: 1;
  }

  .m-key-info__item:first-child {
    padding-left: 0;
  }

  .m-key-info__item--separator {
    border-left: solid 1px #cacacc;
    display: flex;
    max-height: 2em;
    padding: 0;
  }

  .m-key-info__item--separator:last-child {
    display: none;
  }

  .m-key-info__item-text {
    display: flex;
    flex-direction: column;
  }

  .m-key-info__icon {
    font-size: 22.5px;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 900px) and (min-width: 680px) and (max-width: 1694px) {
  .m-key-info__icon {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 900px) and (min-width: 1695px) {
  .m-key-info__icon {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 900px) {
  .m-key-info__link {
    margin: 0;
  }
}

@media screen and (min-width: 1600px) {
  .m-key-info__source {
    position: absolute;
    right: 0;
    top: 0;
    width: 10%;
    margin: 1.5rem;
  }
}

.m-key-info--large .m-key-info__item .a-item-title {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-key-info--large .m-key-info__item .a-item-title {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-key-info--large .m-key-info__item .a-item-title {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-key-info--large .m-key-info__content {
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-key-info--large .m-key-info__content {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .m-key-info--large .m-key-info__content {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.m-key-info--large .m-key-info__item--separator {
  max-height: none;
}

.is-blurred {
  filter: blur(8px);
}

.m-modal {
  background: #fff;
  border: solid 1px #fecb51;
  padding: 16px;
  z-index: 1001;
  margin: 1em;
}

.js .m-modal {
  position: absolute;
  top: 4vh;
}

.m-modal p {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  color: #393b42;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-modal p {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-modal p {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) {
  .m-modal {
    padding: 2em 2em 1.25em;
    margin: 1em auto;
  }

  .js .m-modal {
    top: 8vh;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0;
  }

  .m-modal p {
    font-size: 16px;
    font-size: .8888rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) and (min-width: 680px) and (max-width: 1694px) {
  .m-modal p {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) and (min-width: 1695px) {
  .m-modal p {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-modal__heading {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-modal__heading {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-modal__heading {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.m-modal__action {
  cursor: pointer;
}

@media screen and (max-width: 479px) {
  .m-modal__action {
    width: 100%;
  }
}

.m-microsurvey {
  display: flex;
  flex-direction: column;
  width: 80%;
  margin: 0 auto;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-microsurvey {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-microsurvey {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 679px) {
  .m-microsurvey {
    width: 100%;
  }

  .m-microsurvey .m-button-group__secondary {
    padding-left: 0;
  }
}

.m-microsurvey--wide {
  width: 100%;
}

.m-microsurvey__question {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (min-width: 680px) {
  .m-microsurvey__question {
    flex-direction: row;
    margin-bottom: 1em;
  }
}

.m-microsurvey__icons {
  display: flex;
  flex-direction: row;
  margin-top: 1em;
}

@media screen and (max-width: 679px) {
  .m-microsurvey__icons .a-radio-button:first-child .a-radio-button__label {
    padding-left: 0;
  }
}

.m-microsurvey__icons .a-svg-icon:hover {
  color: #2541fc;
}

.m-microsurvey__icons input[type="radio"]:focus+.a-svg-icon {
  border: 1px solid #2541fc;
}

.m-microsurvey__icons input[type="radio"]:checked+.a-svg-icon {
  color: #2541fc;
}

.m-microsurvey__icons--bright .a-svg-icon {
  color: #de00a5;
}

.m-microsurvey__icons--centered {
  justify-content: center;
}

.m-microsurvey__animated-icon .a-svg-icon--sentiment-positive__smile,
.m-microsurvey__animated-icon .a-svg-icon--sentiment-positive__left-eye {
  transform-origin: center;
}

.m-microsurvey__animated-icon input[type="radio"]:focus+.a-svg-icon .a-svg-icon--sentiment-positive__smile {
  transform: rotate(16deg);
}

.m-microsurvey__animated-icon input[type="radio"]:focus+.a-svg-icon .a-svg-icon--sentiment-positive__left-eye {
  transform: scaleY(0.4);
}

.m-microsurvey__animated-icon .a-svg-icon--sentiment-negative__eye {
  transform: translateY(0);
  transform-origin: 0 55px;
}

.m-microsurvey__animated-icon .a-svg-icon--sentiment-negative__mouth {
  transform: translateY(0);
}

.m-microsurvey__animated-icon input[type="radio"]:focus+.a-svg-icon .a-svg-icon--sentiment-negative__mouth {
  transform: perspective(100px) translateY(5px);
}

.m-microsurvey__animated-icon input[type="radio"]:focus+.a-svg-icon .a-svg-icon--sentiment-negative__eye {
  transform: scaleY(0.4) translateY(20px);
}

.m-microsurvey__animated-icon .a-svg-icon--sentiment-neutral__mouth {
  transform-origin: 36px 60px;
}

.m-microsurvey__animated-icon input[type="radio"]:focus+.a-svg-icon .a-svg-icon--sentiment-neutral__mouth {
  transform: rotate(-8deg);
}

.m-program-block {
  background-color: #fafafa;
  margin-bottom: 1em;
  overflow: hidden;
}

.m-program-block .m-card-carousel__scroll-button svg {
  color: #de00a5;
}

.m-program-block__header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem 0;
}

.m-program-block__headline .a-item-title {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-program-block__headline .a-item-title {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-program-block__headline .a-item-title {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-program-block__heading {
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin: 0.5rem 0 0 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-program-block__heading {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .m-program-block__heading {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.m-program-block__heading>a {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  color: #3a343a;
}

.m-program-block__heading>a:active,
.m-program-block__heading>a:hover {
  outline: 0;
}

.m-program-block__heading>a:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .m-program-block__heading>a:focus {
  outline: none;
}

.m-program-block__heading>a:hover {
  color: #2541fc;
}

.m-program-block__heading-code {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: normal;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-program-block__heading-code {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-program-block__heading-code {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-program-block__counts {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-program-block__counts {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-program-block__counts {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-program-block__buttons {
  display: flex;
  flex-direction: column;
  margin-top: 0.75rem;
}

.m-program-block__buttons>.a-button {
  margin-bottom: 0.5rem;
}

.m-program-block__buttons>.a-button:last-child {
  margin: 0;
}

@media screen and (min-width: 480px) {
  .m-program-block__buttons {
    flex-direction: row;
    flex-shrink: 0;
  }

  .m-program-block__buttons>.a-button {
    margin-right: 0.75rem;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 648px) {
  .m-program-block__header {
    flex-direction: row;
    align-items: center;
  }

  .m-program-block__buttons {
    margin-left: 0.75rem;
    margin-top: 0;
  }
}

.m-options-panel {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  display: flex;
  border-top: 1px solid #ededee;
  border-bottom: 1px solid #ededee;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-options-panel {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-options-panel {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-options-panel__option {
  padding: 0 .6em;
  border-left: 1px solid #ededee;
  white-space: nowrap;
}

.m-options-panel__option:first-child {
  padding-left: 0;
  border-left: 0;
}

.m-options-panel__option:last-child {
  border-right: 0;
}

.m-options-panel__option .a-select-container {
  margin: 0;
  padding-right: 0;
}

.m-options-panel__option .a-select-container .a-input {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  display: inline-block;
  min-width: 75px;
  padding-right: 16px;
  border: 0;
  font-weight: bold;
  background-color: transparent;
  cursor: pointer;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-options-panel__option .a-select-container .a-input {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-options-panel__option .a-select-container .a-input {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-options-panel__option .a-select-container:after {
  margin-right: 0;
  right: 0;
}

.m-options-panel__label {
  display: inline-block;
  vertical-align: middle;
  color: #727376;
  font-size: inherit;
}

.m-options-panel__select {
  display: inline-block;
  vertical-align: middle;
}

.js .m-options-panel__submit {
  display: none;
}

.m-order-processing-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 101;
}

.m-order-processing-overlay div {
  color: #fff;
  position: relative;
}

.m-order-processing-overlay div p {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin-top: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-order-processing-overlay div p {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-order-processing-overlay div p {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-order-processing-overlay div .a-loader {
  display: block;
}

.m-order-processing-overlay div .a-loader .a-loader__ball {
  width: 10px;
  height: 10px;
}

.m-order-processing-overlay__background {
  background: #3a343a;
  opacity: 0.8;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

.m-page-footer--bordered {
  border-top: 1px solid #ededee;
}

@media screen and (max-width: 679px) {
  .m-page-footer__core {
    padding-bottom: 2em;
  }
}

.m-page-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: -12.25px;
}

.m-page-nav::before,
.m-page-nav::after {
  content: " ";
  display: table;
}

.m-page-nav::after {
  clear: both;
}

.m-page-nav__item {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  padding: 12.25px;
  text-align: center;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-page-nav__item {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-page-nav__item {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) {
  .m-page-nav__item {
    float: left;
    width: 50%;
  }

  .m-page-nav__item:nth-child(2n+1) {
    clear: left;
  }
}

.m-pagination {
  margin-bottom: 16px;
}

.m-pagination::before,
.m-pagination::after {
  content: " ";
  display: table;
}

.m-pagination::after {
  clear: both;
}

.m-pagination__link-list {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  margin-right: 18px;
}

.m-pagination__list-item {
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-pagination__list-item {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-pagination__list-item {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-pagination__list-item:nth-of-type(2):before {
  content: ' | ';
  display: inline-block;
  margin: 0 9px 0 8px;
  color: #de00a5;
}

.m-pagination__link {
  display: inline-block;
}

.m-pagination__link span {
  display: inline-block;
}

.m-pagination__icon {
  font-size: 40px;
  position: relative;
  top: 12px;
  display: inline-block;
  width: 10px;
}

.m-pagination__icon:before {
  display: inline-block;
}

.m-pagination__link .a-svg-icon--arrow {
  width: 15px;
  margin-top: 15px;
  vertical-align: -50%;
}

.m-pagination__link--previous .a-svg-icon--arrow {
  transform: rotate(180deg);
  margin-right: 7px;
}

.m-pagination__link--next .a-svg-icon--arrow {
  margin-left: 7px;
}

.m-pagination__page-list,
.m-pagination__page-number {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  line-height: 4.5em;
  text-align: center;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-pagination__page-list,
  .m-pagination__page-number {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-pagination__page-list,
  .m-pagination__page-number {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-pagination__page-list a,
.m-pagination__page-list span.page.current {
  padding: 2px 1px 2px 4px;
  margin: 0 6px;
}

.m-pagination__page-list span.page.current {
  border-bottom: 3px solid #2541fc;
  color: #2541fc;
}

@media screen and (max-width: 479px) {
  .m-pagination__page-list {
    display: none;
  }
}

@media screen and (min-width: 480px) {
  .m-pagination__page-number {
    display: none;
  }
}

.m-partners::before,
.m-partners::after,
.m-partners__item::before,
.m-partners__item::after {
  content: " ";
  display: table;
}

.m-partners::after,
.m-partners__item::after {
  clear: both;
}

.m-partners__item .m-partners__logo,
.m-partners__item .m-partners__headline {
  float: left;
}

.m-partners__item .m-partners__logo {
  border: 1px solid #ededee;
  margin: 16px;
  margin-left: 0;
  width: 40%;
  min-width: 117px;
  min-height: 68px;
}

.m-partners__item .m-partners__headline {
  max-width: 40%;
  line-height: 16px;
  padding-top: 19px;
}

@media screen and (min-width: 460px) {
  .m-partners__item .m-partners__headline {
    padding-top: 48px;
  }
}

.m-partners__item .m-partners__link,
.m-partners__item .m-partners__link:visited {
  color: #727376;
}

@media screen and (min-width: 648px) {
  .m-partners {
    margin: -11px;
  }

  .m-partners::before,
  .m-partners::after {
    content: " ";
    display: table;
  }

  .m-partners::after {
    clear: both;
  }

  .m-partners__item {
    padding: 11px;
    float: left;
    width: 25%;
    border: 0;
    height: 180px;
  }

  .m-partners__item:nth-child(4n+1) {
    clear: left;
  }

  .m-partners__item .m-partners__headline {
    padding-top: 0;
  }

  .m-partners__item .m-partners__headline,
  .m-partners__item .m-partners__logo {
    max-width: 100%;
    width: 100%;
    margin: 0;
    margin-bottom: 8px;
  }
}

.m-pocket-belt {
  border: 0;
}

@media screen and (min-width: 1280px) {
  .m-pocket-belt {
    border-bottom: 1px solid #ededee;
    border-top: 1px solid #ededee;
  }
}

.m-pocket-belt--left-align .m-pocket-belt__pocket-subtitle {
  padding-left: 0;
}

.m-pocket-belt--left-align .m-pocket-belt__pocket-label {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-pocket-belt--left-align .m-pocket-belt__pocket-label {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-pocket-belt--left-align .m-pocket-belt__pocket-label {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 479px) {
  .m-pocket-belt--left-align .m-pocket-belt__content {
    white-space: normal;
  }
}

@media screen and (min-width: 900px) and (max-width: 1279px) {
  .m-pocket-belt--left-align .m-pocket-belt__pocket {
    background-color: #fff;
  }
}

@media screen and (min-width: 1280px) {
  .m-pocket-belt--left-align .m-pocket-belt__pocket {
    text-align: left;
  }
}

.m-pocket-belt__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 1167.71704px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (min-width: 1280px) {
  .m-pocket-belt__content {
    flex-direction: row;
    justify-content: space-around;
  }
}

.m-main-nav .m-pocket-belt__content {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

@media screen and (min-width: 1280px) {
  .m-pocket-belt__content--header {
    margin-top: 5px;
    justify-content: center;
  }

  .m-pocket-belt__content--header .m-pocket-belt__pocket {
    width: auto;
  }

  .m-pocket-belt__content--header .m-pocket-belt__pocket:not(:nth-last-child(2)) {
    padding-right: 2em;
  }

  .m-pocket-belt__content--header .m-pocket-belt__content--header__links {
    display: none;
  }

  .m-pocket-belt__content--header .m-pocket-belt__pocket-subtitle {
    display: none;
  }
}

.m-pocket-belt__pocket {
  margin-bottom: .8em;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #ededee;
}

.m-pocket-belt__pocket:first-child {
  margin-top: .8em;
}

@media screen and (min-width: 1280px) {
  .m-pocket-belt__pocket {
    background-color: inherit;
    border: 0;
    width: 50%;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 0;
  }

  .m-pocket-belt__pocket:first-child {
    margin-top: 0;
  }
}

.m-pocket-belt__pocket-link {
  display: block;
  padding-top: .6em;
  padding-bottom: .5em;
}

@media screen and (min-width: 1280px) {
  .m-pocket-belt__pocket-link {
    padding: .8em .4em;
  }
}

.m-pocket-belt__pocket-label {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-pocket-belt__pocket-label {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-pocket-belt__pocket-label {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-pocket-belt__pocket-subtitle {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin-top: 0.3em;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  color: #3a343a;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-pocket-belt__pocket-subtitle {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-pocket-belt__pocket-subtitle {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-progress-ring {
  display: block;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.m-progress-ring+.m-progress-ring {
  margin-top: 48px;
  padding-top: 48px;
  border-top: 1px dotted rgba(255,255,255,0.5);
}

.m-progress-ring.m-progress-ring--medium {
  text-transform: none;
}

.m-progress-ring--plain,
.m-progress-ring--exciting {
  color: #3a343a;
}

.m-progress-ring__container {
  position: relative;
  width: 220px;
  height: 220px;
  margin: 0 auto;
}

.m-progress-ring--medium .m-progress-ring__container {
  width: 180px;
  height: 180px;
}

.m-progress-ring__container .a-svg-icon {
  position: absolute;
  top: 14%;
  left: 50%;
  margin-left: -20px;
}

.m-progress-ring__indicator {
  transform: rotate(-89.9999deg);
}

.m-progress-ring__track {
  fill: transparent;
  stroke: rgba(255,255,255,0.4);
  stroke-width: 1.5;
}

.m-progress-ring--plain .m-progress-ring__track,
.m-progress-ring--exciting .m-progress-ring__track {
  stroke: #cacacc;
}

.m-progress-ring--plain .m-progress-ring__track {
  stroke-width: 3.5;
}

.m-progress-ring__fill {
  fill: transparent;
  stroke: #ffffff;
  stroke-width: 1.5;
  stroke-dasharray: 301.59289;
  stroke-dashoffset: 301.59289;
}

.m-progress-ring--plain .m-progress-ring__fill {
  stroke-width: 3.5;
  stroke: #2541fc;
}

.m-progress-ring--exciting .m-progress-ring__fill {
  stroke: url("#gradient");
}

.m-progress-ring__value,
.m-progress-ring__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  height: 220px;
  margin: 0;
  text-align: center;
}

.m-progress-ring--medium .m-progress-ring__value,
.m-progress-ring--medium .m-progress-ring__text {
  top: -10px;
  width: 180px;
  height: 180px;
}

.m-progress-ring__value {
  font-size: 68px;
  line-height: 220px;
  font-weight: bold;
}

.m-progress-ring--medium .m-progress-ring__value {
  font-size: 36px;
  line-height: 180px;
}

.m-progress-ring__text {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  top: 68%;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-progress-ring__text {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-progress-ring__text {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-progress-ring--medium .m-progress-ring__text {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  top: 54%;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-progress-ring--medium .m-progress-ring__text {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-progress-ring--medium .m-progress-ring__text {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.no-js .m-progress-ring[data-progress="0"] .m-progress-ring__fill {
  stroke-dashoffset: 301.59289;
}

.no-js .m-progress-ring[data-progress="1"] .m-progress-ring__fill {
  stroke-dashoffset: 298.57697;
}

.no-js .m-progress-ring[data-progress="2"] .m-progress-ring__fill {
  stroke-dashoffset: 295.56104;
}

.no-js .m-progress-ring[data-progress="3"] .m-progress-ring__fill {
  stroke-dashoffset: 292.54511;
}

.no-js .m-progress-ring[data-progress="4"] .m-progress-ring__fill {
  stroke-dashoffset: 289.52918;
}

.no-js .m-progress-ring[data-progress="5"] .m-progress-ring__fill {
  stroke-dashoffset: 286.51325;
}

.no-js .m-progress-ring[data-progress="6"] .m-progress-ring__fill {
  stroke-dashoffset: 283.49732;
}

.no-js .m-progress-ring[data-progress="7"] .m-progress-ring__fill {
  stroke-dashoffset: 280.48139;
}

.no-js .m-progress-ring[data-progress="8"] .m-progress-ring__fill {
  stroke-dashoffset: 277.46546;
}

.no-js .m-progress-ring[data-progress="9"] .m-progress-ring__fill {
  stroke-dashoffset: 274.44953;
}

.no-js .m-progress-ring[data-progress="10"] .m-progress-ring__fill {
  stroke-dashoffset: 271.43361;
}

.no-js .m-progress-ring[data-progress="11"] .m-progress-ring__fill {
  stroke-dashoffset: 268.41768;
}

.no-js .m-progress-ring[data-progress="12"] .m-progress-ring__fill {
  stroke-dashoffset: 265.40175;
}

.no-js .m-progress-ring[data-progress="13"] .m-progress-ring__fill {
  stroke-dashoffset: 262.38582;
}

.no-js .m-progress-ring[data-progress="14"] .m-progress-ring__fill {
  stroke-dashoffset: 259.36989;
}

.no-js .m-progress-ring[data-progress="15"] .m-progress-ring__fill {
  stroke-dashoffset: 256.35396;
}

.no-js .m-progress-ring[data-progress="16"] .m-progress-ring__fill {
  stroke-dashoffset: 253.33803;
}

.no-js .m-progress-ring[data-progress="17"] .m-progress-ring__fill {
  stroke-dashoffset: 250.3221;
}

.no-js .m-progress-ring[data-progress="18"] .m-progress-ring__fill {
  stroke-dashoffset: 247.30617;
}

.no-js .m-progress-ring[data-progress="19"] .m-progress-ring__fill {
  stroke-dashoffset: 244.29024;
}

.no-js .m-progress-ring[data-progress="20"] .m-progress-ring__fill {
  stroke-dashoffset: 241.27432;
}

.no-js .m-progress-ring[data-progress="21"] .m-progress-ring__fill {
  stroke-dashoffset: 238.25839;
}

.no-js .m-progress-ring[data-progress="22"] .m-progress-ring__fill {
  stroke-dashoffset: 235.24246;
}

.no-js .m-progress-ring[data-progress="23"] .m-progress-ring__fill {
  stroke-dashoffset: 232.22653;
}

.no-js .m-progress-ring[data-progress="24"] .m-progress-ring__fill {
  stroke-dashoffset: 229.2106;
}

.no-js .m-progress-ring[data-progress="25"] .m-progress-ring__fill {
  stroke-dashoffset: 226.19467;
}

.no-js .m-progress-ring[data-progress="26"] .m-progress-ring__fill {
  stroke-dashoffset: 223.17874;
}

.no-js .m-progress-ring[data-progress="27"] .m-progress-ring__fill {
  stroke-dashoffset: 220.16281;
}

.no-js .m-progress-ring[data-progress="28"] .m-progress-ring__fill {
  stroke-dashoffset: 217.14688;
}

.no-js .m-progress-ring[data-progress="29"] .m-progress-ring__fill {
  stroke-dashoffset: 214.13096;
}

.no-js .m-progress-ring[data-progress="30"] .m-progress-ring__fill {
  stroke-dashoffset: 211.11503;
}

.no-js .m-progress-ring[data-progress="31"] .m-progress-ring__fill {
  stroke-dashoffset: 208.0991;
}

.no-js .m-progress-ring[data-progress="32"] .m-progress-ring__fill {
  stroke-dashoffset: 205.08317;
}

.no-js .m-progress-ring[data-progress="33"] .m-progress-ring__fill {
  stroke-dashoffset: 202.06724;
}

.no-js .m-progress-ring[data-progress="34"] .m-progress-ring__fill {
  stroke-dashoffset: 199.05131;
}

.no-js .m-progress-ring[data-progress="35"] .m-progress-ring__fill {
  stroke-dashoffset: 196.03538;
}

.no-js .m-progress-ring[data-progress="36"] .m-progress-ring__fill {
  stroke-dashoffset: 193.01945;
}

.no-js .m-progress-ring[data-progress="37"] .m-progress-ring__fill {
  stroke-dashoffset: 190.00352;
}

.no-js .m-progress-ring[data-progress="38"] .m-progress-ring__fill {
  stroke-dashoffset: 186.98759;
}

.no-js .m-progress-ring[data-progress="39"] .m-progress-ring__fill {
  stroke-dashoffset: 183.97167;
}

.no-js .m-progress-ring[data-progress="40"] .m-progress-ring__fill {
  stroke-dashoffset: 180.95574;
}

.no-js .m-progress-ring[data-progress="41"] .m-progress-ring__fill {
  stroke-dashoffset: 177.93981;
}

.no-js .m-progress-ring[data-progress="42"] .m-progress-ring__fill {
  stroke-dashoffset: 174.92388;
}

.no-js .m-progress-ring[data-progress="43"] .m-progress-ring__fill {
  stroke-dashoffset: 171.90795;
}

.no-js .m-progress-ring[data-progress="44"] .m-progress-ring__fill {
  stroke-dashoffset: 168.89202;
}

.no-js .m-progress-ring[data-progress="45"] .m-progress-ring__fill {
  stroke-dashoffset: 165.87609;
}

.no-js .m-progress-ring[data-progress="46"] .m-progress-ring__fill {
  stroke-dashoffset: 162.86016;
}

.no-js .m-progress-ring[data-progress="47"] .m-progress-ring__fill {
  stroke-dashoffset: 159.84423;
}

.no-js .m-progress-ring[data-progress="48"] .m-progress-ring__fill {
  stroke-dashoffset: 156.82831;
}

.no-js .m-progress-ring[data-progress="49"] .m-progress-ring__fill {
  stroke-dashoffset: 153.81238;
}

.no-js .m-progress-ring[data-progress="50"] .m-progress-ring__fill {
  stroke-dashoffset: 150.79645;
}

.no-js .m-progress-ring[data-progress="51"] .m-progress-ring__fill {
  stroke-dashoffset: 147.78052;
}

.no-js .m-progress-ring[data-progress="52"] .m-progress-ring__fill {
  stroke-dashoffset: 144.76459;
}

.no-js .m-progress-ring[data-progress="53"] .m-progress-ring__fill {
  stroke-dashoffset: 141.74866;
}

.no-js .m-progress-ring[data-progress="54"] .m-progress-ring__fill {
  stroke-dashoffset: 138.73273;
}

.no-js .m-progress-ring[data-progress="55"] .m-progress-ring__fill {
  stroke-dashoffset: 135.7168;
}

.no-js .m-progress-ring[data-progress="56"] .m-progress-ring__fill {
  stroke-dashoffset: 132.70087;
}

.no-js .m-progress-ring[data-progress="57"] .m-progress-ring__fill {
  stroke-dashoffset: 129.68494;
}

.no-js .m-progress-ring[data-progress="58"] .m-progress-ring__fill {
  stroke-dashoffset: 126.66902;
}

.no-js .m-progress-ring[data-progress="59"] .m-progress-ring__fill {
  stroke-dashoffset: 123.65309;
}

.no-js .m-progress-ring[data-progress="60"] .m-progress-ring__fill {
  stroke-dashoffset: 120.63716;
}

.no-js .m-progress-ring[data-progress="61"] .m-progress-ring__fill {
  stroke-dashoffset: 117.62123;
}

.no-js .m-progress-ring[data-progress="62"] .m-progress-ring__fill {
  stroke-dashoffset: 114.6053;
}

.no-js .m-progress-ring[data-progress="63"] .m-progress-ring__fill {
  stroke-dashoffset: 111.58937;
}

.no-js .m-progress-ring[data-progress="64"] .m-progress-ring__fill {
  stroke-dashoffset: 108.57344;
}

.no-js .m-progress-ring[data-progress="65"] .m-progress-ring__fill {
  stroke-dashoffset: 105.55751;
}

.no-js .m-progress-ring[data-progress="66"] .m-progress-ring__fill {
  stroke-dashoffset: 102.54158;
}

.no-js .m-progress-ring[data-progress="67"] .m-progress-ring__fill {
  stroke-dashoffset: 99.52566;
}

.no-js .m-progress-ring[data-progress="68"] .m-progress-ring__fill {
  stroke-dashoffset: 96.50973;
}

.no-js .m-progress-ring[data-progress="69"] .m-progress-ring__fill {
  stroke-dashoffset: 93.4938;
}

.no-js .m-progress-ring[data-progress="70"] .m-progress-ring__fill {
  stroke-dashoffset: 90.47787;
}

.no-js .m-progress-ring[data-progress="71"] .m-progress-ring__fill {
  stroke-dashoffset: 87.46194;
}

.no-js .m-progress-ring[data-progress="72"] .m-progress-ring__fill {
  stroke-dashoffset: 84.44601;
}

.no-js .m-progress-ring[data-progress="73"] .m-progress-ring__fill {
  stroke-dashoffset: 81.43008;
}

.no-js .m-progress-ring[data-progress="74"] .m-progress-ring__fill {
  stroke-dashoffset: 78.41415;
}

.no-js .m-progress-ring[data-progress="75"] .m-progress-ring__fill {
  stroke-dashoffset: 75.39822;
}

.no-js .m-progress-ring[data-progress="76"] .m-progress-ring__fill {
  stroke-dashoffset: 72.38229;
}

.no-js .m-progress-ring[data-progress="77"] .m-progress-ring__fill {
  stroke-dashoffset: 69.36637;
}

.no-js .m-progress-ring[data-progress="78"] .m-progress-ring__fill {
  stroke-dashoffset: 66.35044;
}

.no-js .m-progress-ring[data-progress="79"] .m-progress-ring__fill {
  stroke-dashoffset: 63.33451;
}

.no-js .m-progress-ring[data-progress="80"] .m-progress-ring__fill {
  stroke-dashoffset: 60.31858;
}

.no-js .m-progress-ring[data-progress="81"] .m-progress-ring__fill {
  stroke-dashoffset: 57.30265;
}

.no-js .m-progress-ring[data-progress="82"] .m-progress-ring__fill {
  stroke-dashoffset: 54.28672;
}

.no-js .m-progress-ring[data-progress="83"] .m-progress-ring__fill {
  stroke-dashoffset: 51.27079;
}

.no-js .m-progress-ring[data-progress="84"] .m-progress-ring__fill {
  stroke-dashoffset: 48.25486;
}

.no-js .m-progress-ring[data-progress="85"] .m-progress-ring__fill {
  stroke-dashoffset: 45.23893;
}

.no-js .m-progress-ring[data-progress="86"] .m-progress-ring__fill {
  stroke-dashoffset: 42.22301;
}

.no-js .m-progress-ring[data-progress="87"] .m-progress-ring__fill {
  stroke-dashoffset: 39.20708;
}

.no-js .m-progress-ring[data-progress="88"] .m-progress-ring__fill {
  stroke-dashoffset: 36.19115;
}

.no-js .m-progress-ring[data-progress="89"] .m-progress-ring__fill {
  stroke-dashoffset: 33.17522;
}

.no-js .m-progress-ring[data-progress="90"] .m-progress-ring__fill {
  stroke-dashoffset: 30.15929;
}

.no-js .m-progress-ring[data-progress="91"] .m-progress-ring__fill {
  stroke-dashoffset: 27.14336;
}

.no-js .m-progress-ring[data-progress="92"] .m-progress-ring__fill {
  stroke-dashoffset: 24.12743;
}

.no-js .m-progress-ring[data-progress="93"] .m-progress-ring__fill {
  stroke-dashoffset: 21.1115;
}

.no-js .m-progress-ring[data-progress="94"] .m-progress-ring__fill {
  stroke-dashoffset: 18.09557;
}

.no-js .m-progress-ring[data-progress="95"] .m-progress-ring__fill {
  stroke-dashoffset: 15.07964;
}

.no-js .m-progress-ring[data-progress="96"] .m-progress-ring__fill {
  stroke-dashoffset: 12.06372;
}

.no-js .m-progress-ring[data-progress="97"] .m-progress-ring__fill {
  stroke-dashoffset: 9.04779;
}

.no-js .m-progress-ring[data-progress="98"] .m-progress-ring__fill {
  stroke-dashoffset: 6.03186;
}

.no-js .m-progress-ring[data-progress="99"] .m-progress-ring__fill {
  stroke-dashoffset: 3.01593;
}

.no-js .m-progress-ring[data-progress="100"] .m-progress-ring__fill {
  stroke-dashoffset: 0;
}

.m-progress-quiz {
  float: left;
  width: 100%;
  margin-top: 48px;
  text-transform: uppercase;
}

.m-progress-quiz::before,
.m-progress-quiz::after {
  content: " ";
  display: table;
}

.m-progress-quiz::after {
  clear: both;
}

.m-progress-quiz .m-link-list__item {
  padding: 40px 12px;
  text-transform: none;
  border-bottom: 1px dotted rgba(255,255,255,0.5);
}

.m-progress-quiz .m-link-list__item:first-child {
  border-top: 1px dotted rgba(255,255,255,0.5);
}

.m-progress-quiz .m-composite-link--wrapped:hover .m-composite-link__primary {
  color: #fff;
}

.m-progress-quiz .m-composite-link__primary {
  color: #fff;
}

.m-progress-quiz .a-svg-icon {
  color: #fff;
}

.m-progress-quiz .media_description li {
  margin-bottom: 0.5em;
}

.m-progress-quiz .media_description ul {
  padding: 0;
  margin-bottom: 1.5em;
}

.m-progress-quiz__row {
  display: block;
  position: relative;
  min-height: 220px;
}

.m-progress-quiz__row:first-child {
  border-top: 1px dotted rgba(255,255,255,0.5);
}

.m-progress-quiz__row--locked {
  text-transform: none;
}

.m-progress-quiz__column {
  color: #fff;
  padding: 20px 0;
}

.m-progress-quiz__column--info {
  text-align: center;
}

.m-progress-quiz__column--info .a-stepnumber {
  margin-top: 24px;
  margin-bottom: 16px;
}

.m-progress-quiz__column--details {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.m-progress-quiz__column--details .media_centered_container {
  display: table;
  width: 100%;
}

.m-progress-quiz__score {
  display: table-cell;
  text-align: right;
  width: 44%;
  padding: 0;
  vertical-align: middle;
}

.m-progress-quiz__score .media_centered_container {
  display: block;
  width: auto;
  padding-right: 4%;
}

.m-progress-quiz__score .media_body {
  overflow: visible;
}

.m-progress-quiz__score-percentage {
  font-weight: bold;
  font-size: 48px;
  line-height: 38px;
  margin: 0;
}

.m-progress-quiz__state {
  margin: 0 12px 0 25px;
}

.m-progress-quiz__state .media_centered_container {
  display: flex;
  align-items: baseline;
}

.m-progress-quiz__state .a-svg-icon {
  width: 27px;
  vertical-align: middle;
  margin-right: 16px;
}

.m-progress-quiz__title,
.m-progress-quiz__state-text {
  margin: 0;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
}

@media screen and (min-width: 648px) {
  .m-progress-quiz__row {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 135px;
    min-height: 0;
    border-bottom: 1px dotted rgba(255,255,255,0.5);
    transition: background-color linear 0.4s;
  }

  .m-progress-quiz__row:first-child {
    border-top: 1px dotted rgba(255,255,255,0.5);
  }

  .m-progress-quiz__row:hover {
    background-color: rgba(255,255,255,0.15);
  }

  .m-progress-quiz__column {
    display: table-cell;
    vertical-align: middle;
  }

  .m-progress-quiz__column--info {
    text-align: left;
    width: 33.33%;
    padding-left: 12px;
  }

  .m-progress-quiz__column--info .media_centered_container {
    position: relative;
  }

  .m-progress-quiz__column--info .media_centered_container .media_icon {
    margin: auto;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }

  .m-progress-quiz__column--info .media_centered_container .media_body {
    margin-left: 48px;
  }

  .m-progress-quiz__column--info .media_centered_container .media_body .header {
    line-height: 146%;
  }

  .m-progress-quiz__column--info .media_centered_container .media_body .header .headline {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 146% !important;
  }

  .m-progress-quiz__column--info .media_centered_container .media_icon+.media_body {
    margin-top: 0;
  }

  .m-progress-quiz__column--info .a-stepnumber {
    margin-top: 0;
    margin-bottom: 0;
  }

  .m-progress-quiz__column--details {
    width: 66.66%;
    border-top: 0;
    border-bottom: 0;
  }
}

.m-popover {
  position: absolute;
  top: 59px;
  right: 0;
  padding: .75em 0;
  min-width: 170px;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid #ededee;
  box-shadow: 0 1px 5px 1px rgba(0,0,0,0.05);
  z-index: 10;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  transition-property: opacity, transform, visibility;
  transition-timing-function: ease-out;
  transition-duration: 0.3s;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-popover {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-popover {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.no-js .m-popover:target {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}

.m-popover:after,
.m-popover:before {
  bottom: 100%;
  right: 15px;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.m-popover:after {
  border-color: rgba(255,255,255,0);
  border-bottom-color: #fff;
  border-width: 7px;
  margin-left: -7px;
}

.m-popover:before {
  right: 14px;
  border-color: rgba(237,237,238,0);
  border-bottom-color: #ededee;
  border-width: 8px;
  margin-left: -8px;
}

.m-popover:focus {
  outline: 0;
}

.m-popover--open {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  z-index: 1000;
}

.m-popover--notifications {
  max-width: 370px;
  min-height: 100px;
  width: calc(100vw - 32px);
  padding: 0;
}

.m-popover--notifications .m-feed {
  max-height: 400px;
  max-height: calc(75vh - 76px);
  overflow-y: auto;
}

.m-popover--notifications:after {
  right: 72px;
}

.m-popover--notifications:before {
  right: 71px;
}

.m-popover--user-options {
  max-width: 370px;
  min-height: 100px;
  padding: .75em 0;
}

@media screen and (max-width: 479px) {
  .m-popover--user-options {
    width: calc(100vw - 32px);
  }
}

.m-popover--user-options .m-popover__list-item>a,
.m-popover--user-options button {
  text-align: center;
}

.m-popover--user-options .m-popover__list-item button {
  color: #de00a5;
}

.m-popover--user-options .m-popover__list-item button:hover,
.m-popover--user-options .m-popover__list-item button:focus {
  color: #2541fc;
  outline: 0;
}

.m-popover--admin-options {
  right: auto;
  left: 5px;
  top: 57px;
}

.m-popover--admin-options:after {
  right: auto;
  left: 34px;
}

.m-popover--admin-options:before {
  right: auto;
  left: 34px;
}

.m-popover__indent {
  padding: 0 16px;
}

.m-popover__list {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.m-popover__list-item {
  position: relative;
  margin: 0;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-popover__list-item {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-popover__list-item {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-popover__list-item .m-icon-with-text__text,
.m-popover__list-item .m-icon-with-text--smaller-text {
  padding-left: .5em;
}

.m-popover__list-item__icon {
  position: absolute;
  top: .2em;
  left: .65em;
  font-size: 1.8em;
}

.m-popover__list-link {
  position: relative;
  display: block;
  width: 100%;
  padding: .75em 1.5em;
  font-weight: bold;
  text-align: left;
  background-color: transparent;
  border: 0;
}

.m-popover__list-link:hover,
.m-popover__list-link:focus {
  color: #2541fc;
  outline: 0;
}

.m-popover__list-link--active {
  color: #2541fc;
}

.m-popover__btn {
  display: block;
  padding: .75em;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  text-align: center;
  border-top: 1px solid #ededee;
  background-color: #fafafa;
  color: #3a343a;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-popover__btn {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-popover__btn {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-popover__count-badge {
  margin-left: 5px;
}

.m-portfolio-attachment,
.m-portfolio-attachment-name,
.m-portfolio-attachment-date,
.m-portfolio-attachment-action-link,
.m-portfolio-attachment-error {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-portfolio-attachment,
  .m-portfolio-attachment-name,
  .m-portfolio-attachment-date,
  .m-portfolio-attachment-action-link,
  .m-portfolio-attachment-error {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-portfolio-attachment,
  .m-portfolio-attachment-name,
  .m-portfolio-attachment-date,
  .m-portfolio-attachment-action-link,
  .m-portfolio-attachment-error {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-portfolio-attachment {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.m-portfolio-attachment__inner {
  background-color: #ededee;
  padding: 10px 15px;
  margin-bottom: 0;
}

.m-portfolio-attachment__body {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.m-portfolio-attachment__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.m-portfolio-attachment-name {
  word-break: break-all;
  margin: 0;
  margin-right: 5px;
}

.m-portfolio-attachment-date {
  word-break: break-all;
  color: #727376;
}

.m-portfolio-attachment-date:before {
  content: ' - ';
}

.m-portfolio-attachment__actions {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
  padding-left: 0 !important;
}

.m-portfolio-attachment-error {
  color: #4a4d55;
  margin-top: 0 !important;
  margin-bottom: 0;
  position: static !important;
}

.m-portfolio-attachment__confirmation p {
  margin-bottom: 0.5rem;
  font-size: 14px;
}

.m-portfolio-attachment__confirmation ul.m-portfolio-attachment__confirmation-actions {
  margin: 0;
  padding: 0;
  list-style: none;
}

.m-portfolio-attachment__confirmation button {
  font-size: 14px;
}

.m-postbox {
  display: none;
  width: 100%;
}

.no-js .m-postbox {
  display: flex;
}

.m-postbox .a-avatar {
  margin-right: 20px;
}

.m-feed-item--has-replies .m-postbox {
  display: flex;
}

.m-postbox textarea:focus+.m-postbox__footer {
  display: block;
}

.m-postbox--compact .a-input--autoresize.a-input--wide {
  height: 38px;
  min-height: 30px;
}

.m-postbox--close-avatar .a-avatar {
  margin-right: 0;
}

.m-postbox--visible {
  display: block;
  display: flex;
}

.m-postbox__form {
  flex: 1 0 0%;
}

.m-postbox__footer {
  display: none;
}

.m-postbox--show-footer .m-postbox__footer,
.no-js .m-postbox__footer {
  display: block;
}

.m-quiz-progress-nav {
  display: table;
  position: relative;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-top: 16px;
}

.m-quiz-progress-nav__list {
  display: table-row;
}

.m-quiz-progress-nav__item {
  display: none;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
  border-top: 1px solid #727376;
  vertical-align: top;
}

.m-quiz-progress-nav__item.is-small-screen-visible {
  display: table-cell;
}

.m-quiz-progress-nav__item a {
  display: block;
  color: #4a4d55;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-quiz-progress-nav__item a {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-quiz-progress-nav__item a {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-quiz-progress-nav__item--intro,
.m-quiz-progress-nav__item--summary {
  width: 35px;
}

.m-quiz-progress-nav__item--intro {
  padding-left: 0;
}

.m-quiz-progress-nav__item--intro a {
  position: relative;
  left: -7px;
}

.m-quiz-progress-nav__item--summary {
  padding-right: 0;
}

.m-quiz-progress-nav__item--summary a {
  position: relative;
  right: -6px;
}

.m-quiz-progress-nav__status {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  width: 16px;
  height: 16px;
  margin: -8px auto 8px;
  border: 1px solid #727376;
  border-radius: 50%;
  background-color: #fff;
  transition: transform ease-out 0.3s;
}

.m-quiz-progress-nav__status:hover {
  transform: scale(1.1);
}

.m-quiz-progress-nav__status .a-svg-icon {
  height: auto;
  width: 1rem;
}

.m-quiz-progress-nav__status .a-svg-icon--info {
  width: 1.2rem;
}

.m-quiz-progress-nav__item--intro .m-quiz-progress-nav__status,
.m-quiz-progress-nav__item--summary .m-quiz-progress-nav__status {
  border-radius: 0;
}

.m-quiz-progress-nav__item--intro .m-quiz-progress-nav__status {
  left: 0;
  text-align: left;
}

.m-quiz-progress-nav__item--summary .m-quiz-progress-nav__status {
  right: 0;
}

.m-quiz-progress-nav__item--correct .m-quiz-progress-nav__status,
.m-quiz-progress-nav__item--incorrect .m-quiz-progress-nav__status {
  background-color: #2541fc;
  border-color: #2541fc;
}

.m-quiz-progress-nav__item--correct .m-quiz-progress-nav__status .a-svg-icon *,
.m-quiz-progress-nav__item--incorrect .m-quiz-progress-nav__status .a-svg-icon * {
  fill: #fff;
}

.m-quiz-progress-nav__item--current .m-quiz-progress-nav__status {
  transform: scale(1.4);
  border-color: #2541fc;
}

.m-quiz-progress-nav__item--current {
  font-weight: bold;
}

.m-quiz-progress-nav__end-marker {
  display: none;
  position: absolute;
  top: 8px;
  right: -1px;
  height: 16px;
  border-left: 1px solid #727376;
}

.m-quiz-progress-nav__end-marker.is-small-screen-visible {
  display: block;
}

@media screen and (min-width: 680px) {
  .m-quiz-progress-nav__item {
    display: table-cell;
  }

  .m-quiz-progress-nav__item--intro a {
    left: -10px;
  }

  .m-quiz-progress-nav__item--summary a {
    right: -10px;
  }

  .m-quiz-progress-nav__item--intro,
  .m-quiz-progress-nav__item--summary {
    width: 50px;
  }

  .m-quiz-progress-nav__status {
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }

  .m-quiz-progress-nav__item--correct .m-quiz-progress-nav__status,
  .m-quiz-progress-nav__item--incorrect .m-quiz-progress-nav__status {
    background-color: #2541fc;
    border-color: #2541fc;
  }

  .m-quiz-progress-nav__end-marker {
    display: block;
  }
}

.m-radio-button-group--binary {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  color: #727376;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-radio-button-group--binary {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-radio-button-group--binary {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-radio-button-group--binary:focus {
  outline: none;
}

.m-radio-button-group__label {
  margin-right: .5em;
}

.m-related {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  background-color: #fafafa;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-related {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-related {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-related:hover,
.m-related:focus {
  background-color: #ededee;
}

.m-related__image {
  height: 150px;
  overflow: hidden;
}

.m-related__image>img {
  transform: translateZ(0);
  transition: transform 0.4s;
}

.m-related:hover .m-related__image>img,
.m-related:focus .m-related__image>img {
  transform: translateZ(0) scale(1.025);
}

.m-related__content {
  padding: 1em;
}

.m-related__username {
  font-weight: bold;
  color: #de00a5;
}

.m-related__user-email {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-related__user-email {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-related__user-email {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-related__label,
.m-related__author {
  color: #727376;
}

.m-related__label {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  border: solid 1px currentColor;
  display: inline-block;
  padding: 0.25em 0.5em 0.2em;
  text-transform: uppercase;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-related__label {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-related__label {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-related__short-description {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  color: #727376;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-related__short-description {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-related__short-description {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-related__title {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.7em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-related__title {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-related__title {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-roster__members {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-height: 96px;
  overflow: hidden;
  margin-left: -5px;
  margin-right: -5px;
}

@media screen and (min-width: 400px) {
  .m-roster__members {
    max-height: 48px;
  }
}

.m-roster__member {
  margin-top: 4px;
  margin-left: 5px;
  margin-right: 5px;
}

.m-roster__footer {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  text-align: right;
  font-weight: bold;
  padding-top: .8em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-roster__footer {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-roster__footer {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-run-header {
  background-color: #fafafa;
  border-bottom: 1px solid #ededee;
}

@media screen and (min-width: 680px) {
  .m-run-header .a-content {
    padding-top: 2rem;
  }
}

.m-run-header__title-wrapper {
  line-height: 44px;
}

.m-run-header__title {
  margin-top: -.5em;
  display: inline-block;
  overflow-x: hidden;
  width: 100%;
  line-height: normal;
  vertical-align: middle;
  text-overflow: ellipsis;
}

@media screen and (min-width: 648px) {
  .m-run-header__flag {
    margin-left: 0.2rem;
  }
}

.m-run-header__title-text {
  display: inline;
  margin: 0 0.1em 0 0;
  white-space: nowrap;
}

.m-run-header__title-text .m-run-header__title-text--primary {
  margin-right: .4em;
  margin-bottom: .3em;
}

@media screen and (min-width: 648px) {
  .m-run-header__title-text {
    display: inline;
  }
}

.m-run-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.m-run-nav>li {
  float: left;
}

.m-run-nav>li>a {
  display: block;
  color: inherit;
}

.m-run-nav__item {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  text-align: center;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-run-nav__item {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-run-nav__item {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-run-nav__link {
  padding: 8px 10px;
}

.m-run-nav__title {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-run-nav__title {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-run-nav__title {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-run-nav__item {
  border-top: 1px solid transparent;
  background-clip: padding-box;
}

.m-run-nav__link:hover {
  color: #2541fc;
}

.m-run-nav__item--active {
  border-top: 1px solid #2541fc;
  background-color: #fff;
  color: #2541fc;
}

.m-run-nav__item--active .m-run-nav__link {
  color: #2541fc;
}

.m-run-nav__container--stretching {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.m-run-nav__container--stretching .m-run-nav {
  display: table-row;
}

.m-run-nav__container--stretching .m-run-nav__item {
  display: table-cell;
  float: none;
}

.m-run-nav__container {
  position: relative;
  top: 1px;
}

.m-run-nav__item--active {
  border-left: 1px solid #ededee;
  border-right: 1px solid #ededee;
}

.m-run-nav__item {
  color: #4a4d55;
  font-weight: bold;
  line-height: 1.2;
}

.m-run-nav__item.has-new-activity {
  position: relative;
}

.m-run-nav__item.has-new-activity:after {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  background-color: #de00a5;
  border-radius: 50%;
  top: 4px;
  left: 92px;
}

.m-run-nav__item .a-svg-icon {
  display: block;
  margin: 0 auto 8px auto;
  height: 18px;
  width: 18px;
}

.m-run-weekly-survey {
  border-top: 1px solid #ededee;
  margin-top: 3rem;
  padding-top: 3rem;
}

.m-run-weekly-survey__title {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.25rem;
  font-weight: normal;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-run-weekly-survey__title {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-run-weekly-survey__title {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-section-tabs {
  margin-bottom: 2rem;
  margin-left: 0;
}

.m-section-tabs li {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-section-tabs li {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-section-tabs li {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-section-tabs--reduced li {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-section-tabs--reduced li {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-section-tabs--reduced li {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-section-tabs--condensed {
  margin-top: 0.5rem;
  margin-bottom: 0;
}

.m-section-tabs--inline {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 479px) {
  .m-section-tabs--inline {
    flex-direction: column;
  }
}

.m-section-tabs__items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.m-section-tabs__item {
  display: inline-block;
  padding-right: 6px;
  margin-bottom: 0.5rem;
}

.m-section-tabs__item-link {
  color: #de00a5;
}

.m-section-tabs__item-label {
  height: 24px;
  padding-right: 10px;
}

.m-section-tabs .is-selected .m-section-tabs__item-label {
  color: #2541fc;
}

.m-section-tabs__wrapper {
  text-align: center;
  padding: 1.5rem 0;
}

.m-sequence {
  background-color: #ededee;
  background-position-y: 200%, 200%;
  background-position-x: 67%, 60%;
}

.m-sequence__content {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.js .m-sequence__content {
  padding-bottom: 87.384%;
}

.m-sequence__display {
  overflow: hidden;
}

.js .m-sequence__display {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.m-sequence__caption {
  float: right;
  width: 50%;
  padding-top: 3rem;
}

.js .m-sequence__caption {
  opacity: 0;
  transform: translateY(2em);
  transition-property: opacity, transform;
  transition-timing-function: ease-out;
  transition-duration: 0.4s;
}

.is-selected .m-sequence__caption {
  transition-delay: .2s;
  opacity: 1;
  transform: translateY(0);
}

.m-sequence__image-frame {
  position: relative;
  float: left;
  width: 50%;
}

.m-sequence__image {
  overflow: hidden;
  position: absolute;
  left: 10.760667903525046%;
  top: 10.084925690021231%;
  width: 69.202226345083488%;
  height: 69.202226345083488%;
  z-index: 100;
}

.js .m-sequence__step {
  transform: translateY(100%);
  transition: transform ease-out 0.4s;
}

.is-selected .m-sequence__step {
  transform: translateY(0);
}

.m-sequence__badge {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transform: rotate(-31deg);
}

@media screen and (min-width: 648px) {
  .m-sequence__badge {
    visibility: visible;
    top: 346px;
    right: 146px;
  }

  .m-sequence__badge svg {
    width: 50px;
  }
}

@media screen and (min-width: 900px) {
  .m-sequence__badge {
    top: 390px;
    right: 116px;
  }

  .m-sequence__badge svg {
    width: 50px;
  }
}

@media screen and (min-width: 1280px) {
  .m-sequence__badge {
    top: 447px;
    right: 186px;
  }

  .m-sequence__badge svg {
    width: 50px;
  }
}

.m-sequence__background-certificate .m-sequence__badge {
  opacity: 1;
  transition: opacity linear 0.4s;
}

.m-sequence__background-certificate {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/identity-verification/how-it-works/certificate-corner-3a949b608562f7b56c08a07bbe795f53.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 66%;
  background-position-x: 100%;
  background-position-y: 100%;
  transition: background-position-x 1s, background-position-y 1s;
}

@media screen and (min-width: 648px) {
  .m-sequence__background-certificate {
    background-size: 109%;
    background-position-x: 100%;
    background-position-y: 100%;
  }
}

@media screen and (min-width: 900px) {
  .m-sequence__background-certificate {
    background-size: 80%;
    background-position-x: 60%;
    background-position-y: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .m-sequence__background-certificate {
    background-size: 41%;
    background-position-x: 49%;
    background-position-y: 100%;
  }
}

.m-sequence__background-id {
  z-index: 0.1;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/identity-verification/how-it-works/blurred-ID-a27704c95fde0f65da165e9babe1ad86.png);
  background-repeat: no-repeat;
  background-position: left;
  background-size: 47%;
  background-position-x: 2%;
  transition: background-position-x 1s, background-position-y 1s;
}

@media screen and (min-width: 648px) {
  .m-sequence__background-id {
    background-size: 40%;
    background-position-x: 10%;
  }
}

@media screen and (min-width: 900px) {
  .m-sequence__background-id {
    background-size: 30%;
    background-position-x: 28%;
  }
}

.m-sequence-nav__list {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  border-top: solid 1px #727376;
  width: 100%;
  margin-top: 4rem;
}

.m-sequence-nav__step {
  text-transform: uppercase;
}

.m-sequence-nav__step a {
  display: block;
  color: #4a4d55;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-sequence-nav__step a {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-sequence-nav__step a {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-sequence-nav__marker {
  display: block;
  position: relative;
  z-index: 1;
  width: 38px;
  height: 38px;
  margin: -20px auto 20px;
  border: 1px solid #727376;
  border-radius: 50%;
  background-color: #fff;
}

.js-seqence-nav__current span {
  background-color: #2541fc;
  border: 0;
}

.m-sharing-links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}

.m-sharing-links__item {
  display: inline-block;
  margin-bottom: 0;
}

.m-sharing-links__item a {
  display: inline-block;
  outline-offset: -6px;
}

.m-sharing-links__icon {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  color: #4a4d55;
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  margin-right: 2px;
}

.m-sharing-links__icon:active,
.m-sharing-links__icon:hover {
  outline: 0;
}

.m-sharing-links__icon:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .m-sharing-links__icon:focus {
  outline: none;
}

.m-sharing-links__icon:hover {
  color: #2541fc;
}

.a-section--premium .m-sharing-links__icon {
  color: #fff;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-sharing-links__icon {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .m-sharing-links__icon {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.m-sharing-links__icon:hover {
  color: #2541fc;
}

.m-sharing-links--coloured .m-sharing-links__icon--twitter:hover {
  color: #55acee;
}

.m-sharing-links--coloured .m-sharing-links__icon--facebook:hover {
  color: #3b5999;
}

.m-sharing-links--coloured .m-sharing-links__icon--linkedin:hover {
  color: #0077b5;
}

.m-sharing-links--coloured .m-sharing-links__icon--whatsapp:hover {
  color: #128c7e;
}

.m-sharing-links--large .m-sharing-links__icon {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  margin-left: .25em;
  margin-right: .25em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-sharing-links--large .m-sharing-links__icon {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .m-sharing-links--large .m-sharing-links__icon {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.m-sharing-links--spaced .m-sharing-links__icon {
  margin-left: .25em;
  margin-right: .25em;
}

.m-sharing-links--inverse .m-sharing-links__icon {
  color: #fff;
}

.m-share__heading {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  margin-bottom: 2rem;
  margin-top: 0;
  padding-top: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-share__heading {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .m-share__heading {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.m-share__message {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-share__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-share__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-share__tools {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m-share__tools--tight {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.a-heading+.m-share__tools {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.m-share__body {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-share__body {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-share__body {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-shelved-table {
  margin: 0;
  padding: 0;
  list-style: none;
}

.m-shelved-table__shelve {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-bottom: 0;
  border-bottom: 1px solid #cacacc;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-shelved-table__shelve {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-shelved-table__shelve {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-shelved-table__shelve:first-child {
  border-top: 1px solid #cacacc;
}

.m-shelved-table__icon {
  display: flex;
  margin-right: 1em;
}

.m-shelved-table__icon>svg {
  width: 41px;
  height: 41px;
}

.m-shelved-table--highlightable .m-shelved-table__shelve {
  padding-left: 1em;
  border-left: 6px solid transparent;
}

.m-shelved-table--highlightable .m-shelved-table__shelve--highlighted {
  border-left-color: #de00a5;
}

.m-shelved-table__note {
  display: block;
  font-weight: normal;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-shelved-table__note {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-shelved-table__note {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-shelved-table__run-join-cta {
  display: block;
  margin-bottom: 0;
  text-align: center;
}

.m-shelved-table__footer {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin-top: 1.5rem;
  text-align: center;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-shelved-table__footer {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-shelved-table__footer {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 480px) {
  .m-shelved-table__icon {
    margin: 0 1em 0 0;
  }

  .m-shelved-table__icon>svg {
    width: 32px;
    height: 32px;
  }
}

.m-signpost-compact {
  display: block;
  position: relative;
  overflow: hidden;
  color: #fff;
  background-color: #393b42;
  padding-bottom: 33.33333%;
}

@media screen and (min-width: 480px) {
  .m-signpost-compact {
    padding-bottom: 66.66667%;
  }
}

@media screen and (min-width: 648px) {
  .m-signpost-compact {
    padding-bottom: 100%;
  }
}

@media screen and (min-width: 1280px) {
  .m-signpost-compact {
    padding-bottom: 66.66667%;
  }
}

.m-signpost-compact:hover {
  color: #fff;
}

.m-signpost-compact:hover .m-signpost-compact__background-image {
  transform: scale(1.025) rotate(0.0001deg) translateZ(0);
  opacity: 1;
}

.m-signpost-compact__background-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all ease-out 0.4s;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 0;
  transform: translateZ(0);
}

.m-signpost-compact__content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 1em;
  text-align: center;
  z-index: 1;
  transform: translateY(-50%);
}

.m-signpost-compact__title {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  padding-top: 3em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-signpost-compact__title {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-signpost-compact__title {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-signpost-compact__icon {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 2.5em;
  height: 2.5em;
  margin-left: -1.25em;
  opacity: .9;
}

.m-signpost-compact__icon svg {
  width: 2em;
  height: 2em;
}

.m-signpost-compact__icon-home-page svg {
  width: 1.8em;
}

.m-spotlight {
  overflow: hidden;
  position: relative;
  text-align: center;
  padding-top: 61.7284%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #fafafa;
}

.m-spotlight__heading {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-spotlight__heading {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-spotlight__heading {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.m-spotlight__message {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-spotlight__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-spotlight__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-spotlight--bg {
  padding-top: 1.5rem;
}

@media screen and (max-width: 679px) {
  .m-spotlight--bg {
    background-image: none !important;
  }
}

.m-spotlight--bg .m-spotlight__content {
  padding: 1.5rem 0;
}

.m-spotlight--bg-pink {
  background: linear-gradient(#de00a5, #8700cd);
}

.m-spotlight__cta--large {
  display: none;
}

@media screen and (min-width: 680px) {
  .m-spotlight {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #4a4d55;
    color: #fff;
    padding-top: 0;
    min-height: 400px;
    text-align: left;
  }

  .m-spotlight--inverse,
  .m-spotlight--bg-pink .m-spotlight--inverse {
    color: #3a343a;
    background-color: #fafafa;
  }

  .m-spotlight--inverse-clean {
    color: #3a343a;
    background-color: #fff;
  }

  .m-spotlight--transparent {
    color: #3a343a;
    background-color: transparent;
  }

  .m-spotlight--bg {
    background-position: 75% 50%;
    background-size: cover;
  }

  .m-spotlight__content {
    width: 40%;
  }

  .m-spotlight--mirror .m-spotlight__content {
    order: 2;
    margin-left: auto;
  }

  .m-spotlight__content--medium {
    width: 50%;
  }

  .m-spotlight--mirror .m-spotlight__content--medium {
    order: 2;
    margin-left: auto;
  }

  .m-spotlight__image {
    margin-right: 2em;
    max-width: 500px;
    min-width: 400px;
  }

  .m-spotlight--mirror .m-spotlight__image {
    order: 1;
  }

  .m-spotlight__content--wide {
    width: 90%;
  }

  .m-spotlight--bg-pink .m-spotlight--inverse {
    color: #fff;
    background-color: initial;
  }

  .m-spotlight--bg-pink .m-spotlight--bg {
    background-position: right -18em bottom;
    background-size: auto 100%;
  }

  .m-spotlight__cta--small {
    display: none;
  }

  .m-spotlight__cta--large {
    display: inline-block;
  }
}

@media screen and (min-width: 900px) {
  .m-spotlight--bg-pink .m-spotlight--bg {
    background-position: right -12em bottom;
  }
}

@media screen and (min-width: 1280px) {
  .m-spotlight--bg {
    background-position: right center;
  }

  .m-spotlight--bg-pink .m-spotlight--bg {
    background-position: right -2em bottom;
  }
}

.m-standfirst {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 auto;
  text-align: center;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-standfirst {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-standfirst {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-standfirst__message {
  font-size: inherit;
  margin-bottom: 0;
}

.m-standfirst__cta {
  margin-top: .75em;
  font-weight: bold;
}

.m-standfirst__cta-icon-badge {
  margin-top: 1.5rem;
}

.m-standfirst--large {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-standfirst--large {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-standfirst--large {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.m-standfirst--small {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-standfirst--small {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-standfirst--small {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-standfirst--flex {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 648px) {
  .m-standfirst--flex {
    flex-direction: row;
    justify-content: space-between;
  }
}

.m-standfirst--flex>.m-standfirst {
  background-color: #fafafa;
  margin: 0 0 1.5em;
  padding: 1.5em 1em;
}

@media screen and (min-width: 648px) {
  .m-standfirst--flex>.m-standfirst {
    width: 48%;
  }
}

.m-step-header {
  position: relative;
  margin-bottom: 3rem;
}

.m-step-header::before,
.m-step-header::after {
  content: " ";
  display: table;
}

.m-step-header::after {
  clear: both;
}

.m-step-header .m-learner-progress__label {
  position: absolute;
  top: -2em;
  right: 0;
  color: #727376;
}

.m-step-header__stepnumber {
  display: inline-block;
  padding-bottom: 7px;
}

.m-step-header--open-step .m-step-header__main {
  border-bottom: 1px solid #ededee;
}

.m-step-header--open-step .m-step-header__stepnumber {
  border-bottom: 1px solid #393b42;
  margin-bottom: -1px;
}

.m-step-header--open-step .m-step-header__course-title {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-top: 1em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-step-header--open-step .m-step-header__course-title {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-step-header--open-step .m-step-header__course-title {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-step-nav {
  margin-top: 1rem;
  border-top: 1px solid #ededee;
  border-bottom: 1px solid #ededee;
}

.m-step-nav::before,
.m-step-nav::after {
  content: " ";
  display: table;
}

.m-step-nav::after {
  clear: both;
}

.m-step-nav .a-svg-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 45px;
  margin: auto;
  color: #727376;
  transition: color linear 0.4s;
}

.m-step-nav__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  min-height: 115px;
  padding: 1em 1.5em;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: bold;
  text-transform: uppercase;
  transition: background-color linear 0.4s;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-step-nav__item {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-step-nav__item {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-step-nav__item:hover {
  background-color: #fafafa;
}

.m-step-nav__item:hover .m-step-nav__item-label,
.m-step-nav__item:hover .a-svg-icon {
  color: #2541fc;
}

.m-step-nav__item--active .a-svg-icon {
  color: #de00a5;
}

.m-step-nav__item--previous {
  float: left;
  padding-left: 4em;
  border-top: 1px solid #ededee;
}

.m-step-nav__item--previous .a-svg-icon {
  left: 0;
  transform: rotate(180deg);
}

.m-step-nav__item--next {
  float: right;
  padding-right: 4em;
  text-align: right;
}

.m-step-nav__item--next .a-svg-icon {
  right: 0;
}

.m-step-nav__item--wiggle .a-svg-icon {
  animation: wiggle 0.5s ease-out 0.3s;
}

.m-step-nav__item-label {
  display: block;
  color: #3a343a;
  transition: color linear 0.4s;
}

.m-step-nav__item--active .m-step-nav__item-label {
  color: #de00a5;
}

.m-step-nav__item-sub-label {
  display: block;
  margin-top: 4px;
  color: #727376;
}

@media screen and (min-width: 480px) {
  .m-step-nav {
    display: flex;
  }

  .m-step-nav__item {
    width: 50%;
  }

  .m-step-nav__item--previous {
    border-top: 0;
    border-right: 1px solid #ededee;
  }

  .m-step-nav__item--next {
    order: 2;
  }
}

.m-sticky-banner__content .a-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.m-sticky-banner__content .a-button {
  padding: 0.5em 1em;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-sticky-banner__content .a-button {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-sticky-banner__content .a-button {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-sticky-banner__content .a-hint-button {
  margin: 5px 0;
}

.m-sticky-banner__content p {
  display: none;
  margin: 0;
}

.m-sticky-banner__content .m-button-group {
  display: flex;
  margin: 0.75rem;
  justify-content: center;
}

.m-sticky-banner__content .m-button-group__primary {
  display: flex;
}

@media screen and (min-width: 680px) {
  .m-sticky-banner__content .a-content {
    justify-content: space-between;
  }

  .m-sticky-banner__content p {
    display: block;
  }

  .m-sticky-banner__content .a-hint-button {
    display: none;
  }
}

@media screen and (min-width: 680px) and (max-width: 899px) {
  .m-sticky-banner__content--with-multiple-ctas p {
    display: none;
  }
}

.m-testimonial {
  flex: 1 1 auto;
  max-width: 480px;
}

.m-testimonial p {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-testimonial p {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-testimonial p {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-testimonial__image-container {
  margin-bottom: 0.75rem;
  text-align: center;
}

.m-testimonial--small-img .m-testimonial__image {
  max-width: 128px;
}

.m-testimonial__quote {
  margin: 0;
  border: 0;
  padding-left: 0;
}

.m-text-highlight {
  display: flex;
  min-height: 56px;
  margin-top: 1em;
  padding: .5em 1em .7em 1em;
  border-left: 4px solid #de00a5;
  background-color: #ededee;
}

.m-text-highlight__content {
  flex: 1;
  align-self: center;
  font-weight: bold;
  overflow: hidden;
}

.m-text-highlight__content p {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-text-highlight__content p {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-text-highlight__content p {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-text-highlight__content p:last-child {
  margin-bottom: 0;
}

.m-text-highlight__stepnumber {
  float: right;
  position: relative;
  top: 5px;
  margin-left: 1em;
  order: 2;
}

.m-text-highlight__stepnumber .a-stepnumber {
  transition-property: color, border-color;
  transition-timing-function: linear;
  transition-duration: 0.4s;
}

.m-text-highlight__stepnumber .a-stepnumber:hover {
  color: #2541fc;
  border-color: #2541fc;
}

.transcript {
  margin-bottom: 68px;
  overflow: hidden;
  transition: all 500ms;
  padding-left: 24px;
  border-left: 1px dashed #727376;
}

.transcript>:first-child {
  margin-top: 0;
}

.transcript>:last-child {
  margin-bottom: 0;
}

.transcript__para {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .transcript__para {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .transcript__para {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.transcript__para i {
  font-style: italic;
}

.transcript__para b {
  font-weight: bold;
}

.transcript__para u {
  text-decoration: underline;
}

.transcript__timestamp {
  display: inline;
  font-weight: bold;
  color: #727376;
  cursor: pointer;
}

.transcript__timestamp:after {
  content: "\000A";
  white-space: pre;
}

.m-unlimited-bg {
  position: absolute;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 679px) {
  .m-unlimited-bg__img {
    display: none;
  }
}

.m-unlimited-bg__img {
  position: absolute;
}

.m-unlimited-bg__img:nth-child(1) {
  width: 73%;
  left: 50%;
}

.m-unlimited-bg__img:nth-child(2) {
  width: 75%;
  top: 309px;
  left: -43%;
}

.m-unlimited-bg__img:nth-child(3) {
  bottom: 2rem;
  left: 40%;
  width: 93%;
}

.m-user-corner {
  position: relative;
  float: right;
  margin-left: 16px;
}

.m-user-corner__notifications,
.m-user-corner__avatar {
  display: inline-block;
  vertical-align: middle;
}

.m-user-corner__notifications {
  position: relative;
  margin-right: 18px;
  margin-left: 6px;
}

.m-user-corner__notifications>a {
  display: block;
  line-height: 0;
  color: #3a343a;
}

.m-user-corner__notifications>a:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .m-user-corner__notifications>a {
  outline: none;
}

.m-user-corner__notifications>a:hover {
  color: #2541fc;
}

.m-user-corner__count-badge {
  position: absolute;
  top: -14px;
  right: -14px;
}

.m-user-corner__avatar img {
  vertical-align: top;
}

.m-learner-progress {
  position: relative;
  width: 100%;
}

.m-learner-progress__bar {
  height: 2px;
  background-color: #ededee;
}

.m-learner-progress__bar__fill {
  display: block;
  height: 100%;
  background: #2541fc;
  background-image: linear-gradient(to right, #2541fc 0%, #de00a5 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2541fc', endColorstr='#de00a5', GradientType=1)";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2541fc', endColorstr='#de00a5',GradientType=1)";
  max-width: 100%;
}

.m-learner-progress__label {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-bottom: .7em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-learner-progress__label {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-learner-progress__label {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-learner-progress__bar__fill--pink {
  background: #de00a5;
}

.m-whisperbox {
  position: relative;
  text-align: center;
  border-top: 1px solid #ededee;
  border-bottom: 1px solid #ededee;
  padding: 0 0 16px;
  margin-top: 32px;
  margin-bottom: 48px;
}

.m-whisperbox__heading {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 16px;
  font-weight: normal;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-whisperbox__heading {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-whisperbox__heading {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-whisperbox--boss .m-whisperbox__heading {
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: bold;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-whisperbox--boss .m-whisperbox__heading {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .m-whisperbox--boss .m-whisperbox__heading {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.m-whisperbox--without-bottom-border {
  border-bottom: 0;
}

.m-whisperbox--adjacent {
  padding-bottom: 0;
  margin-top: 0;
  border: 0;
}

.m-whisperbox--no-heading {
  margin: 0;
  padding: 0;
}

.m-whisperbox--no-heading p {
  margin: .5em 0;
}

.m-whisperbox__icon {
  position: absolute;
  background-color: #fff;
  top: -16px;
  padding: 0 12px;
  left: 50%;
  transform: translateX(-50%);
}

.m-whisperbox__icon svg {
  width: 28px;
  height: 28px;
}

.m-fact-sheet {
  background: #fafafa;
}

.m-fact-sheet__overview {
  padding: 1rem;
}

@media screen and (min-width: 648px) {
  .m-fact-sheet__overview {
    display: grid;
    grid-template-columns: 60% 40%;
    grid-template-rows: 1fr auto;
    padding: 0;
    width: 100%;
  }
}

.m-fact-sheet__left {
  padding-bottom: 1.5rem;
}

@media screen and (min-width: 648px) {
  .m-fact-sheet__left {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 1;
    padding: 1.5rem;
  }
}

.m-fact-sheet__right {
  padding: 1rem;
  color: #fff;
  background: #5000e2;
}

@media screen and (min-width: 648px) {
  .m-fact-sheet__right {
    grid-column-start: 2;
    grid-column-end: span 1;
    grid-row-start: 1;
    grid-row-end: span 2;
    padding: 1.5rem;
  }
}

.m-fact-sheet__buttons {
  padding-top: 1.5rem;
}

.m-fact-sheet__buttons .a-button:first-child {
  margin-right: 16px;
}

@media screen and (min-width: 648px) {
  .m-fact-sheet__buttons {
    grid-column-start: 1;
    grid-column-end: span 1;
    grid-row-start: 2;
    grid-row-end: span 1;
    padding: 1.5rem;
    padding-top: 0;
  }
}

.m-fact-sheet__image {
  display: block;
  max-width: 86px;
}

@media screen and (min-width: 648px) {
  .m-fact-sheet__image {
    max-width: 149px;
  }
}

.m-fact-sheet__title {
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-fact-sheet__title {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .m-fact-sheet__title {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.m-fact-sheet__text p {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-fact-sheet__text p {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-fact-sheet__text p {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-fact-sheet__detail:last-child .m-fact-sheet__text p {
  margin-bottom: 0;
}

.m-fact-sheet__text li {
  font-size: 18px;
}

.m-fact-sheet__text--description {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-fact-sheet__text--description {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-fact-sheet__text--description {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) {
  .m-fact-sheet__text--description {
    font-size: 18px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) and (min-width: 680px) and (max-width: 1694px) {
  .m-fact-sheet__text--description {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) and (min-width: 1695px) {
  .m-fact-sheet__text--description {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-fact-sheet__list {
  margin: 0;
}

.m-fact-sheet__term {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-top: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-fact-sheet__term {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-fact-sheet__term {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-fact-sheet__term:first-child {
  margin-top: 0;
}

.m-fact-sheet__definition {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin-left: 0;
  border-bottom: 1px solid #979797;
  padding-bottom: 0.75rem;
  font-weight: bold;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-fact-sheet__definition {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-fact-sheet__definition {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-fact-sheet__definition:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.m-fact-sheet__details {
  padding: 1.5rem;
  background: #fafafa;
}

.m-fact-sheet__detail {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-fact-sheet__detail {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-fact-sheet__detail {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-fact-sheet__detail:last-child {
  margin-bottom: 0;
}

.m-fact-sheet__heading {
  margin-top: 0;
  margin-bottom: 0.75rem;
}

.m-fact-sheet__table {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin: 0;
  border-bottom: 1px solid #cacaca;
  table-layout: auto;
  word-break: initial;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-fact-sheet__table {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-fact-sheet__table {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) {
  .m-fact-sheet__table {
    font-size: 18px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) and (min-width: 680px) and (max-width: 1694px) {
  .m-fact-sheet__table {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) and (min-width: 1695px) {
  .m-fact-sheet__table {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-fact-sheet__table a {
  font-weight: bold;
}

.m-fact-sheet__table th,
.m-fact-sheet__table td {
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  padding: 0.75rem;
}

@media screen and (min-width: 648px) {
  .m-fact-sheet__table th,
  .m-fact-sheet__table td {
    white-space: nowrap;
  }

  .m-fact-sheet__table th:first-child,
  .m-fact-sheet__table td:first-child {
    width: 100%;
    white-space: normal;
  }
}

.m-fact-sheet__table th {
  padding-top: 0;
}

.m-fact-sheet__table tr:last-child td {
  padding-bottom: 0.75rem;
}

.m-fact-sheet__actions {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin-top: -1rem;
  padding: 1rem;
  text-align: center;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-fact-sheet__actions {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-fact-sheet__actions {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 648px) {
  .m-fact-sheet__actions {
    margin-top: -1.5rem;
    padding: 1.5rem;
  }
}

ul.m-portfolio-upload__attachment-list {
  list-style: none;
  padding-left: 0;
}

.m-portfolio-upload__file-upload {
  border: 1px dashed #cacacc;
  background-color: #fafafa;
  padding: 1.5rem;
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.m-portfolio-upload__file-upload input[type="file"] {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}

label.m-portfolio-upload__file-file-label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

.m-portfolio-upload__file-upload__hint {
  font-size: 18px;
  color: #3a343a;
  text-align: center;
}

.m-portfolio-upload__file-upload__hint p {
  margin: 0.5rem;
}

.m-portfolio-upload__file-upload__hint-link {
  color: #de00a5;
}

p.m-portfolio-upload__file-upload__hint-filetype {
  font-size: 16px;
}

.m-portfolio-upload__progress {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  width: 100%;
}

.m-portfolio-upload__progress__label {
  text-align: center;
  margin-bottom: 10px;
}

.m-portfolio-upload__progress__bar {
  margin-bottom: 10px;
}

.m-futurelearn-for-business-contact__heading {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-futurelearn-for-business-contact__heading {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-futurelearn-for-business-contact__heading {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.m-futurelearn-for-business-contact__message {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-futurelearn-for-business-contact__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-futurelearn-for-business-contact__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-futurelearn-for-business-contact__row {
  margin: -1.5rem;
}

.m-futurelearn-for-business-contact__row::before,
.m-futurelearn-for-business-contact__row::after {
  content: " ";
  display: table;
}

.m-futurelearn-for-business-contact__row::after {
  clear: both;
}

.m-futurelearn-for-business-contact__col {
  padding: 1.5rem;
}

.m-futurelearn-for-business-contact__col>*:first-child {
  margin-top: 0;
}

.m-futurelearn-for-business-contact__col>*:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 648px) {
  .m-futurelearn-for-business-contact__col {
    padding: 1.5rem;
    float: left;
    width: 50%;
  }

  .m-futurelearn-for-business-contact__col:nth-child(2n+1) {
    clear: left;
  }
}

.o-billboard {
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.o-billboard__content {
  text-align: center;
}

.o-billboard__header {
  margin-bottom: 3rem;
}

.o-billboard__headline {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-billboard__headline {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-billboard__headline {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.o-billboard__heading {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-billboard__heading {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .o-billboard__heading {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.o-billboard__message {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-billboard__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-billboard__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.o-billboard__cta {
  margin-top: 3rem;
}

.o-billboard__cta--double .a-button {
  display: block;
  width: 160px;
  margin: 0 auto;
}

.o-billboard__cta--double .a-button:first-child {
  margin-bottom: 20px;
}

@media screen and (min-width: 480px) {
  .o-billboard__cta--double .a-button {
    display: inline-block;
    width: auto;
    margin: 0 10px;
  }

  .o-billboard__cta--double .a-button:first-child {
    margin-bottom: 0;
  }
}

.o-billboard__cta-supporting-label {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  display: inline-block;
  margin-top: 1.5rem;
  margin-bottom: 0;
  color: #fff;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-billboard__cta-supporting-label {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-billboard__cta-supporting-label {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.o-billboard__cta-supporting-label:hover {
  color: #fff;
}

.o-billboard--discussion {
  background-color: #030303;
}

.o-billboard--discussion img {
  width: auto;
  max-width: 100%;
  padding-top: 3rem;
  padding-bottom: 0;
}

.o-billboard--program-promo,
.o-billboard--run-promo {
  position: relative;
}

.o-billboard--program-promo:before,
.o-billboard--run-promo:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
  opacity: .43;
}

.o-billboard--program-promo .o-billboard__content,
.o-billboard--run-promo .o-billboard__content {
  position: relative;
  z-index: 1;
}

.o-billboard--right {
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 1169px) {
  .o-billboard--right {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.o-billboard__content--study-uk {
  max-width: 840px;
}

.o-checkout-summary {
  color: #727376;
}

.o-checkout-summary::before,
.o-checkout-summary::after {
  content: " ";
  display: table;
}

.o-checkout-summary::after {
  clear: both;
}

.o-checkout-summary p {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-checkout-summary p {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-checkout-summary p {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-checkout-summary__image {
  display: block;
  border: 1px solid #ededee;
}

@media screen and (min-width: 680px) {
  .o-checkout-summary__image {
    float: left;
    width: 204px;
    margin-right: 16px;
  }
}

.o-checkout-summary__details {
  overflow: hidden;
  margin-top: 24px;
}

@media screen and (min-width: 680px) {
  .o-checkout-summary__details {
    margin-top: 0;
  }
}

.o-checkout-summary__course-title,
.o-checkout-summary__organisation {
  margin: 0;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  text-transform: uppercase;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-checkout-summary__course-title,
  .o-checkout-summary__organisation {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-checkout-summary__course-title,
  .o-checkout-summary__organisation {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-checkout-summary__course-title {
  color: #3a343a;
}

.o-digital-award {
  position: relative;
  text-align: center;
}

.o-digital-award__banner {
  position: relative;
  text-align: center;
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/awards/congratulations-banner-small-ee1c05c92f270a209756f22840a625d3.jpg) no-repeat;
  background-size: cover;
  color: #fff;
}

@media screen and (min-width: 648px) {
  .o-digital-award__banner {
    background: url(https://cdn.futurelearn.com/packs/app/assets/images/awards/congratulations-banner-medium-765dcc7b363e6708dacf9335fdf805ed.jpg) no-repeat;
    background-size: cover;
  }
}

@media screen and (min-width: 900px) {
  .o-digital-award__banner {
    background: url(https://cdn.futurelearn.com/packs/app/assets/images/awards/congratulations-banner-large-7b262ee001fe42f6408b3b131ee6f46d.jpg) no-repeat;
    background-size: cover;
  }
}

.o-digital-award__text-shadow {
  text-shadow: 0 0 7px rgba(0,0,0,0.4);
}

.o-digital-award__id-verified-badge {
  position: absolute;
  margin-right: 0;
  padding-right: 0;
  top: 305px;
  right: 20px;
}

@media screen and (min-width: 680px) {
  .o-digital-award__id-verified-badge {
    right: 64px;
    top: 347px;
  }
}

.o-eureka {
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
  animation: bounceInUp 2s;
  animation-fill-mode: both;
}

.o-eureka__img {
  -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
}

.o-eureka__question {
  position: absolute;
  top: -74px;
  left: -1px;
  width: 190px;
  animation: swing .8s;
  animation-fill-mode: both;
  animation-delay: 2s;
  transform-origin: 85% 100%;
  -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
  z-index: 2;
}

.o-eureka__bubble {
  position: absolute;
  display: table;
  top: 0;
  left: -145px;
  width: 200px;
  height: 150px;
  padding: 20px;
  font-size: 16px;
  line-height: 20px;
  background: #fff;
  box-shadow: 0 0 20px rgba(0,0,0,0.3);
  border-radius: 150px / 110px;
  text-align: center;
  font-weight: bold;
  animation: zoomIn 4.4s;
  animation-fill-mode: both;
  animation-delay: 2.8s;
  animation-direction: alternate;
  animation-iteration-count: 2;
  transform-origin: 100% 100%;
}

.o-eureka__bubble span {
  display: table-cell;
  vertical-align: middle;
}

.o-eureka__bubble:after {
  display: block;
  content: "";
  position: absolute;
  top: 104px;
  right: 3px;
  width: 20px;
  height: 16px;
  box-shadow: 5px -5px 10px 0 rgba(0,0,0,0.15);
  background-color: #fff;
  transform: rotate(60deg) skew(-35deg);
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

.bounceOutDown {
  animation: bounceOutDown 2s;
  animation-fill-mode: both;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  18% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }

  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.o-idv-benefits__spotlight:nth-child(1) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/identity-verification/how-it-works/spotlight/small/certificate-13329944945b1d74e1a436423e34af94.png);
}

.o-idv-benefits__spotlight:nth-child(2) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/identity-verification/how-it-works/spotlight/small/university-4e52b1e0e3bdba2aac42fd1f8ce9062c.png);
}

.o-idv-benefits__spotlight:nth-child(3) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/identity-verification/how-it-works/spotlight/small/phone-id-69bb6050ba5aaac934cce7f781b464af.png);
}

@media screen and (min-width: 680px) {
  .o-idv-benefits__spotlight:nth-child(1) {
    background-color: #0054a0;
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/identity-verification/how-it-works/spotlight/wide/certificate-43f15d8b314f445a8263cb2e670ca9d1.png);
  }

  .o-idv-benefits__spotlight:nth-child(2) {
    background-color: #000000;
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/identity-verification/how-it-works/spotlight/wide/university-3f2c62f46a2530f25484a76ab81cd670.jpg);
  }

  .o-idv-benefits__spotlight:nth-child(3) {
    background-color: #e87e73;
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/identity-verification/how-it-works/spotlight/wide/phone-id-0fdfa288e9c6caab05b0544ddbf60b9f.png);
  }
}

.o-main-header {
  position: relative;
  z-index: 2;
  min-height: 76px;
}

.o-main-header::before,
.o-main-header::after {
  content: " ";
  display: table;
}

.o-main-header::after {
  clear: both;
}

.o-main-header__logo {
  position: absolute;
  left: 16px;
  top: 16px;
}

.o-main-header__tools {
  position: absolute;
  top: 16px;
  right: 16px;
}

.o-main-header--run {
  border-bottom: 0;
  padding: 16px 120px 16px 76px;
}

.o-motivational-placeholder {
  text-align: center;
  color: #393b42;
}

.o-motivational-placeholder__heading {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

.o-motivational-placeholder__message {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-motivational-placeholder__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-motivational-placeholder__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.o-order-confirmation__heading {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  margin-top: 4rem;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-order-confirmation__heading {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .o-order-confirmation__heading {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.o-order-confirmation__message {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 3rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-order-confirmation__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-order-confirmation__message {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.o-order-confirmation__order-details__heading {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-order-confirmation__order-details__heading {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-order-confirmation__order-details__heading {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.o-order-confirmation__order-details__row {
  overflow: hidden;
  border-top: 1px solid #ededee;
  border-bottom: 1px solid #ededee;
}

.o-order-confirmation__order-details__row+.o-order-confirmation__order-details__row {
  border-top: 0;
}

.o-order-confirmation__order-details-total-row {
  overflow: hidden;
  margin-bottom: 3rem;
}

.o-order-confirmation__order-details__row__item {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  display: inline-block;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-weight: 700;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-order-confirmation__order-details__row__item {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-order-confirmation__order-details__row__item {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-order-confirmation__order-details__row__item+.o-order-confirmation__order-details__row__item {
  float: right;
}

.o-order-confirmation__order-details__price {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-top: 0.75rem;
  margin-bottom: 0;
  font-weight: 700;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-order-confirmation__order-details__price {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-order-confirmation__order-details__price {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.o-order-confirmation__order-details-price-subtitle {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: 700;
  margin: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-order-confirmation__order-details-price-subtitle {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-order-confirmation__order-details-price-subtitle {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-order-confirmation__cta {
  margin-bottom: 3rem;
  text-align: left;
}

.o-order-confirmation__support {
  margin-top: 4rem;
}

.o-order-confirmation__support>p {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-order-confirmation__support>p {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-order-confirmation__support>p {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-order-confirmation__support__heading {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
  font-weight: 700;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-order-confirmation__support__heading {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-order-confirmation__support__heading {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-order-confirmation__disclaimer {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  color: #727376;
  text-align: center;
  max-width: 32em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-order-confirmation__disclaimer {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-order-confirmation__disclaimer {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-profile {
  text-align: center;
}

.o-profile .a-avatar {
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.o-profile .a-avatar__initials {
  font-size: 73.978px;
  line-height: 200px;
}

.o-profile__avatar {
  width: 200px;
  height: 200px;
}

.o-profile__id-verified-badge {
  position: absolute;
  margin-right: 0;
  padding-right: 0;
  top: 95px;
  right: 20px;
}

@media screen and (min-width: 680px) {
  .o-profile__id-verified-badge {
    right: 64px;
    top: 130px;
  }
}

.o-profile__name {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-profile__name {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .o-profile__name {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.o-profile__description {
  margin-top: 2rem;
}

.o-profile__description>p {
  margin: 0;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-profile__description>p {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-profile__description>p {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.o-profile__description>p+p {
  margin-top: 0.75rem;
}

.o-profile__location {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-top: 2rem;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 700;
  color: #727376;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-profile__location {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-profile__location {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-profile__location-label {
  color: #3a343a;
}

.o-profile__button {
  margin-top: 2rem;
}

.o-profile__blocked-user {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 2rem;
  margin-bottom: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-profile__blocked-user {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-profile__blocked-user {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.o-profile__report-user {
  margin-top: 2rem;
}

.o-profile__suspend-user {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-profile__suspend-user {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-profile__suspend-user {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-profile__suspend-user textarea {
  width: 100%;
  max-width: 50%;
  margin: 0 auto;
}

.o-profile__suspend-user .link {
  font-weight: bold;
}

.o-profile-activity .m-section-tabs__items {
  margin-top: 0;
}

.o-profile-activity .media-feed.media-small.media-sectioned .media_body .preamble_headline.followfeed {
  float: none;
}

.o-profile-activity__heading {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  text-align: center;
  margin-bottom: 3rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-profile-activity__heading {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .o-profile-activity__heading {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.o-profile-courses__heading {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  margin-bottom: 3rem;
  text-align: center;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-profile-courses__heading {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .o-profile-courses__heading {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.o-profile-courses__runs {
  padding: 0;
  list-style: none;
}

.o-profile-courses__run {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  font-weight: 700;
  border-top: 1px solid #ededee;
}

.o-profile-courses__run-details {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-profile-courses__run-details {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-profile-courses__run-details {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-profile-courses__run-title {
  color: #3a343a;
}

.o-profile-courses__run-org {
  color: #727376;
}

.o-profile-courses__run-user-public-role {
  color: #3a343a;
}

.o-profile-courses__public-role {
  flex-shrink: 0;
  margin-left: 5px;
}

.o-progress {
  overflow: hidden;
  flex: 1 0 auto;
  margin-top: 8px;
  background-color: #2541fc;
  background-image: linear-gradient(to bottom, #2541fc 0%, #de00a5 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2541fc', endColorstr='#de00a5', GradientType=0)";
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2541fc', endColorstr='#de00a5',GradientType=0)";
  color: #fff;
}

.o-progress--plain {
  background: transparent;
  color: #3a343a;
}

.o-progress__content {
  overflow: hidden;
}

.o-proof-product {
  position: relative;
  text-align: center;
  padding-top: 83px;
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/digital-proof-background-cbaad787e23f52cf9908912a8a976ec6.svg) no-repeat 50% -219px;
  background-size: 648px;
}

@media screen and (min-width: 480px) {
  .o-proof-product {
    background-position: 50% -86px;
  }
}

@media screen and (min-width: 1280px) {
  .o-proof-product {
    background-size: 729px;
    background-position: 50% -119px;
  }
}

.o-proof-product::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 40px;
  height: 176px;
  margin-left: -20px;
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/ribbon-sop-a1c720b5c36a2b2a766fd1ac28830d94.svg) no-repeat 0 -93px;
}

@media screen and (min-width: 480px) {
  .o-proof-product {
    padding-top: 185px;
  }

  .o-proof-product::before {
    width: 54px;
    height: 238px;
    margin-left: -27px;
    background-position: 0 -53px;
  }
}

.o-proof-product__id-verified-badge {
  position: absolute;
  margin-right: 0;
  padding-right: 0;
  top: 19px;
  right: 20px;
}

@media screen and (min-width: 680px) {
  .o-proof-product__id-verified-badge {
    right: 64px;
    top: 54px;
  }
}

.o-proof-product--coa::before {
  height: 137px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/ribbon-coa-f4d29a60175075d6cc012695eb4a820b.svg);
  background-position: 0 -53px;
}

@media screen and (min-width: 480px) {
  .o-proof-product--coa::before {
    height: 185px;
    background-position: 0 0;
  }
}

.o-proof-product__cards {
  margin-top: 80px;
}

.o-proof-product__overview a {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  color: inherit;
}

.o-proof-product__overview a:active,
.o-proof-product__overview a:hover {
  outline: 0;
}

.o-proof-product__overview a:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .o-proof-product__overview a:focus {
  outline: none;
}

.o-proof-product__overview a:hover {
  color: #2541fc;
}

.o-proof-product__heading {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
  color: #de00a5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-proof-product__heading {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-proof-product__heading {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.o-proof-product__name {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  margin-bottom: 2rem;
  font-weight: 700;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-proof-product__name {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .o-proof-product__name {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.o-proof-product__participation {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-proof-product__participation {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-proof-product__participation {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.o-proof-product__program-title,
.o-proof-product__run-title,
.o-proof-product__organisation-title {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-proof-product__program-title,
  .o-proof-product__run-title,
  .o-proof-product__organisation-title {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-proof-product__program-title,
  .o-proof-product__run-title,
  .o-proof-product__organisation-title {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.o-proof-product__organisation-title {
  margin-bottom: 1.5rem;
  color: #727376;
}

.o-proof-product__description {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-proof-product__description {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-proof-product__description {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.o-proof-product__duration {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 5rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-proof-product__duration {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-proof-product__duration {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.o-proof-product__signatories {
  margin-bottom: 5rem;
}

.o-proof-product__signatories__heading {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 0.75rem;
  font-weight: 200;
  text-transform: uppercase;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-proof-product__signatories__heading {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-proof-product__signatories__heading {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-proof-product__signatory+.o-proof-product__signatory {
  margin-top: 0.75rem;
}

.o-proof-product__signatory__name,
.o-proof-product__signatory__title,
.o-proof-product__signatory__organisation {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin: 0;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-proof-product__signatory__name,
  .o-proof-product__signatory__title,
  .o-proof-product__signatory__organisation {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-proof-product__signatory__name,
  .o-proof-product__signatory__title,
  .o-proof-product__signatory__organisation {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-proof-product__signatory__name {
  font-weight: 700;
}

.o-proof-product__organisations {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5rem;
}

@media screen and (min-width: 648px) {
  .o-proof-product__organisations {
    flex-direction: row;
  }
}

.o-proof-product__organisations__logo {
  height: 60px;
  margin-top: 2rem;
}

@media screen and (min-width: 480px) {
  .o-proof-product__organisations__logo {
    margin-left: 50px;
  }
}

@media screen and (min-width: 648px) {
  .o-proof-product__organisations__logo {
    margin-left: 85px;
  }
}

.o-proof-product__organisations__logo:first-child {
  margin-left: 0;
}

.o-proof-product__organisations__logo--endorser {
  height: 40px;
}

.o-proof-product__endorsers .o-proof-product__organisations__logo:first-child {
  margin-top: 0;
}

.o-proof-product__endorsers__heading {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-weight: 200;
  text-transform: uppercase;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-proof-product__endorsers__heading {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-proof-product__endorsers__heading {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-proof-product__date_of_issue {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  margin-bottom: 0.75rem;
  color: #727376;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-proof-product__date_of_issue {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-proof-product__date_of_issue {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-proof-product-share--panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.o-proof-product-share--panel .o-proof-product-share__sharing-links {
  margin-bottom: 0.75rem;
}

.o-proof-product-share--panel .o-proof-product-share__linkedin-cta {
  margin-bottom: 1.5rem;
}

.o-proof-product-share--panel .o-proof-product-share__url {
  float: none;
  margin: 8px auto 0 auto;
}

.o-proof-product-share__heading {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  color: #3a343a;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-proof-product-share__heading {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-proof-product-share__heading {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.o-proof-product-share__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 50%;
  margin-bottom: 55px;
}

.o-proof-product-share__linkedin-cta {
  background-color: #0077b5;
  border-color: #0077b5;
  padding-top: 0;
  padding-bottom: 4px;
  max-height: 31px;
}

.o-proof-product-share__linkedin-cta:hover {
  background-color: #2541fc;
  border-color: #2541fc;
}

.o-proof-product-share__linkedin-cta span::before {
  margin-right: .2em;
}

.o-proof-product-share__label {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: normal;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-proof-product-share__label {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-proof-product-share__label {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.o-proof-product-share__url {
  color: #727376;
  max-width: none;
}

@media screen and (min-width: 648px) {
  .o-proof-product-share__url {
    max-width: 300px;
  }
}

.o-proof-product-share__sharing-links {
  margin-bottom: -7px;
}

.m-banner+.o-proof-product-share {
  display: none;
}

.o-proof-product-share__linkedin-cta .a-icon {
  display: inline;
  padding: 0;
  margin: 0;
}

.o-proof-product-share__linkedin-cta .a-icon .a-svg-icon {
  width: 27px;
  height: auto;
  vertical-align: bottom;
}

.o-proof-promo__header {
  position: relative;
  padding-top: 83px;
}

@media screen and (min-width: 480px) {
  .o-proof-promo__header {
    padding-top: 110px;
  }
}

.o-proof-promo__header::before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 40px;
  height: 176px;
  margin-left: -20px;
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/ribbon-sop-a1c720b5c36a2b2a766fd1ac28830d94.svg) no-repeat 0 -93px;
}

@media screen and (min-width: 480px) {
  .o-proof-promo__header::before {
    width: 54px;
    height: 238px;
    margin-left: -27px;
    background-position: 0 -128px;
  }
}

.o-proof-promo--certificate .o-proof-promo__header {
  text-shadow: none;
  min-height: 480px;
}

@media screen and (min-width: 900px) {
  .o-proof-promo--certificate .o-proof-promo__header {
    min-height: 640px;
  }
}

.o-proof-promo--certificate .o-proof-promo__header::before {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/ribbon-coa-promo-ce77a32e516d9c909f56800d2a4f9f09.svg);
}

.o-proof-promo__header__title {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  text-align: center;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-proof-promo__header__title {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .o-proof-promo__header__title {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.o-proof-promo__header__badge {
  position: absolute;
  top: 200px;
  right: 30px;
}

@media screen and (min-width: 480px) {
  .o-proof-promo__header__badge {
    right: 60px;
  }
}

.o-proof-promo__buy-now,
.o-proof-promo__pricing {
  margin-top: 30px;
}

.o-proof-promo__buy-now--secondary {
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}

.o-proof-promo__spotlight--evidence {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/mobile/evidence-0faf21911a65756f689c37e7f5f805a9.jpg);
}

@media screen and (min-width: 680px) {
  .o-proof-promo__spotlight--evidence {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/wide/evidence-b3ea6be75fc8bbdfe0866dacdd898117.jpg);
    background-color: #0154a0;
  }
}

.o-proof-promo__spotlight--sop-celebrate {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/mobile/sop-celebrate-bb78bb6732793984d452fe40315f88d2.jpg);
}

@media screen and (min-width: 680px) {
  .o-proof-promo__spotlight--sop-celebrate {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/wide/sop-celebrate-bc7f3c42f355e181dbd05de359768a23.jpg);
    background-color: #fb938a;
  }
}

.o-proof-promo__spotlight--coa-celebrate {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/mobile/coa-celebrate-4665b073ebf672cfd7f2f8942b434632.jpg);
}

@media screen and (min-width: 680px) {
  .o-proof-promo__spotlight--coa-celebrate {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/wide/coa-celebrate-ab99caacbfb128be0280c685e68ca93b.jpg);
    background-color: #fb938a;
  }
}

.o-proof-promo__spotlight--collect {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/mobile/sop-collect-dd97747e4c407ae0a15db198c3c36f14.jpg);
}

@media screen and (min-width: 680px) {
  .o-proof-promo__spotlight--collect {
    background-image: none;
    background-color: #727377;
  }
}

.o-proof-promo__spotlight--share {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/mobile/share-84849ee5f54cdf4f5a2e0fe81097edea.jpg);
}

@media screen and (min-width: 680px) {
  .o-proof-promo__spotlight--share {
    background-image: none;
    background-color: #fecc51;
  }
}

.o-proof-promo__also-available {
  position: relative;
  padding-bottom: 52.00617%;
}

.o-proof-promo__also-available-image {
  position: absolute;
  top: 0;
  left: 0;
}

.o-proof-promo__also-available-badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.o-proof-promo-gallery {
  position: relative;
}

.o-proof-promo-gallery__carousel {
  overflow: hidden;
  list-style: none;
  width: 300%;
  padding: 0;
  margin: 0;
  transition: transform ease-out 0.4s;
}

.o-proof-promo-gallery__pane {
  float: left;
  width: 33.33333%;
  opacity: 0;
  transition: opacity linear 0.4s;
}

.o-proof-promo-gallery__pane>img {
  display: block;
}

.o-proof-promo-gallery__carousel--pane-1 {
  transform: translateX(0%);
}

.o-proof-promo-gallery__carousel--pane-1 .o-proof-promo-gallery__pane:nth-child(1) {
  opacity: 1;
}

.o-proof-promo-gallery__carousel--pane-2 {
  transform: translateX(-33.33333%);
}

.o-proof-promo-gallery__carousel--pane-2 .o-proof-promo-gallery__pane:nth-child(2) {
  opacity: 1;
}

.o-proof-promo-gallery__carousel--pane-3 {
  transform: translateX(-66.66667%);
}

.o-proof-promo-gallery__carousel--pane-3 .o-proof-promo-gallery__pane:nth-child(3) {
  opacity: 1;
}

.o-proof-promo-gallery__nav {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  left: 0;
  bottom: 4px;
  list-style: none;
  text-align: center;
  letter-spacing: -0.31em;
  line-height: 1;
}

@media screen and (min-width: 648px) {
  .o-proof-promo-gallery__nav {
    bottom: 22px;
  }
}

.o-proof-promo-gallery__nav-item {
  display: inline-block;
  letter-spacing: normal;
}

.o-proof-promo-gallery__nav-item+.o-proof-promo-gallery__nav-item {
  margin-left: 10px;
}

.o-proof-promo-gallery__button {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 12px;
  height: 12px;
  border: 1px solid #727376;
  border-radius: 50%;
  transition-property: background-color, border-color;
  transition-timing-function: linear;
  transition-duration: 0.4s;
}

.o-proof-promo-gallery__button:hover,
.o-proof-promo-gallery__nav-item--selected>.o-proof-promo-gallery__button {
  border-color: #de00a5;
  background-color: #de00a5;
}

.no-js .o-proof-promo-gallery__pane:first-child {
  opacity: 1;
}

.o-proof-promo-motion--collect {
  display: none;
  position: absolute;
  top: -40%;
  right: 60%;
  width: 1000px;
  height: 928px;
  transform: rotate(-30deg);
}

@media screen and (min-width: 680px) {
  .o-proof-promo-motion--collect {
    display: block;
  }
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer {
  position: absolute;
  width: 160px;
  height: 226px;
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-front-680a39a20fabafd43f6ba2f0309a0fe1.jpg) no-repeat 0 0;
  background-size: 160px 226px;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(1) {
  opacity: 0;
  top: 0;
  left: 840px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-front-680a39a20fabafd43f6ba2f0309a0fe1.jpg);
  transition: opacity 150ms ease-in 150ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(2) {
  opacity: 0;
  top: 234px;
  left: 840px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-back-36b411431a4fbc62ab689078dda1a1e1.jpg);
  transition: opacity 150ms ease-in 300ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(3) {
  opacity: 0;
  top: 468px;
  left: 840px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-front-680a39a20fabafd43f6ba2f0309a0fe1.jpg);
  transition: opacity 150ms ease-in 450ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(4) {
  opacity: 0;
  top: 702px;
  left: 840px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-back-36b411431a4fbc62ab689078dda1a1e1.jpg);
  transition: opacity 150ms ease-in 600ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(5) {
  opacity: 0;
  top: 702px;
  left: 672px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-front-680a39a20fabafd43f6ba2f0309a0fe1.jpg);
  transition: opacity 150ms ease-in 750ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(6) {
  opacity: 0;
  top: 468px;
  left: 672px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-back-36b411431a4fbc62ab689078dda1a1e1.jpg);
  transition: opacity 150ms ease-in 900ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(7) {
  opacity: 0;
  top: 234px;
  left: 672px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-front-680a39a20fabafd43f6ba2f0309a0fe1.jpg);
  transition: opacity 150ms ease-in 1050ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(8) {
  opacity: 0;
  top: 0px;
  left: 672px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-back-36b411431a4fbc62ab689078dda1a1e1.jpg);
  transition: opacity 150ms ease-in 1200ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(9) {
  opacity: 0;
  top: 0px;
  left: 504px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-front-680a39a20fabafd43f6ba2f0309a0fe1.jpg);
  transition: opacity 150ms ease-in 1350ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(10) {
  opacity: 0;
  top: 234px;
  left: 504px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-back-36b411431a4fbc62ab689078dda1a1e1.jpg);
  transition: opacity 150ms ease-in 1500ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(11) {
  opacity: 0;
  top: 468px;
  left: 504px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-front-680a39a20fabafd43f6ba2f0309a0fe1.jpg);
  transition: opacity 150ms ease-in 1650ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(12) {
  opacity: 0;
  top: 702px;
  left: 504px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-back-36b411431a4fbc62ab689078dda1a1e1.jpg);
  transition: opacity 150ms ease-in 1800ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(13) {
  opacity: 0;
  top: 702px;
  left: 336px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-front-680a39a20fabafd43f6ba2f0309a0fe1.jpg);
  transition: opacity 150ms ease-in 1950ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(14) {
  opacity: 0;
  top: 468px;
  left: 336px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-back-36b411431a4fbc62ab689078dda1a1e1.jpg);
  transition: opacity 150ms ease-in 2100ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(15) {
  opacity: 0;
  top: 234px;
  left: 336px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-front-680a39a20fabafd43f6ba2f0309a0fe1.jpg);
  transition: opacity 150ms ease-in 2250ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(16) {
  opacity: 0;
  top: 0px;
  left: 336px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-back-36b411431a4fbc62ab689078dda1a1e1.jpg);
  transition: opacity 150ms ease-in 2400ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(17) {
  opacity: 0;
  top: 0px;
  left: 168px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-front-680a39a20fabafd43f6ba2f0309a0fe1.jpg);
  transition: opacity 150ms ease-in 2550ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(18) {
  opacity: 0;
  top: 234px;
  left: 168px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-back-36b411431a4fbc62ab689078dda1a1e1.jpg);
  transition: opacity 150ms ease-in 2700ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(19) {
  opacity: 0;
  top: 468px;
  left: 168px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-front-680a39a20fabafd43f6ba2f0309a0fe1.jpg);
  transition: opacity 150ms ease-in 2850ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(20) {
  opacity: 0;
  top: 702px;
  left: 168px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-back-36b411431a4fbc62ab689078dda1a1e1.jpg);
  transition: opacity 150ms ease-in 3000ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(21) {
  opacity: 0;
  top: 702px;
  left: 0px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-front-680a39a20fabafd43f6ba2f0309a0fe1.jpg);
  transition: opacity 150ms ease-in 3150ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(22) {
  opacity: 0;
  top: 468px;
  left: 0px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-back-36b411431a4fbc62ab689078dda1a1e1.jpg);
  transition: opacity 150ms ease-in 3300ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(23) {
  opacity: 0;
  top: 234px;
  left: 0px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-front-680a39a20fabafd43f6ba2f0309a0fe1.jpg);
  transition: opacity 150ms ease-in 3450ms;
}

.o-proof-promo-motion--collect .o-proof-promo-motion__layer:nth-child(24) {
  opacity: 0;
  top: 0px;
  left: 0px;
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/sop-back-36b411431a4fbc62ab689078dda1a1e1.jpg);
  transition: opacity 150ms ease-in 3600ms;
}

.o-proof-promo-motion--collect.js-animating .o-proof-promo-motion__layer {
  opacity: 1;
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(1) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-front-998d5d3db8ac0462229bf1d7dbaf271a.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(2) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-back-d7952be66493feba6b9eb8c80b0348a4.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(3) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-front-998d5d3db8ac0462229bf1d7dbaf271a.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(4) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-back-d7952be66493feba6b9eb8c80b0348a4.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(5) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-front-998d5d3db8ac0462229bf1d7dbaf271a.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(6) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-back-d7952be66493feba6b9eb8c80b0348a4.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(7) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-front-998d5d3db8ac0462229bf1d7dbaf271a.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(8) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-back-d7952be66493feba6b9eb8c80b0348a4.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(9) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-front-998d5d3db8ac0462229bf1d7dbaf271a.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(10) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-back-d7952be66493feba6b9eb8c80b0348a4.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(11) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-front-998d5d3db8ac0462229bf1d7dbaf271a.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(12) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-back-d7952be66493feba6b9eb8c80b0348a4.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(13) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-front-998d5d3db8ac0462229bf1d7dbaf271a.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(14) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-back-d7952be66493feba6b9eb8c80b0348a4.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(15) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-front-998d5d3db8ac0462229bf1d7dbaf271a.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(16) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-back-d7952be66493feba6b9eb8c80b0348a4.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(17) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-front-998d5d3db8ac0462229bf1d7dbaf271a.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(18) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-back-d7952be66493feba6b9eb8c80b0348a4.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(19) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-front-998d5d3db8ac0462229bf1d7dbaf271a.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(20) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-back-d7952be66493feba6b9eb8c80b0348a4.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(21) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-front-998d5d3db8ac0462229bf1d7dbaf271a.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(22) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-back-d7952be66493feba6b9eb8c80b0348a4.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(23) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-front-998d5d3db8ac0462229bf1d7dbaf271a.jpg);
}

.o-proof-promo-motion--collect.o-proof-promo-motion--coa .o-proof-promo-motion__layer:nth-child(24) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/coa-back-d7952be66493feba6b9eb8c80b0348a4.jpg);
}

.o-proof-promo-motion--share {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 60%;
  width: 388px;
  height: 400px;
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/layer-frame-228868dbd5a7323b2e61b3d81fb41720.jpg) no-repeat 0 0;
  background-size: 388px 400px;
}

@media screen and (min-width: 680px) {
  .o-proof-promo-motion--share {
    display: block;
  }
}

.o-proof-promo-motion--share .o-proof-promo-motion__layer--profile {
  position: absolute;
  top: 0;
  left: 28.5px;
  width: 331px;
  height: 795.5px;
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/layer-sop-profile-cf8e8c9c3188c5cc2f78dd7a41e4a071.jpg) no-repeat 0 0;
  background-size: 331px 795.5px;
  animation: 6s ease 0s infinite proof-promo-layer-profile;
}

.o-proof-promo-motion--share .o-proof-promo-motion__layer--share {
  position: absolute;
  overflow: hidden;
  left: 36px;
  top: 450px;
  width: 259px;
  height: 296px;
}

.o-proof-promo-motion--share .o-proof-promo-motion__layer--share::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 259px;
  height: 591.5px;
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/layer-sop-share-8bbaa105f0233a7e40ba4b70e8b09a4f.jpg) no-repeat 0 0;
  background-size: 259px 591.5px;
  animation: 6s ease 0s infinite proof-promo-layer-share;
}

.o-proof-promo-motion--share .o-proof-promo-motion__layer--tap-share {
  position: absolute;
  top: 248px;
  left: 114px;
  width: 160px;
  height: 160px;
  border: 80px solid #dddddd;
  border-radius: 50%;
  opacity: 0;
  animation: 6s ease 0s infinite proof-promo-layer-tap-share;
}

.o-proof-promo-motion--share .o-proof-promo-motion__layer--tap-twitter {
  position: absolute;
  top: 64px;
  left: 88px;
  width: 160px;
  height: 160px;
  border: 80px solid #dddddd;
  border-radius: 50%;
  opacity: 0;
  animation: 6s ease 0s infinite proof-promo-layer-tap-twitter;
}

.o-proof-promo-motion--share.o-proof-promo-motion--coa .o-proof-promo-motion__layer--profile {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/layer-coa-profile-2e6316af52c9476b5e5b34fadedc4613.jpg);
}

.o-proof-promo-motion--share.o-proof-promo-motion--coa .o-proof-promo-motion__layer--share::before {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/spotlight/layer-coa-share-5731644fc9fac2ac69e3a0d655b80ae0.jpg);
}

@keyframes proof-promo-layer-profile {
  0% {
    transform: translateY(0);
  }

  5% {
    transform: translateY(0);
  }

  20% {
    transform: translateY(-395.5px);
  }

  100% {
    transform: translateY(-395.5px);
  }
}

@keyframes proof-promo-layer-share {
  0% {
    transform: translateY(0);
  }

  30% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-295.5px);
  }

  100% {
    transform: translateY(-295.5px);
  }
}

@keyframes proof-promo-layer-tap-share {
  0% {
    transform: scale(0);
    opacity: 1;
  }

  20% {
    transform: scale(0);
    opacity: 1;
  }

  30% {
    transform: scale(1);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes proof-promo-layer-tap-twitter {
  0% {
    transform: scale(0);
    opacity: 1;
  }

  50% {
    transform: scale(0);
    opacity: 1;
  }

  60% {
    transform: scale(1);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.o-proof-transcript {
  overflow: hidden;
  position: relative;
  padding-top: 140px;
  text-align: left;
}

.o-proof-transcript::before {
  position: absolute;
  content: '';
  top: 0;
  left: 50%;
  width: 40px;
  height: 140px;
  margin-left: -20px;
  background: url(https://cdn.futurelearn.com/packs/app/assets/images/proof-of-learning/ribbon-transcript-b8f5f0248a49d434a4b8673548fdc30f.svg) no-repeat 0 0;
  transform: translateY(-140px);
  transition: transform ease-out 0.4s;
}

@media screen and (min-width: 480px) {
  .o-proof-transcript {
    padding-top: 189px;
  }

  .o-proof-transcript::before {
    width: 54px;
    height: 189px;
    margin-left: -27px;
    transform: translateY(-189px);
  }
}

.o-proof-transcript h3,
.o-proof-transcript p,
.o-proof-transcript li {
  opacity: 0;
  transition: opacity linear 0.4s;
}

.o-proof-transcript__title {
  position: absolute;
  left: 50%;
  top: 102px;
  margin: 0;
  font-size: 12px;
  line-height: 1;
  letter-spacing: .05em;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  opacity: 0;
  transform-origin: 0 50%;
  transform: rotateZ(-90deg) translateX(140px);
  transition: transform ease-out 0.4s,opacity ease-out 0.4s 0.3s;
}

@media screen and (min-width: 480px) {
  .o-proof-transcript__title {
    top: 138px;
    font-size: 16px;
    transform: rotate(-90deg) translateX(189px);
  }
}

.o-proof-transcript__heading {
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  text-align: center;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-proof-transcript__heading {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .o-proof-transcript__heading {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.no-js .o-proof-transcript::before,
.o-proof-transcript.js-reveal::before {
  transform: translateY(0);
}

.no-js .o-proof-transcript .o-proof-transcript__title,
.o-proof-transcript.js-reveal .o-proof-transcript__title {
  opacity: 1;
  transform: rotate(-90deg) translateY(0);
}

.no-js .o-proof-transcript h3,
.o-proof-transcript h3.js-reveal,
.no-js .o-proof-transcript p,
.o-proof-transcript p.js-reveal,
.no-js .o-proof-transcript li,
.o-proof-transcript li.js-reveal {
  opacity: 1;
}

.m-run-proof-promo__badge {
  position: relative;
}

@media screen and (min-width: 680px) {
  .m-run-proof-promo__badge {
    position: absolute;
  }
}

.m-run-proof-promo__badge--sop {
  margin-top: -5.5rem;
}

.m-run-proof-promo__badge--coa {
  margin-top: -9.5rem;
  margin-bottom: 5.5rem;
}

.m-run-proof-promo__badge--coa+.m-run-proof-promo__badge--sop {
  left: calc(100vw - 8.5rem);
}

@media screen and (min-width: 680px) {
  .m-run-proof-promo__badge--sop {
    top: 25%;
    left: 68%;
  }

  .m-run-proof-promo__badge--coa {
    margin: 0;
    top: 60%;
    left: 60%;
  }

  .m-run-proof-promo__badge--coa+.m-run-proof-promo__badge--sop {
    margin: 0;
    top: 70%;
    left: 83%;
    right: auto;
  }
}

.o-search-bar {
  display: none;
  position: relative;
  flex: 1 0 auto;
  z-index: 101;
}

.o-search-bar__content {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  max-width: 32em;
  margin-left: auto;
  margin-right: auto;
  padding-right: 2rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-search-bar__content {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-search-bar__content {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 800px) {
  .o-search-bar__content {
    padding-right: 0;
  }
}

.o-search-bar__close {
  transition: color linear 0.4s;
  text-decoration: none;
  background-color: transparent;
  font-family: inherit;
  color: #de00a5;
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.25;
  display: block;
  position: absolute;
  right: 16px;
  top: 24.5px;
  margin-top: .2rem;
  padding: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
}

.o-search-bar__close:active,
.o-search-bar__close:hover {
  outline: 0;
}

.o-search-bar__close:focus {
  outline: 3px solid #2541fc;
}

.is-mouse-focussed .o-search-bar__close:focus {
  outline: none;
}

.o-search-bar__close:hover {
  color: #2541fc;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-search-bar__close {
    font-size: 2rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .o-search-bar__close {
    font-size: 2.25rem;
    line-height: 1.25;
  }
}

.o-search-bar__close .a-svg-icon {
  width: 20px;
}

.o-signpost {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  text-shadow: 0 0 7px rgba(0,0,0,0.4);
  background-color: #4a4d55;
  color: #fff;
  line-height: 12em;
  padding-left: 3em;
  padding-right: 3em;
  padding-top: 36.75px;
  padding-bottom: 36.75px;
  text-align: center;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-signpost {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-signpost {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.o-signpost__content {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}

.o-signpost__label {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-signpost__label {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-signpost__label {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.o-signpost__title {
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.7em;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-signpost__title {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .o-signpost__title {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.o-signpost__info {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .o-signpost__info {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .o-signpost__info {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 479px) {
  .m-grid-large .o-signpost {
    padding-left: 1em;
    padding-right: 1em;
  }
}

.o-signpost--overlay {
  position: relative;
}

.o-signpost--overlay::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000;
  opacity: .375;
}

.o-signpost--overlay .o-signpost__content {
  position: relative;
}

.o-ht-spotlight__benefits:nth-child(1) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/healthcare-training/spotlight/small/learn-together-ad70d4a07fef7e20709e19d60c04c393.jpg);
}

.o-ht-spotlight__benefits:nth-child(2) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/healthcare-training/spotlight/small/learn-from-patients-4bddeaf0d0ca9cdd04a70adde79240d9.jpg);
}

.o-ht-spotlight__benefits:nth-child(3) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/healthcare-training/spotlight/small/learn-online-9b510f083d61b28d7c2143abf5158ba8.jpg);
}

@media screen and (min-width: 680px) {
  .o-ht-spotlight__benefits:nth-child(1) {
    background-color: #648ff8;
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/healthcare-training/spotlight/wide/learn-together-2f300e1c869ffa6f8c6f2af0c30f59cf.jpg);
  }

  .o-ht-spotlight__benefits:nth-child(2) {
    background-color: #000000;
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/healthcare-training/spotlight/wide/learn-from-patients-20d765cf50b141e8cb52f7f576e74f37.jpg);
  }

  .o-ht-spotlight__benefits:nth-child(3) {
    background-color: #ededef;
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/healthcare-training/spotlight/wide/learn-online-d1bf84e55fc3e2d7c4c5c6d5ae7f2fe8.jpg);
  }
}

.o-splash {
  display: flex;
  flex: 1 0 auto;
  align-items: flex-end;
  min-height: 450px;
  background-position: center center;
  background-repeat: repeat-x;
  background-size: auto 100%;
}

@media screen and (min-width: 648px) {
  .o-splash {
    min-height: 500px;
  }
}

@media screen and (min-width: 1280px) {
  .o-splash {
    min-height: 560px;
  }
}

.o-splash p:last-child {
  margin-bottom: 0;
}

.o-splash--server-error {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/errors/server-error_small-3aa033faf8fac0f61a775566a6da4046.jpg);
}

@media screen and (min-width: 648px) {
  .o-splash--server-error {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/errors/server-error_medium-403a300d6695bd0c79e1b4ee7e2c5fff.jpg);
  }
}

@media screen and (min-width: 1280px) {
  .o-splash--server-error {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/errors/server-error_large-ca4a8bbe99d58f3dfbe4fd4fc8fb989b.jpg);
  }
}

.o-splash--invalid-token {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/errors/invalid-token_small-28b049437e7980e713e20ea62a91ad47.jpg);
  min-height: 560px;
}

@media screen and (min-width: 648px) {
  .o-splash--invalid-token {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/errors/invalid-token_medium-c773b1dc5d17520a3512d74c4ecd4263.jpg);
  }
}

@media screen and (min-width: 1280px) {
  .o-splash--invalid-token {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/errors/invalid-token_large-15aa76901550e28027493e65081f717d.jpg);
  }
}

.o-splash--not-found {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/errors/not-found_small-0b891ea6065b21508db3ba0888f0ce73.jpg);
}

@media screen and (min-width: 648px) {
  .o-splash--not-found {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/errors/not-found_medium-f5e596084f76a972acc7b986e2f6c304.jpg);
  }
}

@media screen and (min-width: 1280px) {
  .o-splash--not-found {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/errors/not-found_large-b403b2319b3da2a9b22d69168b5d4d38.jpg);
  }
}

.o-splash--service-unavailable {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/errors/service-unavailable_small-c939817a0d9ef7be0ebbcd959f6da2a6.jpg);
  min-height: 500px;
}

@media screen and (min-width: 648px) {
  .o-splash--service-unavailable {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/errors/service-unavailable_medium-6ccc65e66c066ad8035dcf7cdefb5feb.jpg);
  }
}

@media screen and (min-width: 1280px) {
  .o-splash--service-unavailable {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/errors/service-unavailable_large-1ee4ff32431d3f55366dd31ccc721c36.jpg);
    min-height: 560px;
  }
}

.o-welcome {
  text-align: center;
}

.o-welcome__icon-buttons {
  margin-top: 2rem;
}

.o-futurelearn-for-business-benefits__whitepaper {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/futurelearn-for-business/spotlight/small/whitepaper-62075502be9a266f828ac79ad235a790.jpg);
}

@media screen and (min-width: 680px) {
  .o-futurelearn-for-business-benefits__whitepaper {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/futurelearn-for-business/spotlight/wide/whitepaper-fd6199fdddb944e6a5ee8f5a1477e5be.jpg);
  }
}

.o-futurelearn-for-business-benefits__spotlight:nth-child(1) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/futurelearn-for-business/spotlight/small/social-b5bd1d5cd05cff3343e5ddd05fd5fb96.jpg);
}

.o-futurelearn-for-business-benefits__spotlight:nth-child(2) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/futurelearn-for-business/spotlight/small/analytics-723167da21af8c1bac2c5d9d335685a6.jpg);
}

.o-futurelearn-for-business-benefits__spotlight:nth-child(3) {
  background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/futurelearn-for-business/spotlight/small/custom-b60d8b676c4f0e55e5b8392998b7e6c9.jpg);
}

@media screen and (min-width: 680px) {
  .o-futurelearn-for-business-benefits__spotlight:nth-child(1) {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/futurelearn-for-business/spotlight/wide/social-38f6e99f95de14a3363ee19f49315c8e.jpg);
  }

  .o-futurelearn-for-business-benefits__spotlight:nth-child(2) {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/futurelearn-for-business/spotlight/wide/analytics-450ae1a525985ad2956d255ce537992d.jpg);
  }

  .o-futurelearn-for-business-benefits__spotlight:nth-child(3) {
    background-image: url(https://cdn.futurelearn.com/packs/app/assets/images/futurelearn-for-business/spotlight/wide/custom-628e55b14a4c4b0905fa69380adb87d3.jpg);
  }
}

.u-clear {
  clear: both !important;
}

.u-clearfix::before,
.u-clearfix::after {
  content: " ";
  display: table;
}

.u-clearfix::after {
  clear: both;
}

.u-centered {
  text-align: center !important;
}

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

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

.u-float-left {
  float: left;
}

.u-float-right {
  float: right;
}

.u-valign-middle {
  display: inline-block;
  vertical-align: middle;
}

.u-responsive-alignment {
  text-align: left;
}

@media screen and (min-width: 680px) {
  .u-responsive-alignment {
    text-align: center;
  }
}

.u-display-block {
  display: block;
}

.u-display-inline {
  display: inline !important;
}

.u-display-inline-block {
  display: inline-block !important;
}

.u-display-flex {
  display: flex !important;
  flex-wrap: wrap;
}

.u-display-flex--no-wrap {
  flex-wrap: nowrap !important;
}

.u-display-flex--space-between {
  justify-content: space-between;
}

.u-display-flex--align-center {
  align-items: center;
}

.u-display-flex--flex-end {
  justify-content: flex-end;
}

.u-last {
  margin-bottom: 0;
}

.u-relative {
  position: relative;
}

.u-hidden {
  display: none;
}

[hidden] {
  display: none !important;
}

.u-hidden-desktop {
  display: block;
}

@media screen and (min-width: 680px) {
  .u-hidden-desktop {
    display: none;
  }
}

.u-hidden-desktop--inline-block {
  display: inline-block;
}

@media screen and (min-width: 680px) {
  .u-hidden-desktop--inline-block {
    display: none;
  }
}

.u-hidden-small {
  display: none;
}

@media screen and (min-width: 680px) {
  .u-hidden-small {
    display: block;
  }
}

.u-hidden-to-medium {
  display: none;
}

@media screen and (min-width: 648px) {
  .u-hidden-to-medium {
    display: block;
  }
}

.u-hidden-from-medium {
  display: block;
}

@media screen and (min-width: 648px) {
  .u-hidden-from-medium {
    display: none;
  }
}

.u-hidden-to-large {
  display: none;
}

@media screen and (min-width: 900px) {
  .u-hidden-to-large {
    display: block;
  }
}

.u-hidden-to-xlarge-inline {
  display: none;
}

@media screen and (min-width: 1280px) {
  .u-hidden-to-xlarge-inline {
    display: inline;
  }
}

.u-hidden-from-large {
  display: block;
}

@media screen and (min-width: 900px) {
  .u-hidden-from-large {
    display: none;
  }
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-regular {
  font-weight: normal !important;
}

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

.u-font-size-inherit {
  font-size: inherit !important;
}

.u-font-xsmall {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .u-font-xsmall {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .u-font-xsmall {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.u-nowrap {
  white-space: nowrap;
}

@media screen and (min-width: 480px) {
  .u-nowrap-small {
    white-space: nowrap;
  }
}

.u-break-word {
  word-break: break-word;
}

.u-with-overlay {
  position: relative;
}

.u-with-overlay::before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000;
  opacity: .6;
}

@media screen and (min-width: 648px) {
  .u-with-overlay::before {
    opacity: .5;
  }
}

.u-after-headline {
  margin-top: 18px !important;
}

.u-interval-exsmall {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.u-interval-small {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.u-interval {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.u-interval-medium {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.u-interval-spacious {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

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

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

.u-no-margin-top-first-child>:first-child {
  margin-top: 0 !important;
}

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

.u-no-padding-top {
  padding-top: 0 !important;
}

.u-no-padding-bottom {
  padding-bottom: 0 !important;
}

.u-flex-none {
  flex: none;
}

.no-js .u-hide-if-js-unavailable {
  display: none !important;
}

.js .u-hide-if-js-available {
  display: none !important;
}

.no-js .u-show-if-js-unavailable {
  display: block !important;
}

.u-bg-white,
.u-bg-white:hover {
  background-color: #fff;
  color: #3a343a;
}

.u-bg-blue,
.u-bg-blue:hover {
  background-color: #2541fc;
  color: #fff;
}

.u-bg-purple,
.u-bg-purple:hover {
  background-color: #8700cd;
  color: #fff;
}

.u-bg-pink,
.u-bg-pink:hover {
  background-color: #de00a5;
  color: #fff;
}

.u-bg-coral,
.u-bg-coral:hover {
  background-color: #ff4a6e;
  color: #fff;
}

.u-bg-ultramarine,
.u-bg-ultramarine:hover {
  background-color: #5000e2;
  color: #fff;
}

.u-bg-gold,
.u-bg-gold:hover {
  background-color: #ffaa54;
  color: #3a343a;
}

.u-bg-yellow,
.u-bg-yellow:hover {
  background-color: #fecb51;
  color: #3a343a;
}

.u-bg-black,
.u-bg-black:hover {
  background-color: #3a343a;
  color: #fff;
}

.u-bg-orange,
.u-bg-orange:hover {
  background-color: #ff8151;
  color: #fff;
}

.u-margin-top {
  margin-top: 1rem;
}

.u-margin-right {
  margin-right: 0.75rem;
}

.u-margin-right--small {
  margin-right: 0.5rem;
}

.u-margin-left {
  margin-left: 0.75rem;
}

.u-margin-bottom {
  margin-bottom: 15px;
}

.u-margin-bottom--small {
  margin-bottom: 5px;
}

.u-blur {
  opacity: 0.25;
}

.u-padding-top-22 {
  padding-top: 22px;
}

.u-padding-bottom-22 {
  padding-bottom: 22px;
}

.u-responsive-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.u-responsive-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.u-italic {
  font-style: italic;
}

.u-space-between-children>* {
  margin-right: 1em;
}

.u-no-border {
  border: 0 !important;
}

.u-no-background {
  background: none !important;
}

.u-columns {
  columns: 2;
  column-gap: 2em;
}

.u-full-width {
  width: 100%;
}

.u-clean-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.u-no-user-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.u-readable-width {
  max-width: 32em;
}

.u-typography-bold-intro>p:first-of-type {
  font-weight: bold;
}

.u-typography-bold-intro a {
  text-decoration: underline;
}

.u-typography-xsmall {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .u-typography-xsmall {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .u-typography-xsmall {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.u-typography-xsmall p,
.u-typography-xsmall ul,
.u-typography-xsmall li,
.u-typography-xsmall dl {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.u-typography-xsmall p,
.u-typography-xsmall li,
.u-typography-xsmall table,
.u-typography-xsmall blockquote {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .u-typography-xsmall p,
  .u-typography-xsmall li,
  .u-typography-xsmall table,
  .u-typography-xsmall blockquote {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .u-typography-xsmall p,
  .u-typography-xsmall li,
  .u-typography-xsmall table,
  .u-typography-xsmall blockquote {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.u-typography-small p,
.u-typography-small li,
.u-typography-small blockquote,
.u-typography-small textarea {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .u-typography-small p,
  .u-typography-small li,
  .u-typography-small blockquote,
  .u-typography-small textarea {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .u-typography-small p,
  .u-typography-small li,
  .u-typography-small blockquote,
  .u-typography-small textarea {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.u-typography-large p {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .u-typography-large p {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .u-typography-large p {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.old-text-typescale {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .old-text-typescale {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .old-text-typescale {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.old-text-typescale--small {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .old-text-typescale--small {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .old-text-typescale--small {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.old-text-typescale--large {
  font-size: 22.5px;
  font-size: 1.25rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .old-text-typescale--large {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .old-text-typescale--large {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.old-text-nano {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .old-text-nano {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .old-text-nano {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.old-text-context-h2 {
  font-size: 27px;
  font-size: 1.5rem;
  line-height: 1.25;
  text-rendering: optimizelegibility;
  font-weight: bold;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .old-text-context-h2 {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media screen and (min-width: 1695px) {
  .old-text-context-h2 {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

.old-text-platform-small {
  font-size: 14px;
}

.old-text-platform {
  font-size: 14px;
}

.old-text-platform-x-large {
  font-size: 36px;
}

.old-text-content {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .old-text-content {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .old-text-content {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.a-label {
  display: block;
  margin-bottom: 0.375rem;
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  font-weight: bold;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-label {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-label {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.a-label--large {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .a-label--large {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .a-label--large {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.a-label--required:after {
  content: "*";
  padding-left: 5px;
}

.a-label+.a-input {
  margin-top: 3px;
}

.m-cc-feedback-message__container {
  outline: none;
  position: relative;
  box-sizing: border-box;
  clear: both;
}

.m-cc-feedback-message__container:focus:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  outline: 3px solid #2541fc;
}

.m-cc-feedback-message {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 0 20px;
  color: #3a343a;
  box-sizing: border-box;
}

.m-cc-feedback-message.m-cc-feedback-message--alert {
  border: 1px solid #ff4a6e;
}

.m-cc-feedback-message.m-cc-feedback-message--info {
  border: 1px solid #fecb51;
}

.m-cc-feedback-message.m-cc-feedback-message--success {
  border: 1px solid #45cc37;
}

.m-cc-feedback-message__icon {
  flex-shrink: 0;
  line-height: 0;
  margin-right: 15px;
}

.m-cc-feedback-message--alert .m-cc-feedback-message__icon {
  color: #ff4a6e;
}

.m-cc-feedback-message--success .m-cc-feedback-message__icon {
  color: #45cc37;
}

.m-cc-feedback-message__text {
  margin: 0;
  padding: 1em 0;
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  font-style: italic;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-cc-feedback-message__text {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-cc-feedback-message__text {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-cc-feedback-message__text--small {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-cc-feedback-message__text--small {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-cc-feedback-message__text--small {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-overview,
.m-overview ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.no-js .m-overview {
  height: auto;
}

.m-overview>.m-accordion__item:first-of-type {
  border-top: 0;
}

.m-overview .m-accordion__item {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
  outline: none;
}

.m-overview .m-accordion__item .a-svg-icon--arrow-toggle {
  position: absolute;
  width: 26px;
  left: 0.375rem;
  top: 0;
  margin-top: 0.625em;
}

.m-overview .m-accordion__item .a-svg-icon--arrow-toggle .a-svg-icon--chevron-down {
  display: block;
}

.m-overview .m-accordion__item .a-svg-icon--arrow-toggle .a-svg-icon--arrow-up {
  display: none;
}

.m-overview .m-accordion__item .m-accordion__header.ui-state-active .a-svg-icon--arrow-toggle .a-svg-icon--arrow-up {
  display: block;
}

.m-overview .m-accordion__item .m-accordion__header.ui-state-active .a-svg-icon--arrow-toggle .a-svg-icon--chevron-down {
  display: none;
}

.m-overview__activity .m-overview .m-accordion__item .a-svg-icon--arrow-toggle {
  top: 0.65rem;
}

.m-overview--list {
  margin: 2rem 0;
}

.m-overview--list .m-accordion__item {
  position: relative;
  font-weight: normal;
}

.m-overview--list .m-accordion__item .m-accordion__header {
  padding: 0.5rem 3.5rem 0.5rem 2.5rem;
}

.m-overview--list .m-accordion__item .m-accordion__header:hover,
.m-overview--list .m-accordion__item .m-accordion__header:focus {
  background: #f7f7f9;
}

.m-overview--list .m-overview__week-number,
.m-overview--list .m-overview__week-title,
.m-overview--list .m-overview__step-number,
.m-overview--list .m-overview__step-title {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}

.m-overview--list .m-overview__week-number,
.m-overview--list .m-overview__week-title {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-overview--list .m-overview__week-number,
  .m-overview--list .m-overview__week-title {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-overview--list .m-overview__week-number,
  .m-overview--list .m-overview__week-title {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-overview--list .m-overview__week-title,
.m-overview--list .m-overview__step-title {
  display: block;
}

.m-overview--list .m-overview__week-number,
.m-overview--list .m-overview__step-number {
  float: left;
  width: 24px;
  color: #3a343a;
}

.m-overview--list .m-overview__activity {
  position: relative;
  border: 1px solid #ededee;
  border-width: 1px 0 0 0;
}

.m-overview--list .m-overview__activity .m-accordion__header {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  font-weight: normal;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-overview--list .m-overview__activity .m-accordion__header {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-overview--list .m-overview__activity .m-accordion__header {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-overview--list .m-overview__activity-title {
  display: inline-block;
  padding-left: 24px;
}

.m-overview--list .m-overview__step {
  position: relative;
  border-style: hidden;
}

.m-overview--list .m-overview__step:last-child {
  padding-bottom: 0.65rem;
}

.m-overview--list .m-overview__step-row {
  padding: 0.5rem 5rem 0.5rem 2.5rem;
  color: #393b42;
}

.m-overview--list .m-overview__step-row:hover,
.m-overview--list .m-overview__step-row:focus,
.m-overview--list .m-overview__step-row:active {
  background: #f7f7f9;
}

.m-overview--list .m-overview__step-number {
  width: 40px;
  margin-left: 48px;
}

.m-overview--list .m-overview__step-type {
  color: #727376;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-overview--list .m-overview__step-type {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-overview--list .m-overview__step-type {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-overview--list .m-overview__last-edited {
  display: inline-block;
}

.m-overview--list .m-overview__step-count {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: normal;
  white-space: nowrap;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-overview--list .m-overview__step-count {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-overview--list .m-overview__step-count {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-overview--list .m-overview__week-edit,
.m-overview--list .m-overview__activity-edit,
.m-overview--list .m-overview__step-edit {
  display: block;
  position: absolute;
  right: 0.5rem;
  top: 0.65rem;
  padding: 0;
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: normal;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-overview--list .m-overview__week-edit,
  .m-overview--list .m-overview__activity-edit,
  .m-overview--list .m-overview__step-edit {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-overview--list .m-overview__week-edit,
  .m-overview--list .m-overview__activity-edit,
  .m-overview--list .m-overview__step-edit {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

.m-overview--list .m-overview__week-edit,
.m-overview--list .m-overview__week-edit:visited,
.m-overview--list .m-overview__activity-edit,
.m-overview--list .m-overview__activity-edit:visited,
.m-overview--list .m-overview__step-edit,
.m-overview--list .m-overview__step-edit:visited {
  color: #de00a5;
}

.m-overview--list .m-overview__week-edit:hover,
.m-overview--list .m-overview__week-edit:focus,
.m-overview--list .m-overview__week-edit:active,
.m-overview--list .m-overview__week-edit:visited:hover,
.m-overview--list .m-overview__week-edit:visited:focus,
.m-overview--list .m-overview__week-edit:visited:active,
.m-overview--list .m-overview__activity-edit:hover,
.m-overview--list .m-overview__activity-edit:focus,
.m-overview--list .m-overview__activity-edit:active,
.m-overview--list .m-overview__activity-edit:visited:hover,
.m-overview--list .m-overview__activity-edit:visited:focus,
.m-overview--list .m-overview__activity-edit:visited:active,
.m-overview--list .m-overview__step-edit:hover,
.m-overview--list .m-overview__step-edit:focus,
.m-overview--list .m-overview__step-edit:active,
.m-overview--list .m-overview__step-edit:visited:hover,
.m-overview--list .m-overview__step-edit:visited:focus,
.m-overview--list .m-overview__step-edit:visited:active {
  color: #2541fc;
  fill: #2541fc;
}

.m-overview--list .m-overview__week-edit .a-svg-icon--edit,
.m-overview--list .m-overview__activity-edit .a-svg-icon--edit,
.m-overview--list .m-overview__step-edit .a-svg-icon--edit {
  margin-bottom: -0.125em;
}

.m-overview--list .m-overview__activity-edit,
.m-overview--list .m-overview__step-edit {
  top: 0.5rem;
}

.m-overview--steps {
  border: 0;
  margin: 2rem 0;
}

.m-overview--steps .m-accordion__item {
  position: relative;
  font-weight: normal;
}

.m-overview--steps .m-accordion__item .m-accordion__header {
  padding: 0.5rem 3.5rem 0.5rem 2.5rem;
}

.m-overview--steps .m-accordion__item .m-accordion__header:hover,
.m-overview--steps .m-accordion__item .m-accordion__header:focus {
  background: #f7f7f9;
}

.m-overview--steps .m-overview__week-number,
.m-overview--steps .m-overview__week-title {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}

.m-overview--steps .m-overview__week-number,
.m-overview--steps .m-overview__week-title {
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-overview--steps .m-overview__week-number,
  .m-overview--steps .m-overview__week-title {
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-overview--steps .m-overview__week-number,
  .m-overview--steps .m-overview__week-title {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.m-overview--steps .m-overview__week-title {
  display: block;
}

.m-overview--steps .m-overview__week-number {
  float: left;
  width: 24px;
  color: #3a343a;
}

.m-overview--steps .m-overview__activity {
  display: block;
  padding: 0 2rem;
  margin-bottom: 30px;
}

.m-overview--steps .m-overview__activity:first-child {
  padding-top: 30px;
  border-top: 1px solid #cecece;
}

.m-overview--steps .m-overview__activity-title {
  display: block;
  margin-bottom: 7px;
}

.m-overview--steps .m-overview__activity-title a,
.m-overview--steps .m-overview__activity-title a:visited {
  color: #3a343a;
}

.m-overview--steps .m-overview__activity-title a:hover,
.m-overview--steps .m-overview__activity-title a:focus,
.m-overview--steps .m-overview__activity-title a:visited:hover,
.m-overview--steps .m-overview__activity-title a:visited:focus {
  color: #2541fc;
}

.m-overview--steps .m-overview__activity {
  font-size: 16px;
  font-size: .8888rem;
  line-height: 1.5;
  font-weight: normal;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-overview--steps .m-overview__activity {
    font-size: .8rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-overview--steps .m-overview__activity {
    font-size: .7272rem;
    line-height: 1.5;
  }
}

.m-overview--steps .m-overview__step-count {
  font-size: 14px;
  font-size: .7777rem;
  line-height: 1.5;
  font-weight: normal;
}

@media screen and (min-width: 680px) and (max-width: 1694px) {
  .m-overview--steps .m-overview__step-count {
    font-size: .7rem;
    line-height: 1.5;
  }
}

@media screen and (min-width: 1695px) {
  .m-overview--steps .m-overview__step-count {
    font-size: .6363rem;
    line-height: 1.5;
  }
}

iframe.vzaar-audio-player {
  width: 100%;
  height: 80px;
  border: 0;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    opacity: 0.4;
  }

  50% {
    -webkit-transform: rotate(180deg);
    opacity: 1;
  }

  to {
    -webkit-transform: rotate(360deg);
    opacity: 0.4;
  }
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    opacity: 0.4;
  }

  50% {
    -moz-transform: rotate(180deg);
    opacity: 1;
  }

  to {
    -moz-transform: rotate(360deg);
    opacity: 0.4;
  }
}

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
    opacity: 0.4;
  }

  50% {
    -ms-transform: rotate(180deg);
    opacity: 1;
  }

  to {
    -ms-transform: rotate(360deg);
    opacity: 0.4;
  }
}

@-o-keyframes spin {
  from {
    -o-transform: rotate(0deg);
    opacity: 0.4;
  }

  50% {
    -o-transform: rotate(180deg);
    opacity: 1;
  }

  to {
    -o-transform: rotate(360deg);
    opacity: 0.4;
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
    opacity: 0.2;
  }

  50% {
    transform: rotate(180deg);
    opacity: 1;
  }

  to {
    transform: rotate(360deg);
    opacity: 0.2;
  }
}

.soundcite-loaded {
  border-radius: 6px;
  padding: 0 5px 0 5px;
  display: inline-block;
  cursor: pointer;
  background: rgba(0,0,0,0.1);
}

.soundcite-loaded:before {
  display: inline-block;
  content: "";
  vertical-align: -10%;
  margin-right: 0.25em;
}

.soundcite-loading:before {
  margin-right: 0.5em;
  font-size: 0.9em;
  position: relative;
  top: -.05em;
  height: 0.75em;
  width: 0.75em;
  border: 2px solid #000;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  -ms-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

.soundcite-play:before {
  font-size: 0.9em;
  position: relative;
  top: -.05em;
  border: 0.5em solid transparent;
  border-left: 0.75em solid black;
}

.soundcite-pause:before {
  font-size: 0.9em;
  position: relative;
  top: -.05em;
  height: 1em;
  border-left: .75em double black;
  border-right: .5em solid transparent;
}

.soundcite {
  border-radius: 0;
  background: #ededee;
}