@charset "UTF-8"; /*!
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
.u-demo-video {
  display: block;
  position: relative;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.u-demo-video embed,
.u-demo-video iframe,
.u-demo-video img,
.u-demo-video object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} /*! 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: 700;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
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 {
  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;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 700;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
blockquote,
body,
caption,
dd,
dl,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
legend,
ol,
p,
pre,
table,
td,
th,
ul {
  margin: 0;
  padding: 0;
}
abbr[title],
dfn[title] {
  cursor: help;
}
ins,
u {
  text-decoration: none;
}
ins {
  border-bottom: 1px solid;
}
html {
  box-sizing: border-box;
}
*,
:after,
:before {
  box-sizing: inherit;
}
address,
blockquote,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
ol,
p,
pre,
table,
ul {
  margin-bottom: 24px;
  margin-bottom: 1.3333333333rem;
}
dd,
ol,
ul {
  margin-left: 48px;
  margin-left: 2.6666666667rem;
}
.brand-radius {
  border-radius: 4px;
}
.btn--ad:focus,
.btn--ad:hover,
.btn--king:focus,
.btn--king:hover,
.btn--studio-white:focus,
.btn--studio-white:hover,
.dropping-shadow,
.media-block--highlighted,
.media-block:focus,
.media-block:hover,
.overlay__content,
.subject-block:focus,
.subject-block:hover,
.triptych__item--hero,
.ui-form__button:focus,
.ui-form__button:hover,
a.box:focus,
a.box:hover,
a.diptych__item:focus,
a.diptych__item:hover,
a.quadriptych__item:focus,
a.quadriptych__item:hover {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
}
.dropping-focus-shadow,
.ui-form__input--email:focus,
.ui-form__input--number:focus,
.ui-form__input--password:focus,
.ui-form__input--search:focus,
.ui-form__input--select:focus,
.ui-form__input--text:focus,
.ui-form__input--textarea:focus,
.ui-form__input-button:focus {
  box-shadow: 0 1px 10px rgba(34, 143, 204, 0.5);
}
.btn-stack__item:active,
.btn:active,
.list-ui-link__diptych-item a:active,
.profile__btn:active,
.ui-form__button:active {
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.125);
}
html {
  font-size: 1.125em;
  line-height: 1.3333333333;
  background-color: #fff;
  color: #333;
  overflow-y: scroll;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
html {
  font-family: freight-micro-pro, serif;
  cursor: default;
}
.lang-vi html,
html[lang="vi"] {
  font-family: serif;
}
html.u-html5-media-frame {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
html.u-html5-media-frame:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 218px;
  height: 218px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(../bundles/edumediafront/css/image/demo-overlay-logo.png)
    no-repeat center;
  -webkit-animation: spinner-rotation 2s ease-in-out infinite;
  animation: spinner-rotation 2s ease-in-out infinite;
}
html.u-html5-media-frame:after {
  content: none;
}
@-webkit-keyframes spinner-rotation {
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes spinner-rotation {
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
canvas:focus {
  outline: 0;
}
h1 {
  font-size: 36px;
  font-size: 2rem;
  line-height: 1.3333333333;
}
h2 {
  font-size: 30px;
  font-size: 1.6666666667rem;
  line-height: 1.6;
}
h3 {
  font-size: 24px;
  font-size: 1.3333333333rem;
  line-height: 1;
}
h4 {
  font-size: 20px;
  font-size: 1.1111111111rem;
  line-height: 1.2;
}
h5 {
  font-size: 16px;
  font-size: 0.8888888889rem;
  line-height: 1.5;
}
h6 {
  font-size: 14px;
  font-size: 0.7777777778rem;
  line-height: 1.7142857143;
}
.lede {
  font-size: 20.25px;
  font-size: 1.125rem;
  line-height: 1.1851851852;
}
.alpha,
.beta,
.cart-table td.cart-table__total,
.cart-table__media,
.delta,
.epsilon,
.gamma,
.main-heading,
.zeta,
h1,
h2,
h3,
h4 {
  font-family: freight-sans-pro, sans-serif;
  font-weight: 700;
  line-height: 1;
}
.alpha[lang="vi"],
.beta[lang="vi"],
.cart-table .lang-vi td.cart-table__total,
.cart-table td[lang="vi"].cart-table__total,
.delta[lang="vi"],
.epsilon[lang="vi"],
.gamma[lang="vi"],
.lang-vi .alpha,
.lang-vi .beta,
.lang-vi .cart-table td.cart-table__total,
.lang-vi .cart-table__media,
.lang-vi .delta,
.lang-vi .epsilon,
.lang-vi .gamma,
.lang-vi .main-heading,
.lang-vi .zeta,
.lang-vi h1,
.lang-vi h2,
.lang-vi h3,
.lang-vi h4,
.zeta[lang="vi"],
[lang="vi"].cart-table__media,
[lang="vi"].main-heading,
h1[lang="vi"],
h2[lang="vi"],
h3[lang="vi"],
h4[lang="vi"] {
  font-family: sans-serif;
}
.a0 {
  font-size: 3rem !important;
}
@media screen and (min-width: 720px) {
  .a0 {
    font-size: 5rem !important;
  }
}
.a1 {
  font-size: 2rem !important;
}
@media screen and (min-width: 720px) {
  .a1 {
    font-size: 3rem !important;
  }
}
.a2 {
  font-size: 1.25rem !important;
}
@media screen and (min-width: 720px) {
  .a2 {
    font-size: 2rem !important;
  }
}
.a3 {
  font-size: 1rem !important;
}
@media screen and (min-width: 720px) {
  .a3 {
    font-size: 1.25rem !important;
  }
}
@font-face {
  font-family: SSPika;
  src: url(../bundles/edumediafront/css/webfonts/ss-pika.eot);
  src: url(../bundles/edumediafront/css/webfonts/ss-pika.eot?#iefix)
      format("embedded-opentype"),
    url(../bundles/edumediafront/css/webfonts/ss-pika.woff) format("woff"),
    url(../bundles/edumediafront/css/webfonts/ss-pika.ttf) format("truetype"),
    url(../bundles/edumediafront/css/webfonts/ss-pika.svg#SSPika) format("svg");
  font-weight: 400;
  font-style: normal;
}
html:hover [class^="ss-"] {
  -ms-zoom: 1;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ss-icon {
  font-family: SSPika;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
}
.ss-icon.spinning {
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  display: inline-block;
  width: 1em;
  height: 1em;
}
@font-face {
  font-family: SSSocialRegular;
  src: url(../bundles/edumediafront/css/webfonts/ss-social-regular.eot);
  src: url(../bundles/edumediafront/css/webfonts/ss-social-regular.eot?#iefix)
      format("embedded-opentype"),
    url(../bundles/edumediafront/css/webfonts/ss-social-regular.woff)
      format("woff"),
    url(../bundles/edumediafront/css/webfonts/ss-social-regular.ttf)
      format("truetype"),
    url(../bundles/edumediafront/css/webfonts/ss-social-regular.svg#SSSocialRegular)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
.ss-social {
  font-family: SSSocialRegular;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
}
@font-face {
  font-family: icomoon;
  src: url(../bundles/edumediafront/css/webfonts/icomoon.eot?gml5ys);
  src: url(../bundles/edumediafront/css/webfonts/icomoon.eot?gml5ys#iefix)
      format("embedded-opentype"),
    url(../bundles/edumediafront/css/webfonts/icomoon.ttf?gml5ys)
      format("truetype"),
    url(../bundles/edumediafront/css/webfonts/icomoon.woff?gml5ys)
      format("woff"),
    url(../bundles/edumediafront/css/webfonts/icomoon.svg?gml5ys#icomoon)
      format("svg");
  font-weight: 400;
  font-style: normal;
}
.icomoon {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a,
button,
input[type="submit"] {
  -webkit-transition: color, opacity, border-color, box-shadow, background-color;
  transition: color, opacity, border-color, box-shadow, background-color;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
a.hover,
a:focus,
a:hover,
button.hover,
button:focus,
button:hover,
input[type="submit"].hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
  color: #228fcc;
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
}
a,
button {
  color: inherit;
}
a.hover,
a:focus,
a:hover,
button.hover,
button:focus,
button:hover {
  opacity: 1;
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
}
a {
  opacity: 0.8;
}
a.at-share-btn {
  opacity: inherit;
}
.addthis_toolbox a {
  opacity: inherit;
}
a.container-link {
  text-decoration: none;
  opacity: 1;
  outline: 0;
}
a.container-link.hover,
a.container-link:focus,
a.container-link:hover {
  color: inherit;
}
li > ol,
li > ul {
  margin-bottom: 0;
}
img {
  max-width: 100%;
  font-style: italic;
  vertical-align: middle;
}
.gm-style img,
img[height],
img[width] {
  max-width: none;
}
.btn,
.btn-stack__item,
.profile__btn,
.ui-form__button {
  display: inline-block;
  vertical-align: middle;
  font: inherit;
  text-align: center;
  margin: 0;
  cursor: pointer;
  overflow: visible;
  padding: 11px 23px;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 4px;
}
.btn,
.btn-stack__item,
.btn:active,
.btn:focus,
.btn:hover,
.profile__btn,
.ui-form__button {
  text-decoration: none;
  color: #333;
}
.btn-stack__item::-moz-focus-inner,
.btn::-moz-focus-inner,
.profile__btn::-moz-focus-inner,
.ui-form__button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.btn--small {
  padding: 5px 11px;
}
.btn--full,
.btn-stack__item {
  width: 100%;
}
.layout,
.list-ui-link__diptych {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -24px;
}
.layout__item,
.list-ui-link__diptych-item {
  display: inline-block;
  padding-left: 24px;
  vertical-align: top;
  width: 100%;
}
.layout--large {
  margin-left: -48px;
}
.layout--large > .layout__item,
.layout--large > .list-ui-link__diptych-item {
  padding-left: 48px;
}
.layout--flush,
.list-ui-link__diptych {
  margin-left: 0;
}
.layout--flush > .layout__item,
.layout--flush > .list-ui-link__diptych-item,
.list-ui-link__diptych > .layout__item,
.list-ui-link__diptych > .list-ui-link__diptych-item {
  padding-left: 0;
}
.layout--rev {
  direction: rtl;
  text-align: left;
}
.layout--rev > .layout__item,
.layout--rev > .list-ui-link__diptych-item {
  direction: ltr;
  text-align: left;
}
.layout--bottom > .layout__item,
.layout--bottom > .list-ui-link__diptych-item {
  vertical-align: bottom;
}
.layout--right {
  text-align: right;
}
.layout--right > .layout__item,
.layout--right > .list-ui-link__diptych-item {
  text-align: left;
}
.layout--center {
  text-align: center;
}
.layout--center > .layout__item,
.layout--center > .list-ui-link__diptych-item {
  text-align: left;
}
.layout--text-center .layout__item,
.layout--text-center .list-ui-link__diptych-item,
.list-ui-link__diptych .layout__item,
.list-ui-link__diptych .list-ui-link__diptych-item {
  text-align: center;
}
.layout--separated .layout__item,
.layout--separated .list-ui-link__diptych-item,
.list-ui-link__diptych .layout__item,
.list-ui-link__diptych .list-ui-link__diptych-item {
  border-right: solid 1px #c3c3c3;
}
.layout--separated :last-child,
.list-ui-link__diptych :last-child {
  border-right: 0;
}
.no-lastchild .layout--separated,
.no-lastchild .list-ui-link__diptych {
  margin-right: -1px;
}
.layout--made-with .layout__item:first-child,
.layout--made-with .list-ui-link__diptych-item:first-child {
  margin-bottom: 24px;
}
@media screen and (min-width: 720px) {
  .layout--made-with .layout__item,
  .layout--made-with .list-ui-link__diptych-item {
    width: 33.333%;
    vertical-align: middle;
  }
  .layout--made-with .layout__item:first-child,
  .layout--made-with .list-ui-link__diptych-item:first-child {
    text-align: right;
    margin-bottom: 0;
  }
}
.layout--made-with .layout__item:first-child,
.layout--made-with .layout__item:nth-child(3),
.layout--made-with .list-ui-link__diptych-item:first-child,
.layout--made-with .list-ui-link__diptych-item:nth-child(3) {
  font-family: freight-sans-pro, sans-serif;
  font-weight: 700;
  font-size: 30px;
  font-size: 1.6666666667rem;
  line-height: 32px;
}
.lang-vi .layout--made-with .layout__item:first-child,
.lang-vi .layout--made-with .layout__item:nth-child(3),
.lang-vi .layout--made-with .list-ui-link__diptych-item:first-child,
.lang-vi .layout--made-with .list-ui-link__diptych-item:nth-child(3),
.layout--made-with .layout__item:first-child[lang="vi"],
.layout--made-with .layout__item:nth-child(3)[lang="vi"],
.layout--made-with .list-ui-link__diptych-item:first-child[lang="vi"],
.layout--made-with .list-ui-link__diptych-item:nth-child(3)[lang="vi"] {
  font-family: sans-serif;
}
@media screen and (min-width: 720px) {
  .layout--made-with .media-block {
    margin-bottom: 0 !important;
  }
  .layout--made-with .action-wrapper--media .action-wrapper__actions {
    bottom: 8px;
  }
}
.box,
.diptych__item,
.quadriptych__item {
  display: block;
  padding: 24px;
}
.box > :last-child,
.diptych__item > :last-child,
.quadriptych__item > :last-child {
  margin-bottom: 0;
}
.cart-table__media,
.media,
.media-block {
  display: block;
}
.cart-table__image,
.media-block__image,
.media__img {
  float: left;
  margin-right: 24px;
}
.cart-table__image > img,
.media-block__image > img,
.media__img > img {
  display: block;
}
.cart-table__title,
.media-block__title,
.media__body {
  overflow: hidden;
  display: block;
}
.cart-table__title,
.cart-table__title > :last-child,
.media-block__title,
.media-block__title > :last-child,
.media__body,
.media__body > :last-child {
  margin-bottom: 0;
}
.media--small > .cart-table__image,
.media--small > .media-block__image,
.media--small > .media__img,
.media-block > .cart-table__image,
.media-block > .media-block__image,
.media-block > .media__img {
  margin-right: 12px;
}
.media--rev.media-block > .cart-table__image,
.media--rev.media-block > .media-block__image,
.media--rev.media-block > .media__img,
.media--small.media--rev > .cart-table__image,
.media--small.media--rev > .media-block__image,
.media--small.media--rev > .media__img {
  margin-right: 0;
  margin-left: 12px;
}
.media--rev > .cart-table__image,
.media--rev > .media-block__image,
.media--rev > .media__img {
  float: right;
  margin-right: 0;
  margin-left: 24px;
}
.media--input {
  position: relative;
}
.media--input .ss-icon {
  margin-right: 0 !important;
}
.media--input .media__img {
  margin-right: 12px;
}
.media--input .media__body:after {
  content: "";
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 5em;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #fff 100%
  );
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
  pointer-events: none;
}
.media--input input {
  border: 0;
  outline: 0;
  font-family: monospace;
  width: 100%;
}
.media--main-heading {
  margin-bottom: 24px;
}
.media--main-heading .media__img .btn,
.media--main-heading .media__img .btn-stack__item,
.media--main-heading .media__img .profile__btn,
.media--main-heading .media__img .ui-form__button {
  margin-top: 0.15em;
  margin-bottom: -0.15em;
}
.media--main-heading .media__body {
  padding-bottom: 0.2em;
  margin-top: -0.2em;
}
.media--with-curtain {
  overflow: hidden;
}
.media--with-curtain:hover .media__curtain,
.touch .media--with-curtain .media__curtain {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.media__curtain {
  opacity: 1;
  position: absolute;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  top: 0;
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  padding: 12px;
  padding-left: 24px;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #fff 12px
  );
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 12px);
}
.flag {
  display: table;
  width: 100%;
}
.flag__body,
.flag__img {
  display: table-cell;
  vertical-align: middle;
}
.flag__img {
  padding-right: 24px;
}
.flag__img > img {
  display: block;
  max-width: none;
}
.flag__body {
  width: 100%;
}
.flag__body,
.flag__body > :last-child {
  margin-bottom: 0;
}
.flag--small > .flag__img {
  padding-right: 12px;
}
.flag--small.flag--rev > .flag__img {
  padding-right: 0;
  padding-left: 12px;
}
.flag--rev {
  direction: rtl;
}
.flag--rev > .flag__body,
.flag--rev > .flag__img {
  direction: ltr;
}
.flag--rev > .flag__img {
  padding-right: 0;
  padding-left: 24px;
}
.list-ui,
.list-ui-link,
.list-ui-link > li,
.list-ui > li,
.list-ui__item {
  border: 0 solid #c3c3c3;
}
.list-ui,
.list-ui-link {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top-width: 1px;
}
.list-ui-link > li,
.list-ui > li,
.list-ui__item {
  padding: 24px;
  border-bottom-width: 1px;
}
.list-ui--small > .list-ui__item,
.list-ui-link > .list-ui__item,
.list-ui-link > li,
.list-ui.list-ui--small > li {
  padding: 12px;
}
.list-bare,
.list-inline,
.list-menu,
.tabs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cart-table__media,
.cart-table__media a,
.flat-links,
.flat-links a {
  text-decoration: none !important;
}
.list-ui.list-ui--wide > li {
  padding-left: 0;
  padding-right: 0;
}
.list-ui > li.list-ui__block-link-item {
  padding: 0;
}
.list-ui > li.list-ui__block-link-item a {
  display: block;
  text-decoration: none;
  padding: 24px;
}
.list-ui--small > li.list-ui__block-link-item a {
  padding: 12px;
}
.list-ui--wide > li.list-ui__block-link-item a {
  padding: 12px 0;
}
.list-ui--illustrated .ss-icon {
  margin-left: 6px;
  margin-right: 12px;
}
.list-ui--orange .list-ui__item {
  border-bottom-color: rgba(241, 93, 44, 0.5) !important;
}
.list-menu a {
  display: block;
  text-decoration: none;
}
.overlay__content .list-menu {
  white-space: nowrap;
}
.list-menu--complex a {
  display: inline;
}
.list-menu__set-width {
  display: inline-block;
  width: 10em;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list-menu__set-width,
.list-menu__set-width .tag {
  vertical-align: middle;
}
.list-ui-link > li {
  padding: 0;
}
.list-ui-link a {
  outline: 0;
  text-decoration: none;
  display: block;
  padding: 12px;
}
.list-ui-link--wide a {
  padding-left: 0;
  padding-right: 0;
}
.list-ui-link__hero {
  text-align: center;
  font-weight: 700;
  color: #69b422;
  font-size: 24px;
  font-size: 1.3333333333rem;
  line-height: 1;
}
.list-ui-link + .list-ui-link {
  border-top: 0;
}
.list-ui-link__diptych-item {
  width: 50%;
}
.list-inline > li,
.tabs > li {
  display: inline-block;
  margin-right: 12px;
}
.list-inline > li:last-child,
.tabs > li:last-child {
  margin-right: 0;
}
.list-inline--breadcrumbs {
  margin-bottom: 12px;
}
.list-inline--breadcrumbs li:after {
  padding-left: 12px;
  content: "/";
  opacity: 0.5;
}
.list-inline--breadcrumbs li:last-child:after {
  content: none;
}
.btn-stack__item:focus,
.btn:focus,
.profile__btn:focus,
.ui-form__button:focus {
  outline: 0;
}
.btn--closeable {
  position: relative;
}
.btn__tr {
  text-decoration: none;
  position: absolute;
  opacity: 0.4;
  top: 6px;
  right: 6px;
}
.btn__tr:active,
.btn__tr:focus,
.btn__tr:hover {
  opacity: 1;
}
.btn--full,
.btn-stack__item {
  padding-left: 0;
  padding-right: 0;
}
.btn--king,
.ui-form__button {
  position: relative;
  border-color: #69b422;
}
.btn--king,
.btn--king:active,
.btn--king:focus,
.btn--king:hover,
.ui-form__button {
  color: #69b422;
}
.btn--ad,
.btn--blue {
  border-color: #228fcc;
}
.btn--ad,
.btn--ad:active,
.btn--ad:focus,
.btn--ad:hover,
.btn--blue,
.btn--blue:active,
.btn--blue:focus,
.btn--blue:hover {
  color: #228fcc;
}
.btn--nude,
.btn--seamless {
  border-color: transparent;
}
.btn--nude.active,
.btn--nude:active,
.btn--nude:focus,
.btn--nude:hover,
.btn--seamless.active,
.btn--seamless:active,
.btn--seamless:focus,
.btn--seamless:hover {
  background-color: #f5f5f5;
}
.btn--nude {
  background: 0 0;
}
.btn--ad:active,
.btn--ad:focus,
.btn--ad:hover,
.btn--king:active,
.btn--king:focus,
.btn--king:hover,
.ui-form__button:active,
.ui-form__button:focus,
.ui-form__button:hover {
  z-index: 1;
}
.btn--gray {
  border-color: #9b9b9b;
}
.btn--gray:active,
.btn--gray:focus,
.btn--gray:hover {
  background-color: #f5f5f5;
}
.btn--to-red:active,
.btn--to-red:focus,
.btn--to-red:hover {
  background: #dd2929 !important;
}
.btn--red {
  border-color: #dd2929;
}
.btn--red,
.btn--red:active,
.btn--red:focus,
.btn--red:hover {
  color: #dd2929;
}
.btn--studio-white {
  border-color: #338275;
  background: rgba(255, 255, 255, 0.9);
}
.btn--studio-white,
.btn--studio-white:active,
.btn--studio-white:focus,
.btn--studio-white:hover {
  color: #41a796;
}
.btn--studio-white:hover,
a:hover .btn--studio-white {
  background: #fff;
}
.btn--white-line {
  border-color: #fff;
  background: 0 0;
  -webkit-transition: background 0.5s;
  transition: background 0.5s;
}
.btn--white-line,
.btn--white-line:active,
.btn--white-line:focus,
.btn--white-line:hover {
  color: #fff;
}
.btn--white-line:hover,
a:hover .btn--white-line {
  background: rgba(255, 255, 255, 0.2);
}
.btn--green {
  border-color: #69b422;
}
.btn--green,
.btn--green:active,
.btn--green:focus,
.btn--green:hover {
  color: #69b422;
}
.btn--green-rev {
  border-color: #69b422;
  background-color: #69b422;
}
.btn--green-rev,
.btn--green-rev:active,
.btn--green-rev:focus,
.btn--green-rev:hover {
  color: #fff !important;
}
.btn--orange {
  border-color: #f15d2c;
}
.btn--orange,
.btn--orange:active,
.btn--orange:focus,
.btn--orange:hover {
  color: #f15d2c;
}
.btn--orange-rev {
  border-color: #f15d2c;
  background-color: #f15d2c;
}
.btn--orange-rev,
.btn--orange-rev:active,
.btn--orange-rev:focus,
.btn--orange-rev:hover {
  color: #fff !important;
}
.btn--yellow {
  border-color: #c4b520;
}
.btn--yellow,
.btn--yellow:active,
.btn--yellow:focus,
.btn--yellow:hover {
  color: #c4b520;
}
.btn--round {
  border-radius: 50%;
  padding: 12px 17px;
}
.btn--in-heading {
  font-size: 0.5em;
  padding: 0.25em 0.45em;
}
.btn--interactive-earth {
  border-color: #000;
  color: #fff;
  font-family: freight-sans-pro, sans-serif;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding-bottom: 60px;
  background: #000 url(../bundles/edumediafront/css/image/earth.png) no-repeat
    right bottom;
}
.btn--interactive-earth[lang="vi"],
.lang-vi .btn--interactive-earth {
  font-family: sans-serif;
}
.btn--interactive-earth:hover {
  color: #fff;
  background-color: #000;
}
.btn--vaccine {
  font-weight: 700;
  color: #240a8b;
  border-color: #65faca;
}
.btn--bridge {
  font-weight: 700;
  color: #f66f46;
  border-color: #f66f46;
}
.btn-stack__item {
  border-top: 0;
  border-radius: 0;
  border-bottom-color: #c3c3c3;
}
.btn-stack__item--first {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: solid 1px #333;
}
.btn-stack__item--first.btn--red {
  border-top-color: #dd2929;
}
.btn-stack__item--first.btn--blue {
  border-top-color: #228fcc;
}
.btn-stack__item--first.btn--green {
  border-top-color: #69b422;
}
.btn-stack__item--last {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: solid 1px #333;
}
.btn-stack__item--last.btn--red {
  border-bottom-color: #dd2929;
}
.btn-stack__item--last.btn--blue {
  border-bottom-color: #228fcc;
}
.btn-stack__item--last.btn--green {
  border-bottom-color: #69b422;
}
.box--blue,
.box--default,
.box--green,
.box--naked,
.box--red,
.box--studio,
.box--studio-green,
.box--yellow,
.diptych__item,
.quadriptych__item {
  border-radius: 8px;
}
.box--default,
.diptych__item,
.quadriptych__item {
  border: solid 1px #c3c3c3;
}
.box--red {
  border: solid 1px #dd2929;
}
.ui-draggable-dragging .box,
.ui-draggable-dragging .diptych__item,
.ui-draggable-dragging .media-block,
.ui-draggable-dragging .quadriptych__item,
.ui-sortable-helper .box,
.ui-sortable-helper .diptych__item,
.ui-sortable-helper .media-block,
.ui-sortable-helper .quadriptych__item {
  opacity: 1;
  -webkit-transition: background 0s, box-shadow 0.5s !important;
  transition: background 0s, box-shadow 0.5s !important;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.5) !important;
}
.ui-sortable-helper .box,
.ui-sortable-helper .diptych__item,
.ui-sortable-helper .quadriptych__item {
  background: #fff;
}
.dragged-box-placeholder {
  border-radius: 8px;
  background: #f5f5f5;
  margin-bottom: 24px;
}
.box--green {
  border: solid 1px #7dd628;
}
.box--blue {
  border: solid 1px #228fcc;
}
.box--yellow {
  border: solid 1px #c4b520;
}
.box--studio-green {
  border: solid 1px #41a796;
}
.box--studio {
  background-color: #41a796;
  background-image: url(../bundles/edumediafront/css/image/studio-pattern.png);
  color: #fff;
}
.box--studio a:active,
.box--studio a:focus,
.box--studio a:hover {
  color: #fff;
}
.box--one-line {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.box--right-icon {
  padding-right: 48px;
  position: relative;
}
.box--right-icon .ss-icon {
  position: absolute;
  right: 24px;
  line-height: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-top: 0.5em;
}
a.box,
a.diptych__item,
a.quadriptych__item {
  text-decoration: inherit;
  outline: 0;
}
a.box:active,
a.box:focus,
a.box:hover,
a.diptych__item:active,
a.diptych__item:focus,
a.diptych__item:hover,
a.quadriptych__item:active,
a.quadriptych__item:focus,
a.quadriptych__item:hover {
  color: inherit;
}
.banner,
.banner--lr {
  padding-top: 24px;
  padding-bottom: 24px;
  overflow: hidden;
}
.banner .list-ui,
.banner--lr .list-ui {
  border-top-color: rgba(255, 255, 255, 0.25);
}
.banner .list-ui > li,
.banner--lr .list-ui > li {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}
a.banner,
a.banner--lr {
  display: block;
}
a.banner--lr:active,
a.banner--lr:focus,
a.banner--lr:hover,
a.banner:active,
a.banner:focus,
a.banner:hover {
  color: #333;
}
.banner--lr {
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (min-width: 720px) {
  .banner--large,
  .banner--lr-large {
    padding-top: 48px;
    padding-bottom: 48px;
  }
}
.banner--lr-large {
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (min-width: 720px) {
  .banner--lr-large {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.banner--gray {
  background-color: #f5f5f5;
}
.banner--dark-gray {
  background-color: #222;
}
.banner--blue,
.banner--green,
.banner--orange,
.banner--red,
.banner--studio-color,
.banner--studio-pattern {
  color: #fff;
}
.banner--blue {
  background-color: #228fcc;
}
.banner--red {
  background-color: #bf1e1e;
}
.banner--green {
  background-color: #69b422;
}
.banner--orange {
  background-color: #f15d2c;
}
.banner--studio-color {
  background-color: #41a796;
}
.banner--studio-breadcrumbs {
  background-color: #41a796;
  background-image: url(../bundles/edumediafront/css/image/studio-pattern-easter.png);
  margin-bottom: 24px;
  color: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
}
.banner--studio-breadcrumbs a:active,
.banner--studio-breadcrumbs a:focus,
.banner--studio-breadcrumbs a:hover {
  color: #fff;
}
.banner--studio-breadcrumbs .btn,
.banner--studio-breadcrumbs .btn-stack__item,
.banner--studio-breadcrumbs .profile__btn,
.banner--studio-breadcrumbs .ui-form__button {
  color: #fff;
  border-color: #fff;
  background: 0 0;
}
.banner--studio-breadcrumbs .btn--reverse-color {
  background: #fff;
}
.banner--studio-breadcrumbs .btn--reverse-color,
.banner--studio-breadcrumbs .btn--reverse-color:active,
.banner--studio-breadcrumbs .btn--reverse-color:focus,
.banner--studio-breadcrumbs .btn--reverse-color:hover {
  color: #333;
}
.banner--studio-breadcrumbs .composite-heading {
  margin-bottom: 0;
}
.banner--studio-pattern {
  background-color: #41a796;
  background-image: url(../bundles/edumediafront/css/image/studio-pattern-easter.png);
  background-attachment: fixed;
}
.banner--warning {
  background-color: #dd2929;
  background: -webkit-linear-gradient(left, #e55e5e, #ad1c1c, #e55e5e);
  background: linear-gradient(to right, #e55e5e, #ad1c1c, #e55e5e);
  background-size: 200%;
  -webkit-animation: banner-info-animation 8s infinite linear;
  animation: banner-info-animation 8s infinite linear;
  padding: 0 !important;
  text-decoration: none;
}
.banner--warning,
.banner--warning:hover {
  color: #fff !important;
}
.banner--info {
  background-color: #228fcc;
  background: -webkit-linear-gradient(left, #4aabe1, #196a98, #4aabe1);
  background: linear-gradient(to right, #4aabe1, #196a98, #4aabe1);
  background-size: 200%;
  -webkit-animation: banner-info-animation 8s infinite linear;
  animation: banner-info-animation 8s infinite linear;
  padding: 0 !important;
  text-decoration: none;
}
.banner--info,
.banner--info:hover {
  color: #fff !important;
}
.banner--orange-warning {
  background-color: #f15d2c;
  background: -webkit-linear-gradient(left, #f58965, #d23f0e, #f58965);
  background: linear-gradient(to right, #f58965, #d23f0e, #f58965);
  background-size: 200%;
  -webkit-animation: banner-info-animation 8s infinite linear;
  animation: banner-info-animation 8s infinite linear;
  padding: 0 !important;
  text-decoration: none;
}
.banner--orange-warning,
.banner--orange-warning:hover {
  color: #fff !important;
}
@-webkit-keyframes banner-info-animation {
  0% {
    background-position: 200%;
  }
  100% {
    background-position: 0;
  }
}
@keyframes banner-info-animation {
  0% {
    background-position: 200%;
  }
  100% {
    background-position: 0;
  }
}
.main-content--video {
  position: relative;
  text-shadow: 0 1px 1px #fff;
}
.main-content--video h1,
.main-content--video h2 {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .main-content--video h1,
  .main-content--video h2 {
    margin-right: 320px;
  }
}
.banner__video {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
.no-csstransforms .banner__video {
  top: -48px;
}
@media screen and (min-width: 480px) {
  .banner__video {
    display: block;
  }
}
.banner--ecole-numerique {
  padding-top: 12px;
  padding-bottom: 12px;
  background: #465ea6;
  text-decoration: inherit;
}
.banner--ecole-numerique,
.banner--ecole-numerique:active,
.banner--ecole-numerique:focus,
.banner--ecole-numerique:hover {
  color: #fff !important;
}
.banner--ecole-numerique u {
  text-decoration: underline;
}
.banner--ecole-numerique .media__body,
.banner--ecole-numerique .media__img {
  text-align: center;
}
@media screen and (min-width: 720px) {
  .banner--ecole-numerique .media__body,
  .banner--ecole-numerique .media__img {
    text-align: left;
  }
}
.banner--ecole-numerique .media__img {
  float: none;
  margin-bottom: 12px;
  margin-right: 0;
}
.banner--ecole-numerique .media__img img {
  display: inline-block;
}
@media screen and (min-width: 720px) {
  .banner--ecole-numerique .media__img {
    float: left;
    margin-right: 24px;
    margin-bottom: 0;
  }
}
.banner--studio {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #41a796;
  background-image: url(../bundles/edumediafront/css/image/studio-pattern.png);
  text-decoration: inherit;
  text-align: center;
}
.banner--studio,
.banner--studio:active,
.banner--studio:focus,
.banner--studio:hover {
  color: #fff !important;
}
.banner--studio .btn,
.banner--studio .btn-stack__item,
.banner--studio .profile__btn,
.banner--studio .toolbar__tool,
.banner--studio .ui-form__button {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
}
.banner--studio .btn-stack__item:last-child,
.banner--studio .btn:last-child,
.banner--studio .profile__btn:last-child,
.banner--studio .toolbar__tool:last-child,
.banner--studio .ui-form__button:last-child {
  margin-right: 0;
}
.banner--studio .btn-stack__item:nth-last-of-type(2),
.banner--studio .btn:nth-last-of-type(2),
.banner--studio .profile__btn:nth-last-of-type(2),
.banner--studio .toolbar__tool:nth-last-of-type(2),
.banner--studio .ui-form__button:nth-last-of-type(2) {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .banner--studio .btn-stack__item:nth-last-of-type(2),
  .banner--studio .btn:nth-last-of-type(2),
  .banner--studio .profile__btn:nth-last-of-type(2),
  .banner--studio .toolbar__tool:nth-last-of-type(2),
  .banner--studio .ui-form__button:nth-last-of-type(2) {
    margin-right: 0.5em;
  }
}
.banner--studio .toolbar__tool {
  opacity: 0.8;
  -webkit-transform: translateY(0.8em);
  transform: translateY(0.8em);
  color: #41a796;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.banner--studio .toolbar__tool:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.banner--studio .toolbar__tool:nth-child(4) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.banner--studio .toolbar__tool .toolbar__icon {
  color: #fff;
}
.banner--studio .btn,
.banner--studio .btn-stack__item,
.banner--studio .profile__btn,
.banner--studio .ui-form__button {
  margin-top: 1em;
  display: block;
}
@media screen and (min-width: 1024px) {
  .banner--studio .btn,
  .banner--studio .btn-stack__item,
  .banner--studio .profile__btn,
  .banner--studio .ui-form__button {
    margin-top: 0;
    margin-left: 1em;
    display: inline-block;
  }
}
.banner--studio .u-studio-brand-name {
  font-size: 26px;
  font-size: 1.4444444444rem;
  line-height: 26px;
  border-right: solid 1px rgba(255, 255, 255, 0.5);
  vertical-align: -3px;
  padding: 6px;
  padding-right: 1em;
  margin-right: 1em;
}
@media screen and (min-width: 720px) {
  .banner--studio:hover .toolbar__tool {
    color: #fff;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    margin-right: 2em;
  }
}
.banner--alec {
  padding: 12px !important;
  background-color: #6471e7;
  text-decoration: none;
  -webkit-transition: background-color 0.25s !important;
  transition: background-color 0.25s !important;
  border-bottom: solid 1px #fff;
}
.banner--alec,
.banner--alec:active,
.banner--alec:focus,
.banner--alec:hover {
  color: #fff !important;
}
.banner--alec:active,
.banner--alec:focus,
.banner--alec:hover {
  background-color: #4555e3;
}
.banner--alec .flag__body,
.banner--alec .flag__img {
  display: block;
}
.banner--alec .flag__img {
  margin-bottom: 12px;
}
@media screen and (min-width: 720px) {
  .banner--alec .flag__body,
  .banner--alec .flag__img {
    display: table-cell;
  }
  .banner--alec .flag__img {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 720px) {
  .banner--alec .main-content {
    background-image: url(../bundles/edumediafront/css/image/alec-banner.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    padding-right: 80px;
  }
}
.profile {
  margin-bottom: 48px;
}
@media screen and (min-width: 720px) {
  .profile {
    margin-bottom: 0;
  }
}
.profile--center {
  text-align: center;
}
.profile__icon {
  text-align: center;
  margin-bottom: 12px;
}
.profile__icon .ss-icon {
  opacity: 0.5;
  font-size: 54px;
  font-size: 3rem;
  line-height: 1.3333333333;
}
.no-opacity .profile__icon .ss-icon {
  color: #adadad;
}
.profile__image {
  display: block;
  max-width: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}
.profile__title {
  text-align: center;
}
.profile__body p:last-child {
  margin-bottom: 0;
}
.profile__btn {
  background-color: transparent;
  width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
a.profile {
  display: block;
  text-decoration: none;
  outline: 0;
}
.table-scroll {
  overflow-x: auto;
  margin-bottom: 24px;
}
.table-scroll table {
  margin-bottom: 0;
}
.table {
  border: solid 1px #c3c3c3;
}
.table thead {
  background-color: #f5f5f5;
}
.table thead th {
  text-align: left;
}
.table tr {
  border-bottom: solid 1px #c3c3c3;
}
.table td,
.table th {
  padding: 12px;
  border-right: solid 1px #c3c3c3;
}
.table--no-wrap {
  white-space: nowrap;
}
.table--full-width {
  width: 100%;
}
.js-table-sorter thead th {
  cursor: pointer;
}
.js-table-sorter .headerSortDown,
.js-table-sorter .headerSortUp {
  background-color: #c3c3c3;
}
.toolbar {
  font-family: freight-sans-pro, sans-serif;
  font-size: 1rem;
  padding: 0 24px;
}
.lang-vi .toolbar,
.toolbar[lang="vi"] {
  font-family: sans-serif;
}
.toolbar__tool {
  outline: 0;
  display: block;
  text-align: center;
  text-decoration: inherit;
  padding: 24px 0;
}
.toolbar__tool--capture,
.toolbar__tool--discard,
.toolbar__tool--keep {
  border-radius: 0.25em;
  opacity: 0.9;
  -webkit-transition: -webkit-transform 0.25s, opacity 0.25s;
  transition: transform 0.25s, opacity 0.25s;
}
.toolbar__tool--capture:focus,
.toolbar__tool--capture:hover,
.toolbar__tool--discard:focus,
.toolbar__tool--discard:hover,
.toolbar__tool--keep:focus,
.toolbar__tool--keep:hover {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
.toolbar__tool--capture:active,
.toolbar__tool--discard:active,
.toolbar__tool--keep:active {
  -webkit-transform: none;
  transform: none;
  opacity: 0.9;
}
.toolbar__tool--capture {
  background: #fff;
}
.toolbar__tool--capture,
.toolbar__tool--capture:focus,
.toolbar__tool--capture:hover {
  color: #dd2929 !important;
}
.toolbar__tool--discard,
.toolbar__tool--discard:focus,
.toolbar__tool--discard:hover,
.toolbar__tool--keep,
.toolbar__tool--keep:focus,
.toolbar__tool--keep:hover {
  color: #fff;
}
.toolbar__tool--keep {
  background: #7dd628;
}
.toolbar__tool--discard {
  background: #dd2929;
}
.toolbar__tool--report:focus,
.toolbar__tool--report:hover {
  color: #dd2929;
}
.toolbar__icon {
  display: block;
  font-size: 1.2rem !important;
}
.toolbar__icon span {
  font-size: 60% !important;
  vertical-align: 0.4em;
}
.toolbar--capture,
.toolbar--review {
  background: #000;
  color: #fff;
}
.toolbar--capture .toolbar__tool,
.toolbar--review .toolbar__tool {
  padding: 12px 0;
  margin: 24px 0;
}
.toolbar--capture a:focus,
.toolbar--capture a:hover {
  color: inherit;
}
.tag {
  font-family: freight-sans-pro, sans-serif;
  font-size: 12px;
  font-size: 0.6666666667rem;
  line-height: 16px;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block !important;
  vertical-align: 0.1em;
  border: solid 1px #c3c3c3;
  border-radius: 0.2em;
  padding: 0 0.25em;
  margin-right: 0.5em;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  font-weight: 400;
}
.lang-vi .tag,
.tag[lang="vi"] {
  font-family: sans-serif;
}
.tag--pdf {
  color: #dd2929;
  border-color: #dd2929;
}
.tag--doc {
  color: #228fcc;
  border-color: #228fcc;
}
.tag--html5 {
  color: #fff;
  background: #f16529;
  border-color: #f16529;
}
.tag--new {
  background: #228fcc;
  background: -webkit-linear-gradient(top, #39a3de, #1c76a9);
  background: linear-gradient(to bottom, #39a3de, #1c76a9);
  border-color: #1c76a9;
  color: #fff;
}
.tag--studio {
  background: #41a796;
  border-color: #41a796;
  color: #fff;
}
.tag:last-child {
  margin-right: 0;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slide,
.slick-slide img,
.slick-slider .slick-list,
.slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1;
}
.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
@font-face {
  font-family: slick;
  src: url(../bundles/edumediafront/slick/fonts/slick.eot);
  src: url(../bundles/edumediafront/slick/fonts/slick.eot?#iefix)
      format("embedded-opentype"),
    url(../bundles/edumediafront/slick/fonts/slick.woff) format("woff"),
    url(../bundles/edumediafront/slick/fonts/slick.ttf) format("truetype"),
    url(../bundles/edumediafront/slick/fonts/slick.svg#slick) format("svg");
  font-weight: 400;
  font-style: normal;
}
.slick-next,
.slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: 0;
}
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  outline: 0;
  background: 0 0;
  color: transparent;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  color: #333;
  opacity: 0.75;
}
.slick-prev {
  left: 0;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: 0;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: 0;
}
[dir="rtl"] .slick-next {
  left: 0;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: 0.25;
}
.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}
.carousel--media-layout {
  margin-bottom: 0;
}
.carousel--media-layout .layout,
.carousel--media-layout .list-ui-link__diptych {
  padding: 24px;
  padding-bottom: 0;
}
.icomoon,
.ss-icon {
  font-size: 0.7em;
  vertical-align: -0.05em;
}
h1 .icomoon,
h1 .ss-icon,
h2 .icomoon,
h2 .ss-icon {
  vertical-align: initial;
}
.header {
  position: relative;
}
.header--naked {
  border-bottom: 0 !important;
}
.header__menu-btn {
  position: static;
  float: left;
  margin-left: -6px;
}
@media screen and (min-width: 1024px) {
  .header__menu-btn {
    float: none;
    position: fixed;
    margin-left: 0;
    top: 12px;
    left: 12px;
  }
}
.header__logo-wrapper {
  float: left;
  display: inline-block;
  width: 2em;
  overflow: hidden;
}
@media screen and (min-width: 720px) {
  .header__logo-wrapper {
    width: 10em;
  }
}
.header__logo {
  display: block;
  width: 10em;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.header__search-button {
  display: none;
}
@media screen and (min-width: 480px) {
  .header__search-button {
    display: inline-block;
  }
}
.header__mobile-switch {
  display: inline-block;
  width: 75px;
}
.expanded-footer {
  border-top: solid 1px #e6e6e6;
}
.expanded-footer a {
  text-decoration: none;
}
.expanded-footer__top {
  font-family: freight-sans-pro, sans-serif;
}
.expanded-footer__top[lang="vi"],
.lang-vi .expanded-footer__top {
  font-family: sans-serif;
}
.expanded-footer .layout,
.expanded-footer .list-ui-link__diptych {
  padding-bottom: 24px;
}
.expanded-footer .layout__item,
.expanded-footer .list-ui-link__diptych-item {
  margin-bottom: 24px;
}
.expanded-footer .layout__item:last-child,
.expanded-footer .list-ui-link__diptych-item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 720px) {
  .expanded-footer .layout__item,
  .expanded-footer .list-ui-link__diptych-item {
    margin-bottom: 0;
  }
}
.expanded-footer__heading {
  font-weight: 700;
  margin-bottom: 0.5em;
}
.expanded-footer__body {
  line-height: 1.6;
}
.expanded-footer__body ul a {
  display: block;
}
.expanded-footer form {
  margin-top: 0.5em;
  position: relative;
}
.expanded-footer form input {
  border-radius: 4px;
  border: solid 1px #c3c3c3;
  padding: 0.45em 0.75em;
  outline: 0;
}
.expanded-footer form input[type="email"] {
  display: block;
  width: 100%;
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
}
.expanded-footer form input[type="email"]:focus {
  border-color: #228fcc;
}
.expanded-footer form input[type="submit"] {
  position: absolute;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  top: 1px;
  right: 1px;
  bottom: 1px;
  background: #fff;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
}
.expanded-footer__social {
  font-size: 30px;
  font-size: 1.6666666667rem;
  line-height: 1.6;
}
.expanded-footer__social a {
  display: inline-block;
  margin-right: 0.6em;
}
.expanded-footer__bottom a {
  margin-right: 1em;
}
.expanded-footer__logo {
  display: inline-block;
  width: 7em;
}
.expanded-footer.is-pinned {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (min-width: 480px) {
  .layout__item--media-block-wrapper,
  .layout__item--media-placeholder {
    width: 50%;
  }
}
@media screen and (min-width: 720px) {
  .layout__item--media-block-wrapper,
  .layout__item--media-placeholder {
    width: 33.333333%;
  }
}
.layout__item--media-placeholder {
  position: relative;
}
.layout__item--media-placeholder:before {
  content: "";
  position: absolute;
  background: #f5f5f5;
  top: 0;
  right: 0;
  bottom: 24px;
  left: 24px;
  border-radius: 4px;
}
.media-block {
  font-family: freight-sans-pro, sans-serif;
  font-weight: 600;
  background-color: #fbfbfb;
  text-decoration: none;
  border: solid 1px #333;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.lang-vi .media-block,
.media-block[lang="vi"] {
  font-family: sans-serif;
}
.media-block--capture {
  border-color: #228fcc;
}
.media-block--highlighted,
.media-block:focus,
.media-block:hover {
  outline: 0;
  border-color: #228fcc;
}
.media-block:before {
  content: "";
  display: block;
  position: absolute;
  left: 101px;
  right: 0;
  bottom: 0;
  height: 28px;
  pointer-events: none;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #fbfbfb 80%
  );
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fbfbfb 80%);
  border-radius: 4px;
  border-bottom: solid 6px #fbfbfb;
}
.media-block__favorite,
.media-block__tag {
  position: absolute;
  z-index: 1;
  left: 6px;
}
.media-block__tag {
  bottom: 6px;
}
.media-block__tag.tag--html5 {
  border-color: #fff;
}
.media-block__image {
  width: 100px;
  height: 100px;
  border-right: solid 1px #c3c3c3;
  border-top-left-radius: 3.5px;
  border-bottom-left-radius: 3.5px;
}
.media-block--capture .media-block__image {
  border-right-color: rgba(34, 143, 204, 0.35);
}
.media-block__title {
  padding: 6px;
  padding-left: 0;
  max-height: 100px;
  line-height: 1.2rem;
}
.media-block__icon {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 1em;
  padding: 6px;
  padding-bottom: 4px;
  padding-right: 9px;
}
.media-block__favorite {
  top: 6px;
  color: #dd2929;
  background: rgba(255, 255, 255, 0.8);
  display: inline-block;
  width: 2em;
  height: 2em;
  text-align: center;
  border-radius: 50%;
  padding-top: 0.5em;
  -webkit-transform: translateX(-36px);
  transform: translateX(-36px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
}
.media-block--fav .media-block__favorite,
.media-block:focus .media-block__favorite,
.media-block:hover .media-block__favorite {
  -webkit-transform: none;
  transform: none;
}
@media screen and (min-width: 480px) {
  .layout__item--subject-block-wrapper {
    width: 50%;
  }
}
@media screen and (min-width: 720px) {
  .layout__item--subject-block-wrapper {
    width: 25%;
  }
}
.subject-block {
  font-family: freight-sans-pro, sans-serif;
  font-weight: 600;
  background-color: #fff;
  border-radius: 8px;
  display: block;
  text-decoration: none;
  height: auto;
  border: solid 2px;
  position: relative;
}
.lang-vi .subject-block,
.subject-block[lang="vi"] {
  font-family: sans-serif;
}
.subject-block:active,
.subject-block:focus,
.subject-block:hover {
  outline: 0;
}
.subject-block span {
  display: block;
  padding: 1em;
}
@media screen and (min-width: 480px) {
  .subject-block {
    height: 6em;
    text-align: center;
  }
  .subject-block span {
    width: 100%;
    position: absolute;
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .no-csstransforms .subject-block span {
    top: 0.5em;
  }
}
.subject-block--c1,
.subject-block--c1:hover {
  border-color: #228fcc;
  color: #228fcc;
}
.subject-block--c2,
.subject-block--c2:hover {
  border-color: #41a796;
  color: #41a796;
}
.subject-block--c3,
.subject-block--c3:hover {
  border-color: #60bf5f;
  color: #60bf5f;
}
.subject-block--c4,
.subject-block--c4:hover {
  border-color: #7dd628;
  color: #7dd628;
}
.subject-block--c5,
.subject-block--c5:hover {
  border-color: #c4b520;
  color: #c4b520;
}
.subject-block--c6,
.subject-block--c6:hover {
  border-color: #dd972f;
  color: #dd972f;
}
.subject-block--c7,
.subject-block--c7:hover {
  border-color: #dd602c;
  color: #dd602c;
}
.subject-block--c8,
.subject-block--c8:hover {
  border-color: #dd2929;
  color: #dd2929;
}
.embed {
  position: relative;
  padding-bottom: 50%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.embed--player {
  padding-bottom: 80.3636363636%;
}
.no-flash .embed--player {
  padding: 0;
}
.no-flash .embed--player .embed__content {
  position: relative;
}
.embed--capture .embed__content,
.embed--html5-doc_pack .embed__content,
.embed--html5-simulation .embed__content,
.embed--html5-video .embed__content {
  border: 0;
}
.embed--html5-simulation {
  padding-bottom: 80%;
}
.embed--html5-simulation-wide {
  padding-bottom: 63.6363636364%;
}
.embed--html5-video {
  padding-bottom: 75%;
}
.embed--html5-video-wide {
  padding-bottom: 56.25%;
}
.embed--html5-doc_pack {
  padding-bottom: 70.7142857143%;
}
.embed--map {
  padding-bottom: 50%;
}
.embed--eBox-promo {
  padding-bottom: 48.5294117647%;
  border: solid 1px #c3c3c3;
}
.embed__content,
.embed__fallback {
  background: #eee -webkit-radial-gradient(center, ellipse, #fff 0, #eee 100%);
  background: #eee radial-gradient(ellipse at center, #fff 0, #eee 100%);
}
.embed__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed__fallback {
  text-align: center;
  padding: 48px;
}
.subject__count {
  text-align: right;
}
.composite-heading {
  margin-bottom: 24px;
}
.composite-heading__title {
  margin-bottom: 12px;
}
@media screen and (min-width: 720px) {
  .composite-heading__title {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 720px) {
  .composite-heading__aside {
    text-align: right;
  }
}
.perspective {
  -webkit-perspective: 800px;
  perspective: 800px;
}
.perspective,
.rotator,
.rotator * {
  -webkit-transition: all;
  transition: all;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.rotator {
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.rotator.rotated {
  -webkit-transform: rotateX(90deg) translateY(-100%);
  transform: rotateX(90deg) translateY(-100%);
}
.rotator.rotated .rotator__front {
  box-shadow: none;
}
.rotator.rotated .rotator__back {
  opacity: 1;
}
.rotator__back {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  opacity: 0;
}
.diptych__item,
.quadriptych__item {
  margin-bottom: 24px;
}
.diptych--menu,
.quadriptych--menu {
  text-align: center;
}
.diptych--menu .ss-icon,
.quadriptych--menu .ss-icon {
  display: block;
  font-size: 1.2em;
  margin-bottom: 12px;
}
.diptych__item {
  border: solid 1px #c3c3c3;
}
.diptych__item--red {
  border-color: #dd2929;
}
.diptych__item--red h2 {
  color: #dd2929;
}
.diptych__item--blue {
  border-color: #228fcc;
}
.diptych__item--blue h2 {
  color: #228fcc;
}
@media screen and (min-width: 720px) {
  .diptych__item {
    margin-bottom: 0;
  }
  .diptych__item--left {
    border-radius: 8px 0 0 8px;
    border-right: solid 1px #c3c3c3;
  }
  .diptych__item--right {
    border-radius: 0 8px 8px 0;
    border-left-width: 0;
  }
}
.diptych--menu .diptych__item {
  padding: 48px;
}
.triptych__item {
  padding: 24px;
  border-radius: 8px;
  border: solid 1px #c3c3c3;
}
.triptych__item--left {
  border-color: #dd2929;
}
.triptych__item--right {
  border-color: #7dd628;
}
.triptych__item--hero {
  border-color: #228fcc;
  min-height: 10em;
  background: #fff;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 720px) {
  .triptych__item--left,
  .triptych__item--right {
    margin-top: 24px;
  }
  .triptych__item--left {
    margin-right: -24px;
    padding-right: 48px;
  }
  .triptych__item--right {
    margin-left: -24px;
    padding-left: 48px;
  }
}
.quadriptych__item--tl h2 {
  color: #dd2929;
}
.quadriptych__item--tr h2 {
  color: #228fcc;
}
.quadriptych__item--bl h2 {
  color: #c4b520;
}
.quadriptych__item--br h2 {
  color: #69b422;
}
@media screen and (min-width: 720px) {
  .quadriptych__item {
    margin-bottom: 0;
  }
  .quadriptych__item--tl {
    border-radius: 8px 0 0 0;
    border-left-color: #dd2929;
    border-top-color: #dd2929;
  }
  .quadriptych__item--tr {
    border-radius: 0 8px 0 0;
    border-left: 0;
    border-top-color: #228fcc;
    border-right-color: #228fcc;
  }
  .quadriptych__item--bl {
    border-radius: 0 0 0 8px;
    border-top: 0;
    border-left-color: #c4b520;
    border-bottom-color: #c4b520;
  }
  .quadriptych__item--br {
    border-radius: 0 0 8px 0;
    border-left: 0;
    border-top: 0;
    border-right-color: #69b422;
    border-bottom-color: #69b422;
  }
}
.quadriptych--menu .quadriptych__item {
  padding: 36px;
}
.sm,
.sm li,
.sm ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: normal;
  direction: ltr;
}
ul.sm li {
  position: relative;
}
ul.sm a {
  position: relative;
  display: block;
}
ul.sm a.disabled {
  cursor: default;
}
ul.sm ul {
  position: absolute;
  top: -999999px;
  left: -800px;
  width: 100px;
}
ul.sm li {
  float: left;
}
ul.sm-rtl {
  direction: rtl;
}
ul.sm-rtl li {
  float: right;
}
ul.sm ul li,
ul.sm-vertical li {
  float: none;
}
ul.sm a {
  white-space: nowrap;
}
ul.sm ul a,
ul.sm-vertical a {
  white-space: normal;
}
* html ul.sm-vertical li {
  float: left;
  width: 100%;
}
* html ul.sm-vertical ul li {
  float: none;
  width: auto;
}
ul.sm ul.sm-nowrap > li > a {
  white-space: nowrap;
}
ul.sm:after {
  content: " ";
  display: block;
  height: 0;
  font: 0/0 serif;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
* html ul.sm {
  height: 1px;
}
ul.sm li *,
ul.sm li :after,
ul.sm li :before {
  box-sizing: content-box;
}
ul.sm {
  -webkit-tap-highlight-color: transparent;
}
.sm-vertical a.highlighted,
.sm-vertical a:active,
.sm-vertical a:focus,
.sm-vertical a:hover {
  color: #228fcc;
  background-color: #f5f5f5;
}
.sm-vertical ul {
  border: 1px solid #c3c3c3;
  border-bottom: 0;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
  background: #fff;
}
.sm-vertical ul a {
  padding-right: 24px;
  border-bottom: solid 1px #c3c3c3;
}
.sm-vertical .sub-arrow {
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 5px;
  position: absolute;
  bottom: auto;
  top: 50%;
  margin-top: -5px;
  right: 10px;
  left: auto;
  margin-left: 0;
  border-style: dashed dashed dashed solid;
  border-color: transparent transparent transparent #c3c3c3;
}
.sm-vertical--floating {
  border: 1px solid #c3c3c3;
  background: #fff;
}
.sm-vertical--floating :last-child {
  border-bottom: 0;
}
.sm-vertical--dropdown {
  border: 1px solid #c3c3c3;
  position: absolute;
  display: none;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.3);
}
.sm-vertical--dropdown,
.sm-vertical--dropdown ul {
  background: #fff;
}
.sm-vertical--dropdown ul:last-child,
.sm-vertical--dropdown:last-child {
  border-bottom: 0;
}
.sm-vertical--dropdown a {
  padding-right: 48px;
}
.ui-form [disabled] {
  pointer-events: none;
}
.ui-form .ui-form__input[disabled] {
  background: #fff;
}
.ui-form__item {
  display: block;
}
.ui-form__item.layout__item,
.ui-form__item.list-ui-link__diptych-item {
  display: inline-block;
}
.ui-form__label {
  display: block;
}
.ui-form__required {
  color: #dd2929;
  font-size: 2em;
  vertical-align: -0.3em;
  line-height: 0;
}
.ui-form__input-wrapper {
  position: relative;
}
.ui-form__input-wrapper .ui-form__input {
  font-family: monospace;
  padding: 14px;
}
.ui-form__input-wrapper .ui-form__input-button {
  position: absolute;
  top: 1px;
  right: 1px;
}
.ui-form__input,
.ui-form__input-button {
  padding: 10px;
  border-radius: 4px;
}
.ui-form__input--email,
.ui-form__input--number,
.ui-form__input--password,
.ui-form__input--search,
.ui-form__input--select,
.ui-form__input--text,
.ui-form__input--textarea,
.ui-form__input-button {
  width: 100%;
  border: solid 1px #959595;
  box-sizing: inherit !important;
  -webkit-transition: box-shadow, border-color;
  transition: box-shadow, border-color;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
.ui-form__input--email:focus,
.ui-form__input--number:focus,
.ui-form__input--password:focus,
.ui-form__input--search:focus,
.ui-form__input--select:focus,
.ui-form__input--text:focus,
.ui-form__input--textarea:focus,
.ui-form__input-button:focus {
  outline: 0;
  border-color: #228fcc;
}
.ui-form__input--select {
  padding: 9px;
}
.ui-form__input--textarea {
  height: 5.5em;
  resize: vertical;
}
.ui-form__input--checkbox,
.ui-form__input--radio {
  -webkit-transform: translateX(25%) scale(1.5);
  transform: translateX(25%) scale(1.5);
  vertical-align: -0.1em;
}
.ui-form__input-button {
  border: transparent;
  width: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #fff 24px
  );
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 24px);
  padding-left: 48px;
  text-decoration: underline;
}
.ui-form__button {
  -webkit-transition: box-shadow;
  transition: box-shadow;
  -webkit-transition-duration: 0.25s;
  transition-duration: 0.25s;
}
.ui-form__button:focus {
  outline: 0;
}
.tabs {
  font-family: freight-sans-pro, sans-serif;
  font-weight: 700;
  position: relative;
}
.lang-vi .tabs,
.tabs[lang="vi"] {
  font-family: sans-serif;
}
.tabs li {
  margin-right: 0;
  position: relative;
}
.tabs a,
.tabs span {
  display: block;
  text-decoration: none;
  padding: 6px 12px 6px 12px;
}
@media screen and (min-width: 480px) {
  .tabs a,
  .tabs span {
    padding: 12px 24px 12px 24px;
  }
}
.tabs:after,
.tabs:before {
  content: "";
  position: absolute;
  left: 0;
}
.tabs:before {
  width: 1px;
  top: 0;
  bottom: 0;
  background: -webkit-linear-gradient(
    bottom,
    #fff 0,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(to top, #fff 0, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
}
.tabs:after {
  height: 1px;
  right: 0;
  bottom: 0;
  background-color: #c3c3c3;
}
.tabs__active {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top: solid 1px #c3c3c3;
  border-left: solid 1px #c3c3c3;
  border-right: solid 1px #c3c3c3;
  background-color: #fff;
  z-index: 1;
}
.tabs__active a,
.tabs__active span {
  padding-left: 12px;
}
@media screen and (min-width: 480px) {
  .tabs__active a,
  .tabs__active span {
    padding-left: 24px;
  }
}
span.tabs__tab-badge {
  font-size: 10px;
  font-size: 0.5555555556rem;
  line-height: 10px;
  border: solid 1px #228fcc;
  color: #228fcc;
  position: absolute;
  padding: 3px;
  top: 6px;
  right: 6px;
  border-radius: 2px;
  pointer-events: none;
}
.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 102;
}
.overlay--centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px;
}
.overlay--centered .overlay__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: calc(100vh - 48px);
}
.overlay--centered .overlay__body {
  overflow: auto;
}
.overlay__closer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-tap-highlight-color: transparent;
}
.overlay__closer.js-overlay-closer {
  cursor: pointer;
}
.overlay__content {
  border-radius: 8px;
  pointer-events: auto;
  width: 90%;
  max-width: 20rem;
  background-color: #fff;
  position: absolute;
  overflow: hidden;
}
.overlay__title-bar {
  padding: 24px;
  border-bottom: solid 1px #c3c3c3;
  margin-bottom: 0;
  background-color: #f5f5f5;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.overlay__title-bar--studio {
  position: relative;
  background-color: #41a796;
  background-image: url(../bundles/edumediafront/css/image/studio-pattern.png);
  border-bottom: 0;
}
.overlay__title-bar--studio,
.overlay__title-bar--studio a:active,
.overlay__title-bar--studio a:hover {
  color: #fff;
}
.overlay__body {
  padding: 24px;
}
.overlay__close-btn {
  float: right;
  text-decoration: none;
}
.overlay__close-btn:focus {
  outline: 0;
}
.overlay__close-btn:active,
.overlay__close-btn:focus,
.overlay__close-btn:hover {
  color: #333;
}
.overlay__install-badge {
  display: block;
  margin: auto;
}
.overlay--medium .overlay__content {
  max-width: 26em;
}
.overlay--wide .overlay__content {
  max-width: 43em;
}
.overlay--dropdown .overlay__content {
  width: auto;
  padding: 12px;
  padding-left: 18px;
  padding-right: 18px;
  overflow: visible;
}
.overlay--dropdown .overlay__content:before {
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -8px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
}
.overlay--dropdown .overlay__content--left:before {
  left: 24px;
}
.overlay--dropdown .overlay__content--right {
  text-align: right;
}
.overlay--dropdown .overlay__content--right:before {
  left: auto;
  right: 24px;
}
.overlay--dropdown .overlay__content--up:before {
  top: auto;
  border-bottom: 0;
  border-top: 8px solid #fff;
  bottom: -8px;
}
.flash-message {
  color: #fff;
  text-align: center;
  padding: 12px;
  margin-bottom: 12px;
  border-radius: 4px;
  border: solid 1px transparent;
}
.flash-messages {
  padding: 12px;
  padding-bottom: 0;
}
.flash-message--notice {
  border-color: #ddcd30;
  color: #ddcd30;
}
.flash-message--error {
  border-color: #dd2929;
  color: #dd2929;
}
.cart-table {
  width: 100%;
  -webkit-font-feature-settings: "lnum", "tnum";
  -moz-font-feature-settings: "lnum", "tnum";
  font-feature-settings: "lnum", "tnum";
}
.cart-table td {
  padding-top: 12px;
  padding-bottom: 12px;
  border-top: solid 1px #c3c3c3;
}
.cart-table__image {
  width: 50px;
}
.cart-table__image img {
  border-radius: 4px;
  border: solid 1px #333;
}
.cart-table__title {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 24px;
}
.cart-table__delete {
  width: 2em;
}
.cart-table__delete a {
  text-decoration: none;
  display: inline-block;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  border-radius: 2em;
  color: #dd2929;
}
.cart-table__delete a:active,
.cart-table__delete a:focus,
.cart-table__delete a:hover {
  outline: 0;
  background-color: #dd2929;
  color: #fff;
}
.cart-table__delete a:active {
  background-color: #bf1e1e;
}
.cart-table td.cart-table__total {
  border-top: solid 1px #333;
  text-align: right;
}
.cart-table__vat {
  opacity: 0.5;
  display: block;
  font-size: 0.75rem;
}
.no-opacity .cart-table__vat {
  color: #adadad;
}
.demo-overlay {
  font-family: freight-sans-pro, sans-serif;
  font-weight: 900;
  position: absolute;
  z-index: 999;
  background: -webkit-radial-gradient(
    center,
    ellipse,
    rgba(0, 0, 0, 0.4) 0,
    rgba(0, 0, 0, 0.75) 100%
  );
  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0.4) 0,
    rgba(0, 0, 0, 0.75) 100%
  );
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff !important;
  text-align: center;
  font-size: 2.5rem;
  opacity: 1;
}
.demo-overlay[lang="vi"],
.lang-vi .demo-overlay {
  font-family: sans-serif;
}
.demo-overlay__body {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.demo-overlay__body:before {
  content: "";
  display: block;
  margin: auto;
  margin-bottom: -20px;
  background: url(../bundles/edumediafront/css/image/demo-overlay-logo.png)
    no-repeat center;
  background-size: contain;
  width: 218px;
  height: 218px;
}
.webcam-widget {
  position: absolute;
  overflow: hidden;
}
.webcam-widget video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
}
.webcam-widget button {
  position: absolute;
  border: 0;
  outline: 0;
  padding: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.25s, background 0.25s;
  transition: opacity 0.25s, background 0.25s;
}
.webcam-widget button:hover {
  background: #000;
}
.webcam-widget:hover button {
  opacity: 1;
}
.webcam-widget__size-toggler {
  top: 6px;
  left: 6px;
}
.webcam-widget__size-toggler:after,
.webcam-widget__size-toggler:before {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
}
.webcam-widget__size-toggler:before {
  left: 3px;
  right: 3px;
  height: 4px;
  top: 14px;
}
.webcam-widget__size-toggler:after {
  top: 3px;
  bottom: 3px;
  width: 4px;
  left: 14px;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.webcam-widget__corner-toggler {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  top: 6px;
  right: 6px;
}
.webcam-widget__corner-toggler:before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: 6px;
  bottom: 6px;
  left: 6px;
  border: solid 4px #fff;
  border-left-width: 0;
  border-bottom-width: 0;
}
.webcam-widget__corner-toggler--tr {
  top: auto;
  right: auto;
  bottom: 6px;
  left: 6px;
}
.webcam-widget__corner-toggler--tr:before {
  border-top: 0;
  border-right: 0;
  border-left-width: 4px;
  border-bottom-width: 4px;
}
.webcam-widget--maximized .webcam-widget__size-toggler:after {
  opacity: 0;
}
.webcam-widget--maximized .webcam-widget__corner-toggler {
  opacity: 0 !important;
  pointer-events: none;
}
.capture-countdown {
  font-family: freight-sans-pro, sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.capture-countdown[lang="vi"],
.lang-vi .capture-countdown {
  font-family: sans-serif;
}
.capture-countdown__value {
  font-size: 40vw;
  line-height: 1;
  display: block;
  -webkit-transition: -webkit-transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}
.capture-countdown__value.faded {
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  -webkit-transform: scale(0.85);
  transform: scale(0.85);
  opacity: 0;
}
.capture-countdown__limit {
  font-size: 12px;
  font-size: 0.6666666667rem;
  line-height: 2;
  background: #dd2929;
  border-radius: 8px;
  color: #fff;
  padding: 0.25em 0.5em;
}
@-webkit-keyframes sending-glow {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
@keyframes sending-glow {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
.studio {
  position: relative;
}
.studio__form-holder {
  background: #fff;
}
.studio__form {
  padding: 24px;
  padding-bottom: 0;
}
.studio__sending {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.9);
  overflow: hidden;
  text-align: center;
}
.studio__sending-body {
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  -webkit-animation-name: sending-glow;
  animation-name: sending-glow;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.studio__sending .ss-icon {
  display: block;
  text-align: center;
  font-size: 1.5em;
  -webkit-transition: -webkit-transform 3s ease-in;
  transition: transform 3s ease-in;
}
.studio__sending.is-error .studio__sending-body,
.studio__sending.is-sent .studio__sending-body {
  -webkit-animation: none;
  animation: none;
  opacity: 1;
}
.studio__sending.is-sent .ss-icon {
  -webkit-transform: translate(400px, -400px);
  transform: translate(400px, -400px);
}
.u-studio-toolbar {
  padding-top: 24px;
  position: relative;
}
.u-studio-toolbar a {
  opacity: 1;
}
.u-studio-toolbar a:focus,
.u-studio-toolbar a:hover {
  color: inherit;
  opacity: 0.75;
}
.u-studio-toolbar.is-animated:before {
  -webkit-transition: opacity 0.75s;
  transition: opacity 0.75s;
}
.u-studio-toolbar.is-animated .u-studio-toolbar-heading {
  -webkit-transition: margin-right 0.75s;
  transition: margin-right 0.75s;
}
.u-studio-toolbar.is-animated .u-studio-toolbar-heading:after {
  -webkit-transition: opacity 0.75s;
  transition: opacity 0.75s;
}
.u-studio-toolbar:after,
.u-studio-toolbar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #f5f5f5;
  pointer-events: none;
}
.u-studio-toolbar:after {
  z-index: 0;
  width: 30%;
}
.u-studio-toolbar:before {
  z-index: 1;
  opacity: 0;
  width: 100%;
}
.u-studio-toolbar .u-studio-toolbar-heading {
  z-index: 2;
  background: #f5f5f5;
}
.u-studio-toolbar.is-collapsed:before {
  opacity: 1;
}
.u-studio-toolbar.is-collapsed .u-studio-toolbar-heading {
  margin-right: -60%;
}
.u-studio-toolbar.is-collapsed .u-studio-toolbar-heading:after {
  opacity: 0;
}
.u-studio-toolbar.did-expand:after,
.u-studio-toolbar.did-expand:before {
  display: none;
}
.u-studio-toolbar.did-expand .u-studio-toolbar-heading {
  background: 0 0;
}
.u-studio-brand-name {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  white-space: nowrap;
}
.u-studio-brand-name:before {
  content: "";
  display: inline-block;
  background-image: url(../bundles/edumediafront/css/image/studio-logo-gray.svg);
  background-size: 100% 100%;
  width: 0.85em;
  height: 0.85em;
  vertical-align: -0.12em;
  margin-right: 0.5em;
}
.u-studio-brand-name--white:before {
  background-image: url(../bundles/edumediafront/css/image/studio-logo-white.svg);
}
.u-studio-toolbar-heading {
  font-size: 26px;
  font-size: 1.4444444444rem;
  line-height: 1.8461538462;
  padding-left: 0;
  position: relative;
  white-space: nowrap;
}
.u-studio-toolbar-heading:after {
  content: "";
  display: block;
  border-right: solid 1px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 15%;
  bottom: 15%;
  right: 0;
}
.u-studio-video-wrapper {
  padding-bottom: 56.25%;
  position: relative;
  outline: solid 1px #41a796;
}
.u-studio-video-wrapper video {
  background: 0 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.capture-preview {
  z-index: 52;
  position: absolute;
  top: 0;
  left: -1px;
  right: -1px;
  border: solid 1px #c3c3c3;
  border-top: 0;
  border-bottom: 0;
  background: #fff;
}
.capture-preview video {
  margin: auto;
  max-width: 100%;
  display: block;
}
.studio-page img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
}
@media screen and (min-width: 720px) {
  .studio-page img {
    margin-bottom: 0;
  }
}
.studio-page p:last-child {
  margin-bottom: 0;
}
.favorites-list__add-item,
.favorites-list__item {
  cursor: pointer;
  -webkit-transition: color 0.25s, opacity 0.25s;
  transition: color 0.25s, opacity 0.25s;
  opacity: 0.75;
}
.favorites-list__add-item:hover,
.favorites-list__item:hover {
  opacity: 1;
}
.favorites-list__item--on {
  opacity: 1;
  color: #c4b520;
}
.favorites-list__item--on .favorites-list__icon:after {
  width: 5em;
  height: 5em;
  opacity: 0;
  -webkit-transition: width 0.65s, height 0.65s, opacity 0.65s;
  transition: width 0.65s, height 0.65s, opacity 0.65s;
}
.favorites-list__item:hover .favorites-list__opener,
.touch .favorites-list__item .favorites-list__opener {
  opacity: 1;
}
.favorites-list__label {
  vertical-align: bottom;
  display: inline-block;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.favorites-list__opener {
  opacity: 0;
  display: inline-block;
  -webkit-transition: opacity 0.5s, color 0.5s;
  transition: opacity 0.5s, color 0.5s;
  color: #9b9b9b !important;
  text-align: right;
  width: 2em;
  height: 1.8em;
  vertical-align: bottom;
  padding-top: 0.5em;
}
.favorites-list__opener:hover {
  color: #222 !important;
}
.favorites-list__add-item {
  margin-top: 12px;
}
.favorites-list__title {
  font-weight: 700;
  margin-bottom: 12px;
}
.favorites-list__icon {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  margin-right: 0.5em;
  position: relative;
}
.favorites-list__icon:after {
  content: "";
  pointer-events: none;
  width: 0;
  height: 0;
  background: #ddcd30;
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  border-radius: 50%;
  -webkit-transition: width 0s, height 0s, opacity 0s;
  transition: width 0s, height 0s, opacity 0s;
}
.u-favorite-on {
  color: #c4b520;
}
.teachers-area-body {
  display: grid;
  grid-gap: 24px;
}
@media screen and (min-width: 720px) {
  .teachers-area-body {
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr;
  }
  .teachers-area-body :nth-child(n + 5) {
    grid-column-start: 2;
  }
}
.teachers-area-body__header a {
  text-decoration: none;
}
.teachers-area-body__header a:hover {
  color: inherit;
}
.teachers-area-body__list {
  display: none;
}
@media screen and (min-width: 720px) {
  .teachers-area-body__list {
    display: block;
  }
}
.action-wrapper {
  position: relative;
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
}
.action-wrapper__link {
  margin-bottom: 24px;
}
@media screen and (min-width: 720px) {
  .action-wrapper__count {
    float: right;
  }
}
.action-wrapper__actions {
  position: absolute;
  opacity: 0;
  -webkit-transition: opacity 0.25s, right 0.25s, bottom 0.25s;
  transition: opacity 0.25s, right 0.25s, bottom 0.25s;
}
.action-wrapper--favorite-directory .action-wrapper__actions {
  right: 10px;
  top: 18px;
}
.action-wrapper--media .action-wrapper__actions {
  opacity: 1;
  bottom: 28px;
  left: 132px;
  font-size: 14px;
  font-size: 0.7777777778rem;
  line-height: 1.7142857143;
}
.action-wrapper--media .action-wrapper__actions .action-wrapper__action {
  text-decoration: none;
  display: inline-block;
  opacity: 0;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  -webkit-transition: -webkit-transform 0.25s, opacity 0.25s;
  transition: transform 0.25s, opacity 0.25s;
}
.action-wrapper--media
  .action-wrapper__actions
  .action-wrapper__action
  .ss-icon {
  font-size: inherit;
  opacity: 0.5;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  padding: 0.5em;
}
.action-wrapper--media
  .action-wrapper__actions
  .action-wrapper__action
  .ss-icon:hover {
  opacity: 1;
}
.action-wrapper--media
  .action-wrapper__actions
  .action-wrapper__action:nth-child(2) {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
}
.action-wrapper--media
  .action-wrapper__actions
  .action-wrapper__action:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.action-wrapper--favorite-directory .action-wrapper__actions {
  background: #fff;
}
.action-wrapper__action--delete:hover {
  color: #dd2929;
}
.action-wrapper__action--move {
  cursor: move;
  cursor: -webkit-grab;
}
.ui-sortable-helper .action-wrapper__action--move {
  cursor: -webkit-grabbing;
}
.action-wrapper.ui-draggable-dragging,
.action-wrapper.ui-draggable-dragging *,
.action-wrapper.ui-sortable-helper,
.action-wrapper.ui-sortable-helper * {
  cursor: -webkit-grabbing;
}
.action-wrapper.ui-draggable-dragging .action-wrapper__actions,
.action-wrapper.ui-sortable-helper .action-wrapper__actions {
  opacity: 0 !important;
}
.action-wrapper:hover .action-wrapper__actions,
.touch .action-wrapper .action-wrapper__actions {
  opacity: 1;
}
.action-wrapper--favorite-directory:hover .action-wrapper__actions,
.touch .action-wrapper--favorite-directory .action-wrapper__actions {
  opacity: 1;
  right: 18px;
}
.action-wrapper--media:hover .action-wrapper__actions .action-wrapper__action,
.touch .action-wrapper--media .action-wrapper__actions .action-wrapper__action {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.action-wrapper.is-mini {
  -webkit-transform: scale(0.2);
  transform: scale(0.2);
}
.action-wrapper.is-mini .media-block {
  box-shadow: 0 10px 100px rgba(0, 0, 0, 0.6) !important;
}
.accordion {
  margin-bottom: 24px;
  overflow: hidden;
  padding: 0;
}
.accordion__title {
  padding: 24px;
}
.accordion__body {
  padding: 24px;
  padding-top: 0;
}
.paper-clip {
  position: relative;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
}
.paper-clip__clip {
  text-decoration: none;
  background: #fdf21c;
  color: #000;
  width: 20px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 0 0 10px #fdf21c, 0 1px 2px 11px rgba(0, 0, 0, 0.6);
  opacity: 1;
  position: relative;
  z-index: 1;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.paper-clip__clip:active,
.paper-clip__clip:focus,
.paper-clip__clip:hover {
  color: #000 !important;
}
.paper-clip__clip .ss-icon {
  font-size: 16px;
  font-size: 0.8888888889rem;
  line-height: 1.5;
  display: block;
  height: 20px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.paper-clip__paper {
  position: absolute;
  padding: 24px;
  background: -webkit-linear-gradient(
    top left,
    #eee302 0,
    #fdf21c 15%,
    #fdf21c 70%,
    #fef881 100%
  );
  background: linear-gradient(
    to bottom right,
    #eee302 0,
    #fdf21c 15%,
    #fdf21c 70%,
    #fef881 100%
  );
  border-radius: 4px;
  left: 0;
  right: -260px;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  opacity: 0;
  -webkit-transform: scale(0) rotate3d(1, 1, 1, 25deg);
  transform: scale(0) rotate3d(1, 1, 1, 25deg);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  height: 16em;
  overflow: auto;
  color: #000;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 720px) {
  .paper-clip__paper {
    left: -150px;
    right: -150px;
    -webkit-transform-origin: top center;
    transform-origin: top center;
  }
}
.paper-clip__paper textarea {
  border: 0;
  padding: 0;
  outline: 0;
  background: 0;
  color: inherit;
  resize: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 100%;
  margin-bottom: 24px;
}
.paper-clip__paper label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.paper-clip__paper label input {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  margin-right: 1em;
}
.paper-clip__paper ol,
.paper-clip__paper ul {
  margin-left: 24px;
}
.paper-clip__paper a:active,
.paper-clip__paper a:focus,
.paper-clip__paper a:hover {
  color: inherit;
}
.paper-clip__paper :last-child {
  margin-bottom: 0;
}
.paper-clip.is-open {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}
.paper-clip.is-open .paper-clip__clip {
  background: #fff;
  box-shadow: 0 0 0 15px #fff, 0 1px 2px 16px rgba(0, 0, 0, 0.6);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.paper-clip.is-open .paper-clip__clip .ss-icon {
  -webkit-transform: scale(1.2) rotate(-44deg);
  transform: scale(1.2) rotate(-44deg);
}
.paper-clip.is-open .paper-clip__paper {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  box-shadow: 0 2px 30px 4px rgba(0, 0, 0, 0.4);
}
.composite-heading__aside .paper-clip {
  margin-right: 20px;
  margin-left: 10px;
  display: inline-block;
}
.main-container.banner--studio-breadcrumbs.banner--lr,
.main-container.banner.banner--studio-breadcrumbs {
  overflow: inherit;
}
.student-captures {
  position: relative;
}
.student-captures:before {
  content: "";
  position: absolute;
  top: 25px;
  bottom: 25px;
  left: 25px;
  width: 1px;
  background: #c3c3c3;
  z-index: -1;
}
.student-capture {
  opacity: 1;
  margin-bottom: 24px;
  position: relative;
}
.student-capture__link {
  opacity: 1;
  text-decoration: none;
  outline: 0;
}
.student-capture__delete {
  position: absolute;
  top: 0.25em;
  right: 0;
  background: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.student-capture__delete span {
  display: none;
  padding-left: 0.5em;
}
@media screen and (min-width: 720px) {
  .student-capture__delete span {
    display: inline;
  }
}
.student-capture .media__img {
  width: 50px;
  border-radius: 25px;
  border: solid 2px #fff;
  box-shadow: #9b9b9b 0 0 1px 1px;
  background: #fff;
  overflow: hidden;
  -webkit-transition: box-shadow 0.25s;
  transition: box-shadow 0.25s;
}
.student-capture__image {
  opacity: 0.75;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.student-capture__title {
  font-family: freight-sans-pro, sans-serif;
  font-weight: 700;
  text-decoration: underline;
}
.lang-vi .student-capture__title,
.student-capture__title[lang="vi"] {
  font-family: sans-serif;
}
.student-capture__meta {
  opacity: 0.75;
}
.student-capture .media__body {
  -webkit-transition: padding 0.25s;
  transition: padding 0.25s;
}
.student-capture:hover .media__img {
  box-shadow: #9b9b9b 0 0 10px 1px;
}
.student-capture:hover .media__body {
  padding-left: 6px;
}
.student-capture:hover .student-capture__delete {
  opacity: 1;
}
.student-capture:hover .student-capture__image {
  opacity: 1;
}
.touch .student-capture .student-capture__delete {
  opacity: 1;
}
.media-and-aside {
  position: relative;
}
.media-and-aside__aside {
  text-align: right;
}
@media screen and (min-width: 1160px) {
  .media-and-aside__aside {
    position: absolute;
    left: 100%;
    top: 0;
  }
}
.aside-tools {
  display: inline-block;
  position: relative;
  z-index: 52;
  text-align: right;
  border: solid 6px #fff;
  border-bottom: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  -webkit-transition: width 0.5s, height 0.5s;
  transition: width 0.5s, height 0.5s;
}
.aside-tools__tool {
  font-size: 24px;
  font-size: 1.3333333333rem;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
  padding: 0.6em 0.8em;
  border-right: solid 2px #fff;
  -webkit-transition: background 0.5s, opacity 0.5s;
  transition: background 0.5s, opacity 0.5s;
  position: relative;
}
.aside-tools__tool,
.aside-tools__tool:focus {
  opacity: 1;
  color: #000;
  background: #f5f5f5;
}
.aside-tools__tool.is-active {
  background: #fff !important;
  cursor: default;
}
.aside-tools__tool.is-active:after {
  content: "";
  position: absolute;
  background: #228fcc;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
}
.aside-tools__tool:last-child {
  border-right: 0;
}
.aside-tools__tool:hover {
  background: #f8f8f8;
  color: #000;
}
.aside-tools__tool:active {
  background: #fff;
}
.aside-tools__tool--pen {
  position: relative;
}
.aside-tools__tool--pen:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 30%;
  width: 30%;
  height: 2px;
  border-radius: 1px;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #000);
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #000);
}
.aside-tools__tool--pen-light:before {
  background: -webkit-linear-gradient(left, rgba(196, 181, 32, 0), #c4b520);
  background: linear-gradient(to right, rgba(196, 181, 32, 0), #c4b520);
}
.aside-tools + .aside-tools {
  margin-left: 24px;
}
@media screen and (min-width: 1160px) {
  .aside-tools + .aside-tools {
    margin-left: 0;
    margin-top: 24px;
  }
}
.aside-tools.is-annotation-expanded {
  width: 296px;
}
.aside-tools.is-annotation-collapsed {
  width: 181px;
}
@media screen and (min-width: 1160px) {
  .aside-tools {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom: solid 6px #fff;
    border-bottom-right-radius: 8px;
    white-space: normal;
  }
  .aside-tools .aside-tools__tool {
    border-right: 0;
    border-bottom: solid 2px #fff;
  }
  .aside-tools .aside-tools__tool:last-child {
    border-bottom: 0;
  }
  .aside-tools .aside-tools__tool.is-active:after {
    width: 3px;
    left: auto;
    height: auto;
    bottom: 0;
  }
  .aside-tools.is-annotation-expanded {
    width: auto;
    height: 279px;
  }
  .aside-tools.is-annotation-collapsed {
    width: auto;
    height: 171px;
  }
}
.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before,
.video-js .vjs-modal-dialog,
.vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(../bundles/edumediafront/css/font/VideoJS.eot?#iefix) format("eot");
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,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)
      format("woff"),
    url(data:application/x-font-ttf;charset=utf-8;base64,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ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgAAAAAA)
      format("truetype");
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-big-play-button,
.video-js .vjs-play-control,
.vjs-icon-play {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before,
.vjs-icon-play:before {
  content: "";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "";
}
.video-js .vjs-play-control.vjs-playing,
.vjs-icon-pause {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-play-control.vjs-playing:before,
.vjs-icon-pause:before {
  content: "";
}
.video-js .vjs-mute-control.vjs-vol-0,
.video-js .vjs-volume-menu-button.vjs-vol-0,
.vjs-icon-volume-mute {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-0:before,
.video-js .vjs-volume-menu-button.vjs-vol-0:before,
.vjs-icon-volume-mute:before {
  content: "";
}
.video-js .vjs-mute-control.vjs-vol-1,
.video-js .vjs-volume-menu-button.vjs-vol-1,
.vjs-icon-volume-low {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-1:before,
.video-js .vjs-volume-menu-button.vjs-vol-1:before,
.vjs-icon-volume-low:before {
  content: "";
}
.video-js .vjs-mute-control.vjs-vol-2,
.video-js .vjs-volume-menu-button.vjs-vol-2,
.vjs-icon-volume-mid {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-2:before,
.video-js .vjs-volume-menu-button.vjs-vol-2:before,
.vjs-icon-volume-mid:before {
  content: "";
}
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button,
.vjs-icon-volume-high {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mute-control:before,
.video-js .vjs-volume-menu-button:before,
.vjs-icon-volume-high:before {
  content: "";
}
.video-js .vjs-fullscreen-control,
.vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-fullscreen-control:before,
.vjs-icon-fullscreen-enter:before {
  content: "";
}
.video-js.vjs-fullscreen .vjs-fullscreen-control,
.vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control:before,
.vjs-icon-fullscreen-exit:before {
  content: "";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "";
}
.video-js .vjs-subtitles-button,
.vjs-icon-subtitles {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-subtitles-button:before,
.vjs-icon-subtitles:before {
  content: "";
}
.video-js .vjs-captions-button,
.vjs-icon-captions {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-captions-button:before,
.vjs-icon-captions:before {
  content: "";
}
.video-js .vjs-chapters-button,
.vjs-icon-chapters {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-chapters-button:before,
.vjs-icon-chapters:before {
  content: "";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "";
}
.video-js .vjs-mouse-display,
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-mouse-display:before,
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before {
  content: "";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "";
}
.video-js .vjs-control.vjs-close-button,
.vjs-icon-cancel {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.video-js .vjs-control.vjs-close-button:before,
.vjs-icon-cancel:before {
  content: "";
}
.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-replay:before {
  content: "";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "";
}
.vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: 400;
  font-style: normal;
}
.vjs-icon-audio-description:before {
  content: "";
}
.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js *,
.video-js :after,
.video-js :before {
  box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-fluid {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0 auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  outline: 0;
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.video-js button {
  background: 0 0;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
}
.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li:focus,
.vjs-menu li:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: 700;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
  display: block;
}
.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.video-js .vjs-menu-button-inline.vjs-slider-active {
  -webkit-transition: none;
  transition: none;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
@media screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  outline: 0;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}
.video-js .vjs-control:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff;
}
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display:after,
.video-js .vjs-progress-control:hover .vjs-play-progress:after {
  display: block;
}
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}
.video-js .vjs-mouse-display:before {
  display: none;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  position: absolute;
  top: -0.3333333333em;
  right: -0.5em;
  font-size: 0.9em;
}
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
  display: none;
  position: absolute;
  top: -3.4em;
  right: -1.5em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px 8px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
}
.video-js .vjs-play-progress:after,
.video-js .vjs-play-progress:before {
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: #fff;
  background: rgba(115, 133, 159, 0.75);
}
.video-js.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex
  .vjs-progress-control
  .vjs-mouse-display,
.video-js.vjs-user-inactive.vjs-no-flex
  .vjs-progress-control
  .vjs-mouse-display:after {
  display: none;
}
.video-js .vjs-progress-control .vjs-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider:focus {
  text-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control,
.video-js .vjs-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}
.video-js .vjs-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}
.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
  left: 0.5em;
  height: 8em;
}
.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
  left: -2em;
}
.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content,
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical:focus .vjs-menu-content,
.vjs-volume-menu-button-vertical:hover .vjs-menu-content {
  height: 8em;
  width: 2.9em;
}
.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content,
.vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-horizontal:focus .vjs-menu-content,
.vjs-volume-menu-button-horizontal:hover .vjs-menu-content {
  height: 2.9em;
  width: 8em;
}
.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
  background-color: transparent !important;
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
.vjs-has-started .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-controls-disabled .vjs-poster {
  display: none;
}
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control {
  display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing
  video::-webkit-media-text-track-display {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -ms-flex: none;
  flex: none;
}
.vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
}
.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8)
      infinite,
    vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
    vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: #fff;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: #fff;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex
  .vjs-custom-control-spacer {
  width: auto;
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button {
  display: none;
}
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button {
  display: none;
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control {
  display: none;
}
.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  margin: 0 auto;
  padding: 0.5em;
  height: 15em;
  font-size: 12px;
  width: 40em;
}
.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto;
}
.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left;
}
.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-controls:after,
.vjs-caption-settings .vjs-tracksettings-font:after {
  clear: both;
}
.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em;
}
.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px;
}
.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px;
}
.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px;
}
.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px;
}
.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0;
}
.vjs-caption-settings label > input {
  margin-right: 10px;
}
.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-linear-gradient(
    -90deg,
    rgba(0, 0, 0, 0.8),
    rgba(255, 255, 255, 0)
  );
  background: -webkit-linear-gradient(
    270deg,
    rgba(0, 0, 0, 0.8),
    rgba(255, 255, 255, 0)
  );
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.8),
    rgba(255, 255, 255, 0)
  );
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.box:after,
.cart-table__media:after,
.clearfix:after,
.diptych__item:after,
.media-block:after,
.media:after,
.quadriptych__item:after {
  content: "";
  display: table;
  clear: both;
}
[class~="1/1"] {
  width: 100% !important;
}
[class~="1/2"],
[class~="2/4"],
[class~="3/6"],
[class~="4/8"],
[class~="5/10"],
[class~="6/12"] {
  width: 50% !important;
}
[class~="1/3"],
[class~="2/6"],
[class~="3/9"],
[class~="4/12"] {
  width: 33.3333333% !important;
}
[class~="2/3"],
[class~="4/6"],
[class~="6/9"],
[class~="8/12"] {
  width: 66.6666666% !important;
}
[class~="1/4"],
[class~="2/8"],
[class~="3/12"] {
  width: 25% !important;
}
[class~="3/4"],
[class~="6/8"],
[class~="9/12"] {
  width: 75% !important;
}
[class~="1/5"],
[class~="2/10"] {
  width: 20% !important;
}
[class~="2/5"],
[class~="4/10"] {
  width: 40% !important;
}
[class~="3/5"],
[class~="6/10"] {
  width: 60% !important;
}
[class~="4/5"],
[class~="8/10"] {
  width: 80% !important;
}
[class~="1/6"],
[class~="2/12"] {
  width: 16.6666666% !important;
}
[class~="10/12"],
[class~="5/6"] {
  width: 83.3333333% !important;
}
[class~="1/8"] {
  width: 12.5% !important;
}
[class~="3/8"] {
  width: 37.5% !important;
}
[class~="5/8"] {
  width: 62.5% !important;
}
[class~="7/8"] {
  width: 87.5% !important;
}
[class~="1/9"] {
  width: 11.1111111% !important;
}
[class~="2/9"] {
  width: 22.2222222% !important;
}
[class~="4/9"] {
  width: 44.4444444% !important;
}
[class~="5/9"] {
  width: 55.5555555% !important;
}
[class~="7/9"] {
  width: 77.7777777% !important;
}
[class~="8/9"] {
  width: 88.8888888% !important;
}
[class~="1/10"] {
  width: 10% !important;
}
[class~="3/10"] {
  width: 30% !important;
}
[class~="7/10"] {
  width: 70% !important;
}
[class~="9/10"] {
  width: 90% !important;
}
[class~="1/12"] {
  width: 8.3333333% !important;
}
[class~="5/12"] {
  width: 41.6666666% !important;
}
[class~="7/12"] {
  width: 58.3333333% !important;
}
[class~="11/12"] {
  width: 91.6666666% !important;
}
@media screen and (max-width: 719px) {
  [class~="palm-1/1"] {
    width: 100% !important;
  }
  [class~="palm-1/2"] {
    width: 50% !important;
  }
  [class~="palm-1/3"] {
    width: 33.333333333% !important;
  }
  [class~="palm-2/3"] {
    width: 66.666666666% !important;
  }
  [class~="palm-1/4"] {
    width: 25% !important;
  }
  [class~="palm-3/4"] {
    width: 75% !important;
  }
  [class~="palm-1/5"] {
    width: 20% !important;
  }
  [class~="palm-2/5"] {
    width: 40% !important;
  }
  [class~="palm-3/5"] {
    width: 60% !important;
  }
  [class~="palm-4/5"] {
    width: 80% !important;
  }
  [class~="palm-1/6"] {
    width: 16.666666666% !important;
  }
  [class~="palm-5/6"] {
    width: 83.333333333% !important;
  }
  [class~="palm-3/8"] {
    width: 37.5% !important;
  }
  [class~="palm-5/8"] {
    width: 62.5% !important;
  }
  [class~="palm-1/10"] {
    width: 10% !important;
  }
  [class~="palm-3/10"] {
    width: 30% !important;
  }
  [class~="palm-4/10"] {
    width: 40% !important;
  }
  [class~="palm-7/10"] {
    width: 70% !important;
  }
  [class~="palm-9/10"] {
    width: 90% !important;
  }
}
@media screen and (min-width: 720px) {
  [class~="lap-and-up-1/1"] {
    width: 100% !important;
  }
  [class~="lap-and-up-1/2"] {
    width: 50% !important;
  }
  [class~="lap-and-up-1/3"] {
    width: 33.333333333% !important;
  }
  [class~="lap-and-up-2/3"] {
    width: 66.666666666% !important;
  }
  [class~="lap-and-up-1/4"] {
    width: 25% !important;
  }
  [class~="lap-and-up-3/4"] {
    width: 75% !important;
  }
  [class~="lap-and-up-1/5"] {
    width: 20% !important;
  }
  [class~="lap-and-up-2/5"] {
    width: 40% !important;
  }
  [class~="lap-and-up-3/5"] {
    width: 60% !important;
  }
  [class~="lap-and-up-4/5"] {
    width: 80% !important;
  }
  [class~="lap-and-up-1/6"] {
    width: 16.666666666% !important;
  }
  [class~="lap-and-up-5/6"] {
    width: 83.333333333% !important;
  }
  [class~="lap-and-up-3/8"] {
    width: 37.5% !important;
  }
  [class~="lap-and-up-5/8"] {
    width: 62.5% !important;
  }
  [class~="lap-and-up-1/10"] {
    width: 10% !important;
  }
  [class~="lap-and-up-3/10"] {
    width: 30% !important;
  }
  [class~="lap-and-up-4/10"] {
    width: 40% !important;
  }
  [class~="lap-and-up-7/10"] {
    width: 70% !important;
  }
  [class~="lap-and-up-9/10"] {
    width: 90% !important;
  }
}
@media screen and (min-width: 1024px) {
  [class~="desk-1/1"] {
    width: 100% !important;
  }
  [class~="desk-1/2"] {
    width: 50% !important;
  }
  [class~="desk-1/3"] {
    width: 33.333333333% !important;
  }
  [class~="desk-2/3"] {
    width: 66.666666666% !important;
  }
  [class~="desk-1/4"] {
    width: 25% !important;
  }
  [class~="desk-3/4"] {
    width: 75% !important;
  }
  [class~="desk-1/5"] {
    width: 20% !important;
  }
  [class~="desk-2/5"] {
    width: 40% !important;
  }
  [class~="desk-3/5"] {
    width: 60% !important;
  }
  [class~="desk-4/5"] {
    width: 80% !important;
  }
  [class~="desk-1/6"] {
    width: 16.666666666% !important;
  }
  [class~="desk-5/6"] {
    width: 83.333333333% !important;
  }
  [class~="desk-3/8"] {
    width: 37.5% !important;
  }
  [class~="desk-5/8"] {
    width: 62.5% !important;
  }
  [class~="desk-1/10"] {
    width: 10% !important;
  }
  [class~="desk-3/10"] {
    width: 30% !important;
  }
  [class~="desk-4/10"] {
    width: 40% !important;
  }
  [class~="desk-7/10"] {
    width: 70% !important;
  }
  [class~="desk-9/10"] {
    width: 90% !important;
  }
}
.m {
  margin: 24px !important;
}
.mt {
  margin-top: 24px !important;
}
.mr {
  margin-right: 24px !important;
}
.mb,
.media-block,
.subject-block,
.triptych__item,
.ui-form__item {
  margin-bottom: 24px !important;
}
.ml {
  margin-left: 24px !important;
}
.mh {
  margin-right: 24px !important;
  margin-left: 24px !important;
}
.mv {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.m-- {
  margin: 6px !important;
}
.mt-- {
  margin-top: 6px !important;
}
.mr-- {
  margin-right: 6px !important;
}
.mb-- {
  margin-bottom: 6px !important;
}
.ml-- {
  margin-left: 6px !important;
}
.mh-- {
  margin-right: 6px !important;
  margin-left: 6px !important;
}
.mv-- {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
.m- {
  margin: 12px !important;
}
.mt- {
  margin-top: 12px !important;
}
.mr-,
.ui-form__input--checkbox,
.ui-form__input--radio {
  margin-right: 12px !important;
}
.mb-,
.ui-form__label {
  margin-bottom: 12px !important;
}
.ml- {
  margin-left: 12px !important;
}
.mh- {
  margin-right: 12px !important;
  margin-left: 12px !important;
}
.mv- {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.m\+ {
  margin: 48px !important;
}
.mt\+ {
  margin-top: 48px !important;
}
.mr\+ {
  margin-right: 48px !important;
}
.mb\+ {
  margin-bottom: 48px !important;
}
.ml\+ {
  margin-left: 48px !important;
}
.mh\+ {
  margin-right: 48px !important;
  margin-left: 48px !important;
}
.mv\+ {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.m0 {
  margin: 0 !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.ml0 {
  margin-left: 0 !important;
}
.mh0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.-m- {
  margin: -12px !important;
}
.-mt- {
  margin-top: -12px !important;
}
.-mr- {
  margin-right: -12px !important;
}
.-mb- {
  margin-bottom: -12px !important;
}
.-ml- {
  margin-left: -12px !important;
}
.-mh- {
  margin-right: -12px !important;
  margin-left: -12px !important;
}
.-mv- {
  margin-top: -12px !important;
  margin-bottom: -12px !important;
}
.list-ui-link__hero,
.p {
  padding: 24px !important;
}
.pt {
  padding-top: 24px !important;
}
.pr {
  padding-right: 24px !important;
}
.pb {
  padding-bottom: 24px !important;
}
.pl {
  padding-left: 24px !important;
}
.ph {
  padding-right: 24px !important;
  padding-left: 24px !important;
}
.pv {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.p- {
  padding: 12px !important;
}
.pt- {
  padding-top: 12px !important;
}
.pr- {
  padding-right: 12px !important;
}
.pb- {
  padding-bottom: 12px !important;
}
.pl- {
  padding-left: 12px !important;
}
.ph- {
  padding-right: 12px !important;
  padding-left: 12px !important;
}
.pv- {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.p\+ {
  padding: 48px !important;
}
.pt\+ {
  padding-top: 48px !important;
}
.pr\+ {
  padding-right: 48px !important;
}
.pb\+ {
  padding-bottom: 48px !important;
}
.pl\+ {
  padding-left: 48px !important;
}
.ph\+ {
  padding-right: 48px !important;
  padding-left: 48px !important;
}
.pv\+ {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.p\+\+ {
  padding: 96px !important;
}
.pt\+\+ {
  padding-top: 96px !important;
}
.pr\+\+ {
  padding-right: 96px !important;
}
.pb\+\+ {
  padding-bottom: 96px !important;
}
.pl\+\+ {
  padding-left: 96px !important;
}
.ph\+\+ {
  padding-right: 96px !important;
  padding-left: 96px !important;
}
.pv\+\+ {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}
.p0 {
  padding: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pl0 {
  padding-left: 0 !important;
}
.ph0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.pv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.main-container {
  -webkit-transition: margin-left;
  transition: margin-left;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  margin-left: 0;
}
.main-container--header + .main-container {
  padding-top: 12px;
}
.main-container--top {
  margin-top: -1rem;
}
.main-container--expanded-footer-top {
  background: #f5f5f5;
  padding-top: 24px;
}
.main-container--expanded-footer-bottom {
  background: #e6e6e6;
}
.with-menu .sidebar-menu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.with-menu .header__logo {
  opacity: 0;
}
.main-content {
  max-width: 45em;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
}
@media screen and (min-width: 720px) {
  .main-content--large {
    padding: 96px;
  }
}
.main-content--wide-media {
  max-width: 56em;
}
.main-content--with-tr {
  position: relative;
}
.main-content--expanded-footer-top {
  padding-top: 0;
  padding-bottom: 0;
}
.main-content__tr {
  margin-top: 24px;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #fff 24px,
    #fff 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0,
    #fff 24px,
    #fff 100%
  );
}
@media screen and (min-width: 720px) {
  .main-content__tr {
    margin-top: 0;
    position: absolute;
    z-index: 1;
    top: 12px;
    right: 12px;
    padding: 18px 0 18px 24px;
  }
}
@media print {
  .main-content {
    max-width: none;
    width: 860px;
  }
}
.sidebar-menu {
  background-color: #fff;
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  bottom: 0;
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: all;
  transition: all;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transform: translateX(-110%);
  transform: translateX(-110%);
}
@media screen and (min-width: 480px) {
  .sidebar-menu {
    width: 16.5em;
  }
  .no-boxshadow .sidebar-menu {
    border-right: solid 1px #c3c3c3;
  }
}
@media screen and (max-width: 719px) {
  .sidebar-menu {
    overflow: auto;
  }
}
@media screen and (min-width: 480px) {
  .sidebar-menu {
    -webkit-transform: translateX(-17.5em);
    transform: translateX(-17.5em);
  }
}
.sidebar-menu__heading {
  font-family: freight-sans-pro, sans-serif;
  font-weight: 400;
  text-transform: lowercase;
  font-variant: small-caps;
  margin-bottom: 0.5em;
  color: #666;
}
.lang-vi .sidebar-menu__heading,
.sidebar-menu__heading[lang="vi"] {
  font-family: sans-serif;
}
.sidebar-menu .meta-links--pinned {
  position: absolute;
  bottom: 0;
}
.sidebar-menu__closer {
  position: absolute;
  top: 0;
  right: 0;
  width: 2em;
  text-align: center;
  line-height: 2em;
}
.sidebar-menu__logo {
  padding: 24px 48px;
}
.sidebar-search__icon {
  cursor: pointer;
}
.menu-item {
  font-weight: 700;
  position: relative;
}
.list-search-input {
  width: 100%;
  border: none;
  padding: 12px;
  outline: 0;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right,
.header {
  text-align: right;
}
.va0 {
  vertical-align: 0 !important;
}
.brand-blue {
  color: #228fcc !important;
}
.brand-green {
  color: #69b422 !important;
}
.brand-logo-yellow {
  color: #ddcd30 !important;
}
.brand-yellow {
  color: #c4b520 !important;
}
.brand-red {
  color: #dd2929 !important;
}
.brand-orange {
  color: #f15d2c !important;
}
.brand-blue-bg {
  background-color: #228fcc !important;
}
.brand-green-bg {
  background-color: #7dd628 !important;
}
.brand-yellow-bg {
  background-color: #ddcd30 !important;
}
.brand-red-bg {
  background-color: #dd2929 !important;
}
.brand-orange-bg {
  background-color: #f15d2c !important;
}
.vaccine-blue-dark {
  color: #240a8b;
}
.vaccine-blue-light {
  color: #65faca;
}
.bridge-color-main {
  color: #f66f46;
}
.b {
  display: block;
}
.fl-left {
  float: left;
}
.fl-right {
  float: right;
}
.fl-none {
  float: none;
}
.faded {
  -webkit-transition: opacity;
  transition: opacity;
  opacity: 0.25;
  -webkit-transition-duration: 5s;
  transition-duration: 5s;
}
.faded:hover {
  opacity: 1;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
}
.discreet {
  opacity: 0.5;
}
.no-opacity .discreet {
  color: #adadad;
}
.btn--interactive-earth,
.lit,
.subject-block,
a.banner,
a.banner--lr,
a.profile {
  opacity: 1;
}
.teaser {
  max-height: 72px;
  overflow: hidden;
  margin-bottom: 24px;
  position: relative;
}
.teaser:after,
.teaser:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.teaser:before {
  top: 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
}
.teaser:after {
  height: 24px;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    #fff 100%
  );
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
}
.small-caps {
  text-transform: lowercase;
  font-variant: small-caps;
}
.normal-weight {
  font-weight: 400 !important;
}
.bold-weight {
  font-weight: 700 !important;
}
.hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  top: 0;
  left: 0;
}
@media screen and (min-width: 480px) {
  .hide-palm-landscape-and-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 719px) {
  .hide-palm {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 1023px) {
  .hide-lap {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 720px) {
  .hide-lap-and-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .hide-portable {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    top: 0;
    left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .hide-desk {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    top: 0;
    left: 0;
  }
}
.hidden {
  display: none;
}
span.hide-lap-and-down {
  display: none;
}
@media screen and (min-width: 1024px) {
  span.hide-lap-and-down {
    display: inline;
  }
}
.dn-desk {
  display: none;
}
@media screen and (min-width: 1024px) {
  .dn-desk {
    display: initial;
  }
}
::-moz-selection {
  color: #fff;
  background-color: #228fcc;
}
::selection {
  color: #fff;
  background-color: #228fcc;
}
@media screen and (min-width: 0\0) {
  img[src*=".svg"] {
    width: 100%;
  }
}
[data-tooltip] {
  position: relative;
}
[data-tooltip]:after,
[data-tooltip]:before {
  content: none;
  content: normal;
}
[data-tooltip]:active:after,
[data-tooltip]:active:before,
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
  -webkit-animation: 0.25s tooltip linear;
  animation: 0.25s tooltip linear;
}
[data-tooltip]:active:before,
[data-tooltip]:hover:before {
  content: "";
}
[data-tooltip]:active:after,
[data-tooltip]:hover:after {
  content: attr(data-tooltip);
}
[data-tooltip]:before {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-top: -3px;
  margin-left: -5px;
  border: 5px solid transparent;
  border-bottom-color: #228fcc;
}
[data-tooltip]:after {
  position: absolute;
  top: 100%;
  left: 50%;
  font-size: 0.75rem;
  font-family: freight-sans-pro, sans-serif;
  font-weight: 400;
  border-radius: 3px;
  padding: 0.25em 0.75em;
  margin-top: 0.5em;
  white-space: nowrap;
  color: #fff;
  background-color: #228fcc;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.lang-vi [data-tooltip]:after,
[data-tooltip]:after[lang="vi"] {
  font-family: sans-serif;
}
[data-tooltip-not-relative] {
  position: static;
}
[data-tooltip-not-relative]:before {
  display: none;
}
[data-tooltip-not-relative]:after {
  top: 80%;
}
@-webkit-keyframes tooltip {
  from {
    opacity: 0;
  }
  66.666% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes tooltip {
  from {
    opacity: 0;
  }
  66.666% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.js-color-wheel span {
  -webkit-transition: color 1s;
  transition: color 1s;
}
.world {
  font-weight: 700;
  background: url(../bundles/edumediafront/css/image/world.svg) no-repeat center;
  background-size: contain;
}
@media screen and (min-width: 480px) {
  .world {
    padding-top: 5em;
    padding-bottom: 5em;
  }
}
.no-svg .world {
  background-image: url(../bundles/edumediafront/css/image/world.png);
}
.pill {
  font-family: freight-sans-pro, sans-serif;
  font-weight: 700;
  font-size: 0.6666666667em;
  display: inline-block;
  vertical-align: middle;
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  background-color: #dd2929 !important;
  color: #fff !important;
  border-radius: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-top: -0.3em;
}
.lang-vi .pill,
.pill[lang="vi"] {
  font-family: sans-serif;
}
.no-flash .flash-only {
  display: none;
}
.android-content,
.no-flash-content {
  display: none;
}
.no-flash .no-flash-content {
  display: block;
}
.os-android .android-content {
  display: block;
}
.os-android.no-flash .no-flash-content {
  display: none;
}
.domain-www .main-content--header {
  padding-bottom: 0;
}
.domain-www .header {
  padding-bottom: 12px;
  border-bottom: solid 1px #c3c3c3;
}
.domain-junior .domain-background,
.domain-junior .main-container--header {
  background-color: #91c6e5;
}
.u-demo-video {
  width: 100%;
  padding-bottom: 56.25%;
}
.u-pointer {
  cursor: pointer;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes shake-centered {
  0%,
  100% {
    -webkit-transform: translate3d(-50%, -30%, 0);
    transform: translate3d(-50%, -30%, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(calc(-50% - 10px), -30%, 0);
    transform: translate3d(calc(-50% - 10px), -30%, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(calc(-50% + 10px), -30%, 0);
    transform: translate3d(calc(-50% + 10px), -30%, 0);
  }
}
@keyframes shake-centered {
  0%,
  100% {
    -webkit-transform: translate3d(-50%, -30%, 0);
    transform: translate3d(-50%, -30%, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(calc(-50% - 10px), -30%, 0);
    transform: translate3d(calc(-50% - 10px), -30%, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(calc(-50% + 10px), -30%, 0);
    transform: translate3d(calc(-50% + 10px), -30%, 0);
  }
}
.overlay__content--centered.shake {
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
  -webkit-animation-name: shake-centered;
  animation-name: shake-centered;
}
.u-main-video-player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.video-js {
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
}
.video-js,
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after,
.video-js .vjs-text-track-display div div {
  font-family: freight-sans-pro, sans-serif;
}
.lang-vi .video-js,
.lang-vi .video-js .vjs-mouse-display:after,
.lang-vi .video-js .vjs-play-progress:after,
.lang-vi .video-js .vjs-text-track-display div div,
.video-js .vjs-mouse-display:after[lang="vi"],
.video-js .vjs-play-progress:after[lang="vi"],
.video-js .vjs-text-track-display div div[lang="vi"],
.video-js[lang="vi"] {
  font-family: sans-serif;
}
.video-js .vjs-text-track-display div div div {
  display: inline-block !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  border-radius: 0.2em !important;
  padding: 0.2em !important;
}
.video-js video {
  background-color: #fff;
}
.video-js .vjs-control-bar {
  font-size: 1.5em;
}
.vjs-menu {
  font-family: freight-sans-pro, sans-serif;
}
.lang-vi .vjs-menu,
.vjs-menu[lang="vi"] {
  font-family: sans-serif;
}
.vjs-menu li {
  text-transform: none;
}
.vjs-captions-button .vjs-menu {
  left: auto;
  right: 0;
}
.vjs-texttrack-settings {
  display: none;
}
.video-js .vjs-play-progress:before {
  font-size: 1.4em;
}
.video-js__click-trap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
body:after {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  -webkit-transition: background 0.6s;
  transition: background 0.6s;
  z-index: 50;
}
.u-studio-mode:after {
  background: rgba(0, 0, 0, 0.85);
  pointer-events: all;
}
.u-studio-mode__focus {
  position: relative;
  overflow: hidden;
  -webkit-transition: outline 0.6s, border 0.6s;
  transition: outline 0.6s, border 0.6s;
  outline: solid 0 rgba(221, 41, 41, 0);
}
.u-studio-mode__focus.is-active {
  z-index: 51;
}
.u-studio-mode--recording .u-studio-mode__focus {
  outline: solid 6px #dd2929;
  border-color: #dd2929;
}
.u-studio-mode--recording-warning:after {
  -webkit-animation: studio-timer-warning 1s infinite alternate;
  animation: studio-timer-warning 1s infinite alternate;
}
@-webkit-keyframes studio-timer-warning {
  0% {
    background: rgba(0, 0, 0, 0.85);
  }
  100% {
    background: rgba(221, 41, 41, 0.85);
  }
}
@keyframes studio-timer-warning {
  0% {
    background: rgba(0, 0, 0, 0.85);
  }
  100% {
    background: rgba(221, 41, 41, 0.85);
  }
}
.u-time {
  -webkit-font-feature-settings: "lnum", "tnum";
  -moz-font-feature-settings: "lnum", "tnum";
  font-feature-settings: "lnum", "tnum";
}
.media-content-wrapper {
  -webkit-font-feature-settings: "lnum";
  -moz-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
}
.u-class-code {
  font-size: 100px;
  font-size: 5.5555555556rem;
  line-height: 1.2;
  text-align: center;
  font-family: monospace;
  padding: 0.25em;
  background: #f5f5f5;
  border: solid 1px #c3c3c3;
  border-radius: 4px;
}
.u-class-code__copy {
  font-family: freight-sans-pro, sans-serif;
  font-size: 14px;
  font-size: 0.7777777778rem;
  line-height: 1.7142857143;
  vertical-align: middle;
}
.lang-vi .u-class-code__copy,
.u-class-code__copy[lang="vi"] {
  font-family: sans-serif;
}
@media screen and (min-width: 720px) {
  .lap-and-up-mb0 {
    margin-bottom: 0 !important;
  }
}
.u-middle-sep:before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  left: 50%;
  left: calc(50% - 1px);
  width: 1px;
  background: #c3c3c3;
  opacity: 0.5;
}
@media screen and (max-width: 719px) {
  .u-middle-sep--lap-and-up:before {
    display: none;
  }
}
.u-empty-area {
  font-weight: 700;
  font-family: freight-sans-pro, sans-serif;
  font-size: 50px;
  font-size: 2.7777777778rem;
  line-height: 1.44;
  padding: 15%;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
  border: dashed 2px rgba(0, 0, 0, 0.15);
  border-radius: 0.35em;
  margin-bottom: 24px;
}
.lang-vi .u-empty-area,
.u-empty-area[lang="vi"] {
  font-family: sans-serif;
}
.u-new-dot {
  display: inline-block;
  vertical-align: 0.05em;
  background: -webkit-linear-gradient(top, #39a3de, #1c76a9);
  background: linear-gradient(to bottom, #39a3de, #1c76a9);
  color: transparent;
  width: 0.45em;
  height: 0.45em;
  border-radius: 100%;
  overflow: hidden;
}
.u-slot-machine__line {
  display: block;
  overflow: hidden;
}
.u-slot-machine__word {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  display: inline-block;
}
.u-slot-machine.is-going .u-slot-machine__word {
  opacity: 0;
  -webkit-transform: translateY(-1em);
  transform: translateY(-1em);
}
.u-slot-machine.is-coming .u-slot-machine__word {
  -webkit-transition: none;
  transition: none;
  opacity: 0;
  -webkit-transform: translateY(1em);
  transform: translateY(1em);
}
.u-line {
  border-bottom: solid 1px currentColor;
}
.u-line--m {
  border-bottom-width: 2px;
}
.u-line--l {
  border-bottom-width: 4px;
}
.u-pen-layer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  cursor: url(../bundles/edumediafront/css/image/pen-cursor-l-alt.png) 4 30,
    crosshair;
}