/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

/* Loads Freight Pro font */
@import url("https://use.typekit.net/fre3msi.css");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

@font-face {
  font-family: 'Muirne-Italic';
  src: url("../webfonts/3911F3_5_0.eot");
  src: url("../webfonts/3911F3_5_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/3911F3_5_0.woff2") format("woff2"), url("../webfonts/3911F3_5_0.woff") format("woff"), url("../webfonts/3911F3_5_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Muirne-Medium';
  src: url("../webfonts/3911F3_7_0.eot");
  src: url("../webfonts/3911F3_7_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/3911F3_7_0.woff2") format("woff2"), url("../webfonts/3911F3_7_0.woff") format("woff"), url("../webfonts/3911F3_7_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Muirne-MediumItalic';
  src: url("../webfonts/3911F3_8_0.eot");
  src: url("../webfonts/3911F3_8_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/3911F3_8_0.woff2") format("woff2"), url("../webfonts/3911F3_8_0.woff") format("woff"), url("../webfonts/3911F3_8_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Muirne-Regular';
  src: url("../webfonts/3911F3_9_0.eot");
  src: url("../webfonts/3911F3_9_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/3911F3_9_0.woff2") format("woff2"), url("../webfonts/3911F3_9_0.woff") format("woff"), url("../webfonts/3911F3_9_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Muirne-Black';
  src: url('../webfonts/3911F3_0_0.woff2') format('woff2'),
       url('../webfonts/3911F3_0_0.woff') format('woff');
  font-display: swap;
}
  
@font-face {
  font-family: 'Muirne-BlackItalic';
  src: url('../webfonts/3911F3_1_0.woff2') format('woff2'),
       url('../webfonts/3911F3_1_0.woff') format('woff');
  font-display: swap;
} 
  
@font-face {
  font-family: 'Muirne-Light';
  src: url('../webfonts/3911F3_2_0.woff2') format('woff2'),
       url('../webfonts/3911F3_2_0.woff') format('woff');
  font-display: swap;
} 
  
@font-face {
  font-family: 'Muirne-BoldItalic';
  src: url('../webfonts/3911F3_3_0.woff2') format('woff2'),
       url('../webfonts/3911F3_3_0.woff') format('woff');
  font-display: swap;
}
  
@font-face {
  font-family: 'Muirne-Bold';
  src: url('../webfonts/3911F3_4_0.woff2') format('woff2'),
       url('../webfonts/3911F3_4_0.woff') format('woff');
  font-display: swap;
} 
  
@font-face {
  font-family: 'Muirne-LightItalic';
  src: url('../webfonts/3911F3_6_0.woff2') format('woff2'),
       url('../webfonts/3911F3_6_0.woff') format('woff');
  font-display: swap;
}
 
  
 
  


@-webkit-keyframes plyr-progress {
  to {
    background-position: 25px 0; } }

@keyframes plyr-progress {
  to {
    background-position: 25px 0; } }

@-webkit-keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes plyr-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes plyr-fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.plyr {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  direction: ltr;
  font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease; }
  .plyr video,
  .plyr audio {
    border-radius: inherit;
    height: auto;
    vertical-align: middle;
    width: 100%; }
  .plyr button {
    font: inherit;
    line-height: inherit;
    width: auto; }
  .plyr:focus {
    outline: 0; }

.plyr--full-ui {
  box-sizing: border-box; }
  .plyr--full-ui *,
  .plyr--full-ui *::after,
  .plyr--full-ui *::before {
    box-sizing: inherit; }

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation; }

.plyr__badge {
  background: #303633;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px; }

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none; }

.plyr__captions {
  -webkit-animation: plyr-fade-in 0.3s ease;
          animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  width: 100%; }
  .plyr__captions .plyr__caption {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    line-height: 185%;
    padding: 0.2em 0.5em;
    white-space: pre-wrap; }
    .plyr__captions .plyr__caption div {
      display: inline; }
  .plyr__captions span:empty {
    display: none; }
  @media (min-width: 480px) {
    .plyr__captions {
      font-size: 16px;
      padding: 20px; } }
  @media (min-width: 768px) {
    .plyr__captions {
      font-size: 18px; } }

.plyr--captions-active .plyr__captions {
  display: block; }

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px); }

.plyr__control {
  background: transparent;
  border: 0;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  position: relative;
  transition: all 0.3s ease; }
  .plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    pointer-events: none;
    width: 18px; }
  .plyr__control:focus {
    outline: 0; }
  .plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 5px rgba(115, 94, 126, 0.5);
    outline: 0; }

a.plyr__control {
  text-decoration: none; }
  a.plyr__control::after, a.plyr__control::before {
    display: none; }

.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
  display: none; }

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded='true'] {
  background: #735E7E;
  color: #fff; }

.plyr--video .plyr__control svg {
  -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15));
          filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); }

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded='true'] {
  background: #735E7E;
  color: #fff; }

.plyr__control--overlaid {
  background: rgba(115, 94, 126, 0.8);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: #fff;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2; }
  .plyr__control--overlaid svg {
    left: 2px;
    position: relative; }
  .plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
    background: #735E7E; }

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden; }

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block; }

.plyr--full-ui ::-webkit-media-controls {
  display: none; }

.plyr__controls 
{
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center; 
}

.plyr__controls .plyr__progress__container {
  flex: 1; 
}
.plyr__controls .plyr__controls__item {
  margin-left: 2.5px; 
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto; 
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px; 
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px; 
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, 
.plyr__controls .plyr__controls__item.plyr__time:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
  padding-left: 0; 
}
.plyr__controls .plyr__controls__item.plyr__volume {
  padding-right: 5px;
  min-width: 155px;
}
.plyr__controls .plyr__controls__item.plyr__volume input
{
  /* https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size */
  min-width: 0;
} 

.plyr__controls .plyr__controls__item.plyr__volume:first-child {
  padding-right: 0; 
}
.plyr__controls:empty {
  display: none; 
}

.plyr--audio .plyr__controls {
  background: #fff;
  border-radius: .25rem;
  color: #303633;
  padding: 10px; }

.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 20px 5px 5px;
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  z-index: 3; }
  @media (min-width: 480px) {
    .plyr--video .plyr__controls {
      padding: 35px 10px 10px; } }

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }

.plyr [data-plyr='captions'],
.plyr [data-plyr='pip'],
.plyr [data-plyr='airplay'],
.plyr [data-plyr='fullscreen'] {
  display: none; }

.plyr--captions-enabled [data-plyr='captions'],
.plyr--pip-supported [data-plyr='pip'],
.plyr--airplay-supported [data-plyr='airplay'],
.plyr--fullscreen-enabled [data-plyr='fullscreen'] {
  display: inline-block; }

.plyr__menu {
  display: flex;
  position: relative; }
  .plyr__menu .plyr__control svg {
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
  .plyr__menu .plyr__control[aria-expanded='true'] svg {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }
  .plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip {
    display: none; }
  .plyr__menu__container {
    -webkit-animation: plyr-popup 0.2s ease;
            animation: plyr-popup 0.2s ease;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #303633;
    font-size: 16px;
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;

    }

    .bairbscreen .plyr__menu__container {
	    bottom: auto;
	    top: 100%;
    }

    .plyr__menu__container > div {
      overflow: hidden;
      transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); }
    .plyr__menu__container::after {
      border: 4px solid transparent;
      border-top-color: rgba(255, 255, 255, 0.9);
      content: '';
      height: 0;
      position: absolute;
      right: 15px;
      top: 100%;
      width: 0; }
    .plyr__menu__container [role='menu'] {
      padding: 7px; }
    .plyr__menu__container [role='menuitem'],
    .plyr__menu__container [role='menuitemradio'] {
      margin-top: 2px; }
      .plyr__menu__container [role='menuitem']:first-child,
      .plyr__menu__container [role='menuitemradio']:first-child {
        margin-top: 0; }
    .plyr__menu__container .plyr__control {
      align-items: center;
      color: #303633;
      display: flex;
      font-size: 14px;
      padding: 4px 11px;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      width: 100%; }
      .plyr__menu__container .plyr__control > span {
        align-items: inherit;
        display: flex;
        width: 100%; }
      .plyr__menu__container .plyr__control::after {
        border: 4px solid transparent;
        content: '';
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .plyr__menu__container .plyr__control--forward {
        padding-right: 28px; }
        .plyr__menu__container .plyr__control--forward::after {
          border-left-color: rgba(48, 54, 51, 0.8);
          right: 5px; }
        .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
          border-left-color: currentColor; }
      .plyr__menu__container .plyr__control--back {
        font-weight: 500;
        margin: 7px;
        margin-bottom: 3px;
        padding-left: 28px;
        position: relative;
        width: calc(100% - 14px); }
        .plyr__menu__container .plyr__control--back::after {
          border-right-color: rgba(48, 54, 51, 0.8);
          left: 7px; }
        .plyr__menu__container .plyr__control--back::before {
          background: #EFEFEF;
          box-shadow: 0 1px 0 #fff;
          content: '';
          height: 1px;
          left: 0;
          margin-top: 4px;
          overflow: hidden;
          position: absolute;
          right: 0;
          top: 100%; }
        .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
          border-right-color: currentColor; }
    .plyr__menu__container .plyr__control[role='menuitemradio'] {
      padding-left: 7px; }
      .plyr__menu__container .plyr__control[role='menuitemradio']::before, .plyr__menu__container .plyr__control[role='menuitemradio']::after {
        border-radius: 100%; }
      .plyr__menu__container .plyr__control[role='menuitemradio']::before {
        background: rgba(0, 0, 0, 0.1);
        content: '';
        display: block;
        flex-shrink: 0;
        height: 16px;
        margin-right: 10px;
        transition: all 0.3s ease;
        width: 16px; }
      .plyr__menu__container .plyr__control[role='menuitemradio']::after {
        background: #fff;
        border: 0;
        height: 6px;
        left: 12px;
        opacity: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) scale(0);
                transform: translateY(-50%) scale(0);
        transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease;
        transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
        width: 6px; }
      .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::before {
        background: #735E7E; }
      .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::after {
        opacity: 1;
        -webkit-transform: translateY(-50%) scale(1);
                transform: translateY(-50%) scale(1); }
      .plyr__menu__container .plyr__control[role='menuitemradio'].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role='menuitemradio']:hover::before {
        background: rgba(0, 0, 0, 0.1); }
    .plyr__menu__container .plyr__menu__value {
      align-items: center;
      display: flex;
      margin-left: auto;
      margin-right: -5px;
      overflow: hidden;
      padding-left: 25px;
      pointer-events: none; }

.plyr--full-ui input[type='range'] {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 26px;
  color: #735E7E;
  display: block;
  height: 19px;
  margin: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%; }
  .plyr--full-ui input[type='range']::-webkit-slider-runnable-track {
    background: transparent;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow 0.3s ease;
    -webkit-user-select: none;
            user-select: none;
    background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)); }
  .plyr--full-ui input[type='range']::-webkit-slider-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(48, 54, 51, 0.2);
    height: 13px;
    position: relative;
    transition: all 0.2s ease;
    width: 13px;
    -webkit-appearance: none;
    /* stylelint-disable-line */
    margin-top: -4px; }
  .plyr--full-ui input[type='range']::-moz-range-track {
    background: transparent;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow 0.3s ease;
    -moz-user-select: none;
         user-select: none; }
  .plyr--full-ui input[type='range']::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(48, 54, 51, 0.2);
    height: 13px;
    position: relative;
    transition: all 0.2s ease;
    width: 13px; }
  .plyr--full-ui input[type='range']::-moz-range-progress {
    background: currentColor;
    border-radius: 2.5px;
    height: 5px; }
  .plyr--full-ui input[type='range']::-ms-track {
    background: transparent;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow 0.3s ease;
    -ms-user-select: none;
        user-select: none;
    color: transparent; }
  .plyr--full-ui input[type='range']::-ms-fill-upper {
    background: transparent;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow 0.3s ease;
    -ms-user-select: none;
        user-select: none; }
  .plyr--full-ui input[type='range']::-ms-fill-lower {
    background: transparent;
    border: 0;
    border-radius: 2.5px;
    height: 5px;
    transition: box-shadow 0.3s ease;
    -ms-user-select: none;
        user-select: none;
    background: currentColor; }
  .plyr--full-ui input[type='range']::-ms-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(48, 54, 51, 0.2);
    height: 13px;
    position: relative;
    transition: all 0.2s ease;
    width: 13px;
    margin-top: 0; }
  .plyr--full-ui input[type='range']::-ms-tooltip {
    display: none; }
  .plyr--full-ui input[type='range']:focus {
    outline: 0; }
  .plyr--full-ui input[type='range']::-moz-focus-outer {
    border: 0; }
  .plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 5px rgba(115, 94, 126, 0.5);
    outline: 0; }
  .plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 5px rgba(115, 94, 126, 0.5);
    outline: 0; }
  .plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 5px rgba(115, 94, 126, 0.5);
    outline: 0; }

.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25); }

.plyr--full-ui.plyr--video input[type='range']::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25); }

.plyr--full-ui.plyr--video input[type='range']::-ms-track {
  background-color: rgba(255, 255, 255, 0.25); }

.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(48, 54, 51, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }

.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(48, 54, 51, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }

.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(48, 54, 51, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); }

.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track {
  background-color: rgba(239, 239, 239, 0.66); }

.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track {
  background-color: rgba(239, 239, 239, 0.66); }

.plyr--full-ui.plyr--audio input[type='range']::-ms-track {
  background-color: rgba(239, 239, 239, 0.66); }

.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(48, 54, 51, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }

.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(48, 54, 51, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }

.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(48, 54, 51, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); }

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1; }

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1; }

.plyr__time {
  font-size: 14px; }

.plyr__time + .plyr__time::before {
  content: '\2044';
  margin-right: 10px; }

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none; } }

.plyr--video .plyr__time {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }

.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #303633;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 7.5px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
          transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2; }
  .plyr__tooltip::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.9);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    z-index: 2; }

.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  -webkit-transform: translate(-50%, 0) scale(1);
          transform: translate(-50%, 0) scale(1); }

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3; }

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%; }
  .plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
  .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
    left: 16px; }

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  -webkit-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%; }
  .plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    -webkit-transform: translateX(50%);
            transform: translateX(50%); }

.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1); }

.plyr--video {
  background: #000;
  overflow: hidden; }
  .plyr--video.plyr--menu-open {
    overflow: visible; }

.plyr__video-wrapper {
  background: #000;
  border-radius: inherit;
  overflow: hidden;
  position: relative;
  z-index: 0; }

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%; }

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%; }

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  -webkit-transform: translateY(-38.28125%);
          transform: translateY(-38.28125%); }

.plyr__progress {
  left: 6.5px;
  margin-right: 13px;
  position: relative; }
  .plyr__progress input[type='range'], .plyr__progress__buffer {
    margin-left: -6.5px;
    margin-right: -6.5px;
    width: calc(100% + 13px); }
  .plyr__progress input[type='range'] {
    position: relative;
    z-index: 2; }
  .plyr__progress .plyr__tooltip {
    font-size: 14px;
    left: 0; }

.plyr__progress__buffer {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 100px;
  height: 5px;
  left: 0;
  margin-top: -2.5px;
  padding: 0;
  position: absolute;
  top: 50%; }
  .plyr__progress__buffer::-webkit-progress-bar {
    background: transparent; }
  .plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    transition: width 0.2s ease; }
  .plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    transition: width 0.2s ease; }
  .plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    transition: width 0.2s ease; }

.plyr--video .plyr__progress__buffer {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.25); }

.plyr--audio .plyr__progress__buffer {
  color: rgba(239, 239, 239, 0.66); }

.plyr--loading .plyr__progress__buffer {
  -webkit-animation: plyr-progress 1s linear infinite;
          animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(48, 54, 51, 0.6) 25%, transparent 25%, transparent 50%, rgba(48, 54, 51, 0.6) 50%, rgba(48, 54, 51, 0.6) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent; }

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.25); }

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(239, 239, 239, 0.66); }

.plyr__volume {
  align-items: center;
  display: flex;
  flex: 1;
  position: relative; }
  .plyr__volume input[type='range'] {
    margin-left: 5px;
    position: relative;
    z-index: 2; }
  @media (max-width: 480px) {
    .plyr__controls .plyr__controls__item.plyr__volume {
      min-width: 70px;
    }
  }
  @media (min-width: 480px) {
    
    .plyr__volume {
      max-width: 90px; } 
  }
  @media (min-width: 768px) {
    .plyr__volume {
      max-width: 110px; } }

.plyr--is-ios .plyr__volume {
  display: none !important; }

.plyr--is-ios.plyr--vimeo [data-plyr='mute'] {
  display: none !important; }

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }
  .plyr:-webkit-full-screen video {
    height: 100%; }
  .plyr:-moz-full-screen video {
    height: 100%; }
  .plyr:-ms-fullscreen video {
    height: 100%; }
  .plyr:fullscreen video {
    height: 100%; }
  .plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%; }
  .plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%; }
  .plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%; }
  .plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%; }
  .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%); }
  .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%); }
  .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block; }
  .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block; }
  .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block; }
  .plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block; }
    .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
    .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
    .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
    .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  .plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none; }
  .plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none; }
  .plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none; }
  .plyr:fullscreen.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
      font-size: 21px; }
    .plyr:-moz-full-screen .plyr__captions {
      font-size: 21px; }
    .plyr:-ms-fullscreen .plyr__captions {
      font-size: 21px; }
    .plyr:fullscreen .plyr__captions {
      font-size: 21px; } }

/* stylelint-disable-next-line */
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }
  .plyr:-webkit-full-screen video {
    height: 100%; }
  .plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%; }
  .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display: block; }
    .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  .plyr:-webkit-full-screen.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
      font-size: 21px; } }

/* stylelint-disable-next-line */
.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }
  .plyr:-moz-full-screen video {
    height: 100%; }
  .plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    width: 100%; }
  .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%); }
  .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display: block; }
    .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  .plyr:-moz-full-screen.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    .plyr:-moz-full-screen .plyr__captions {
      font-size: 21px; } }

/* stylelint-disable-next-line */
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%; }
  .plyr:-ms-fullscreen video {
    height: 100%; }
  .plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    width: 100%; }
  .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform: translateY(-50%); }
  .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block; }
    .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  .plyr:-ms-fullscreen.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
      font-size: 21px; } }

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000; }
  .plyr--fullscreen-fallback video {
    height: 100%; }
  .plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    width: 100%; }
  .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block; }
    .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
      display: none; }
  .plyr--fullscreen-fallback.plyr--hide-controls {
    cursor: none; }
  @media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
      font-size: 21px; } }

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1; }
  .plyr__ads > div,
  .plyr__ads > div iframe {
    height: 100%;
    position: absolute;
    width: 100%; }
  .plyr__ads::after {
    background: rgba(48, 54, 51, 0.8);
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    z-index: 3; }
  .plyr__ads::after:empty {
    display: none; }

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  left: 0;
  margin: -2.5px 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3; }

.plyr__preview-thumb {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(0, 10px) scale(0.8);
          transform: translate(0, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  transition: opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease, -webkit-transform 0.2s 0.1s ease;
  z-index: 2; }
  .plyr__preview-thumb--is-shown {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1); }
  .plyr__preview-thumb::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.9);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 0;
    z-index: 2; }
  .plyr__preview-thumb__image-container {
    background: #EFEFEF;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    z-index: 0; }
    .plyr__preview-thumb__image-container img {
      height: 100%;
      left: 0;
      max-height: none;
      max-width: none;
      position: absolute;
      top: 0;
      width: 100%; }
  .plyr__preview-thumb__time-container {
    bottom: 6px;
    left: 0;
    position: absolute;
    right: 0;
    white-space: nowrap;
    z-index: 3; }
    .plyr__preview-thumb__time-container span {
      background-color: rgba(0, 0, 0, 0.55);
      border-radius: 2px;
      color: #fff;
      font-size: 14px;
      padding: 3px 6px; }

.plyr__preview-scrubbing {
  bottom: 0;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1; }
  .plyr__preview-scrubbing--is-shown {
    opacity: 1; }
  .plyr__preview-scrubbing img {
    height: 100%;
    left: 0;
    max-height: none;
    max-width: none;
    -o-object-fit: contain;
       object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%; }

.plyr--no-transition {
  transition: none !important; }

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.plyr [hidden] {
  display: none !important; }

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

body {
  overflow: hidden;
  overflow-y: auto; }

.no-scroll {
  position: fixed;
  overflow: hidden; }

.lang-switch span {
  pointer-events: none; }

.wrapper {
  position: relative;
  padding-top: 4.5rem;
  width: 100vw;
  height: 100%;
  min-height: calc(100vh - 5em);
  background: #fff; }
  .wrapper--off-white {
    background: #F4F1E8; }
  .wrapper--dark-blue {
    background: #074C61; }
  .wrapper--light-blue {
    background: #ADF5FF; }

.section,
.newsletter_inner,
.flashcard,
.navigation-mega-inner,
.dictionary_search-block {
  padding: 0 1rem 3rem;
  margin: 0 auto;
  width: 100%;
  height: auto;
  max-width: 1000px; }
  @media only screen and (min-width: 768px) {
    .section,
    .newsletter_inner,
    .flashcard,
    .navigation-mega-inner,
    .dictionary_search-block {
      padding: 0 3rem 6rem; }
      .section--spacing-top {
        padding-top: 6rem; } }
  @media only screen and (min-width: 1024px) {
    .section,
    .newsletter_inner,
    .flashcard,
    .navigation-mega-inner,
    .dictionary_search-block {
      padding-left: 0;
      padding-right: 0; }
      .section--wide {
        max-width: 1244px;
        padding-left: 3rem;
        padding-right: 3rem; } }
  @media only screen and (min-width: 1340px) {
    .section--wide {
      padding-left: 0;
      padding-right: 0; } }
  .section--spacing-top {
    padding-top: 3rem; }
  .section--white {
    background: white; }
  .section--full-width {
    max-width: none; }
  .section--no-padding,
  .navigation-mega-inner {
    padding: 0; }
  .section--flush-bottom {
    padding-bottom: 2.8125rem; }
    .section--flush-bottom > :last-child {
      margin-bottom: 0; }

.row {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1em; }

.col {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1em;
  width: 100%; }
  .col-50 {
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .col-50 {
        width: 50%; } }

@media only screen and (min-width: 768px) {
    .two-col {
      display: -ms-grid;
	  display: grid;
	  -ms-grid-columns: 3.5fr .25fr 5fr;
      grid-template-columns: 3.5fr .25fr 5fr; 
	}
    .two-col_left {
	  -ms-grid-column: 1;
	  -ms-grid-column-span: 1;
	  
      grid-column: 1 / 2; 
	}
    .two-col_right {
	  -ms-grid-column: 3;
	  -ms-grid-column-span: 1;
      grid-column: 3 / 4; 
	} 
}

@media only screen and (min-width: 1024px) {
  .two-col {
    grid-template-columns: 4fr 1fr 5fr; } }

.three-col {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px; }
  .three-col > * {
    margin-bottom: 2.5rem; }
    .three-col > *:last-child {
      margin-bottom: 0; }
    .three-col > * + .illustrated-container {
      margin-top: 5rem; }
  @media only screen and (min-width: 1024px) {
    .three-col {
      display: flex;
      flex-flow: row wrap;
      max-width: 1244px; }
      .three-col > * {
        width: calc((100% / 3) - (5rem/3));
        margin: 0 2.5rem 0 0; }
        .three-col > *:nth-child(3n+3) {
          margin-right: 0; }
        .three-col > * + .illustrated-container {
          margin-top: 2.5rem; } }

.content--splitted {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem; }

body {
  font-family: "Freight-sans-pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #303633;
  counter-reset: list; }

.h1,
.heading1 {
  display: inline-block;
  margin-bottom: .5em;
  width: 100%;
  font-family: "Muirne-Regular", serif;
  font-size: 2.5rem;
  line-height: 2.6875rem;
  font-weight: normal;
  color: #303633; }
  @media only screen and (min-width: 1024px) {
    .h1,
    .heading1 {
      font-size: 3.625rem;
      line-height: 3.875rem; } }

.h2,
.heading2 {
  display: inline-block;
  margin-bottom: .1em;
  width: 100%;
  font-family: "Muirne-Regular", serif;
  font-size: 1.875rem;
  line-height: 2.3125rem;
  font-weight: normal;
  color: #303633; }
  @media only screen and (min-width: 1024px) {
    .h2,
    .heading2 {
      font-size: 2.8125rem;
      line-height: 3.5rem; } }

.h3,
.heading3,
.newsletter_text,
.dictionary_header-term,
.dictionary_item-term,
.translator-translations li,
.expandables_title span,
.quiz-form .bairbscreen .screencontent h3,
.little-by-little .bairbscreen .screencontent h3,
.quiz-form .quiz h3,
.quiz-form .xticks h3,
.little-by-little .quiz h3,
.little-by-little .xticks h3 {
  display: inline-block;
  margin-bottom: .1em;
  width: 100%;
  font-family: "Muirne-Regular", serif;
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: normal;
  color: #303633; }
  @media only screen and (min-width: 1024px) {
    .h3,
    .heading3,
    .newsletter_text,
    .dictionary_header-term,
    .dictionary_item-term,
    .translator-translations li,
    .expandables_title span,
    .quiz-form .bairbscreen .screencontent h3,
    .little-by-little .bairbscreen .screencontent h3,
    .quiz-form .quiz h3,
    .quiz-form .xticks h3,
    .little-by-little .quiz h3,
    .little-by-little .xticks h3 {
      font-size: 1.875rem;
      line-height: 2.25rem; } }

.h4,
.heading4,
.test-card_answer,
.tab-panel-title,
.transcript-tab-panel-title,
.transcript-tab-panel .content-column h3,
.listing-title,
.flashcard-alt-title,
.wording .word span,
.wording .words-table tr td span,
.words-table tr .wording td span,
.dictionary_header .word span,
.dictionary_item .word span,
.words-table tr .word span,
.dictionary_header .words-table tr td span,
.words-table tr .dictionary_header td span,
.dictionary_item .words-table tr td span,
.words-table tr .dictionary_item td span,
.words-table tr td span,
.accordion-tab-title,
.accordion-tab-content,
.accordion-tab-expand,
.note_label,
.lgscreen[data-stype="introduction"] .screencontent.centred h2,
.lgscreen[data-stype="single_image"] .english,
.lgscreen[data-stype="single_image"] .gaelic,
.lgscreen[data-stype="multi_image"] .screencontent > div .gaelic,
.lgscreen[data-stype="dialog"] .transcriptnote .transcript h2,
div.question h2,
div#loading h2,
.quiz-form .bairbscreen .screencontent h4,
.little-by-little .bairbscreen .screencontent h4,
.quiz-form .quiz ol li,
.quiz-form .xticks ol li,
.little-by-little .quiz ol li,
.little-by-little .xticks ol li,
.quiz-form #quizresult h3,
.little-by-little #quizresult h3,
.quiz-form h2 {
  display: inline-block;
  margin-bottom: .1em;
  width: 100%;
  font-family: "Freight-sans-pro", sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
  color: #303633; }
  @media only screen and (min-width: 1024px) {
    .h4,
    .heading4,
    .test-card_answer,
    .tab-panel-title,
    .transcript-tab-panel-title,
    .transcript-tab-panel .content-column h3,
    .listing-title,
    .flashcard-alt-title,
    .wording .word span,
    .wording .words-table tr td span,
    .words-table tr .wording td span,
    .dictionary_header .word span,
    .dictionary_item .word span,
    .words-table tr .word span,
    .dictionary_header .words-table tr td span,
    .words-table tr .dictionary_header td span,
    .dictionary_item .words-table tr td span,
    .words-table tr .dictionary_item td span,
    .words-table tr td span,
    .accordion-tab-title,
    .accordion-tab-content,
    .accordion-tab-expand,
    .note_label,
    .lgscreen[data-stype="introduction"] .screencontent.centred h2,
    .lgscreen[data-stype="single_image"] .english,
    .lgscreen[data-stype="single_image"] .gaelic,
    .lgscreen[data-stype="multi_image"] .screencontent > div .gaelic,
    .lgscreen[data-stype="dialog"] .transcriptnote .transcript h2,
    div.question h2,
    div#loading h2,
    .quiz-form .bairbscreen .screencontent h4,
    .little-by-little .bairbscreen .screencontent h4,
    .quiz-form .quiz ol li,
    .quiz-form .xticks ol li,
    .little-by-little .quiz ol li,
    .little-by-little .xticks ol li,
    .quiz-form #quizresult h3,
    .little-by-little #quizresult h3,
    .quiz-form h2 {
      font-size: 1.375rem;
      line-height: 1.8125rem; } }

.h5,
.heading5,
.header_nav-trigger span,
.transcript-tab-panel-subtitle,
.transcript-tab-panel .content-vocabulary h3,
.transcript-tab-panel .content-show span,
.navigation-mega-items li,
.navigation-mega-item,
.navigation-mega-archive,
.search-input,
.dictionary_header-item,
.note_content h2,
.words-table tr td {
  display: inline-block;
  margin-bottom: .1em;
  width: 100%;
  font-family: "Freight-sans-pro", sans-serif;
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #303633; }

.h6,
.heading6,
.tag,
.transcript-toggle,
.listing-tag,
.floating-tabs_tab span,
.transctiption_header-item,
.tab-label,
.transcript-tab-label,
.accordion-header span,
.navigation-item,
.navigation-mega-header,
.search-wildcard label,
.dictionary_abbr thead tr th,
.lgscreen[data-stype="dialog"] .knob_info h6 {
  display: inline-block;
  margin-bottom: .1em;
  width: 100%;
  font-family: "Freight-sans-pro", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #735E7E; }

.lang_change_mobile
{
  display: none;
}
.p,
.paragraph,
.transctiption_table table tbody tr td,
.test-card_validation,
.transcript-tab-panel .content-column p,
.navigation-mega-item-para,
.note_content p,
.translator-gender,
.translator-misc span,
.lgscreen[data-stype="introduction"] .screencontent.centred p,
.lgscreen[data-stype="introduction"] .introleft > p,
.lgscreen[data-stype="dialog"] .screencontent .bubble p,
.lgscreen[data-stype="dialog"] .knob_info p,
.lgscreen[data-stype="dialog"] .transcriptnote .transcript p,
div.question p,
div#loading p,
.quiz-form .bairbscreen .screencontent p,
.little-by-little .bairbscreen .screencontent p,
.quiz-form .bairbscreen .screencontent dl.convo dt,
.quiz-form .bairbscreen .screencontent dl.convo dd,
.little-by-little .bairbscreen .screencontent dl.convo dt,
.little-by-little .bairbscreen .screencontent dl.convo dd,
.quiz-form .quiz ol.ol_abc li,
.quiz-form .xticks ol.ol_abc li,
.little-by-little .quiz ol.ol_abc li,
.little-by-little .xticks ol.ol_abc li,
.quiz-form #quizresult p,
.quiz-form #quizresult #feedback,
.quiz-form #quizresult #feedbackpoor,
.little-by-little #quizresult p,
.little-by-little #quizresult #feedback,
.little-by-little #quizresult #feedbackpoor,
.quiz-form .quiz .missing-wds,
.sol_listing-content p:first-of-type,
.sol_listing-content ul:first-of-type li,
.sol_listing-content ul:first-of-type > span:not(.hidden) {
  margin-bottom: 1.5em;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  font-weight: 400;
  color: #303633; }
  @media only screen and (min-width: 1024px) {
    .p,
    .paragraph,
    .transctiption_table table tbody tr td,
    .test-card_validation,
    .transcript-tab-panel .content-column p,
    .navigation-mega-item-para,
    .note_content p,
    .translator-gender,
    .translator-misc span,
    .lgscreen[data-stype="introduction"] .screencontent.centred p,
    .lgscreen[data-stype="introduction"] .introleft > p,
    .lgscreen[data-stype="dialog"] .screencontent .bubble p,
    .lgscreen[data-stype="dialog"] .knob_info p,
    .lgscreen[data-stype="dialog"] .transcriptnote .transcript p,
    div.question p,
    div#loading p,
    .quiz-form .bairbscreen .screencontent p,
    .little-by-little .bairbscreen .screencontent p,
    .quiz-form .bairbscreen .screencontent dl.convo dt,
    .quiz-form .bairbscreen .screencontent dl.convo dd,
    .little-by-little .bairbscreen .screencontent dl.convo dt,
    .little-by-little .bairbscreen .screencontent dl.convo dd,
    .quiz-form .quiz ol.ol_abc li,
    .quiz-form .xticks ol.ol_abc li,
    .little-by-little .quiz ol.ol_abc li,
    .little-by-little .xticks ol.ol_abc li,
    .quiz-form #quizresult p,
    .quiz-form #quizresult #feedback,
    .quiz-form #quizresult #feedbackpoor,
    .little-by-little #quizresult p,
    .little-by-little #quizresult #feedback,
    .little-by-little #quizresult #feedbackpoor,
    .quiz-form .quiz .missing-wds,
    .sol_listing-content p:first-of-type,
    .sol_listing-content ul:first-of-type li,
    .sol_listing-content ul:first-of-type > span:not(.hidden) {
      font-size: 1.25rem;
      line-height: 1.75rem; } }
  .p:last-child,
  .paragraph:last-child,
  .transctiption_table table tbody tr td:last-child,
  .test-card_validation:last-child,
  .transcript-tab-panel .content-column p:last-child,
  .navigation-mega-item-para:last-child,
  .note_content p:last-child,
  .translator-gender:last-child,
  .translator-misc span:last-child,
  .lgscreen[data-stype="introduction"] .screencontent.centred p:last-child,
  .lgscreen[data-stype="introduction"] .introleft > p:last-child,
  .lgscreen[data-stype="dialog"] .screencontent .bubble p:last-child,
  .lgscreen[data-stype="dialog"] .knob_info p:last-child,
  .lgscreen[data-stype="dialog"] .transcriptnote .transcript p:last-child,
  div.question p:last-child,
  div#loading p:last-child,
  .quiz-form .bairbscreen .screencontent p:last-child,
  .little-by-little .bairbscreen .screencontent p:last-child,
  .quiz-form .bairbscreen .screencontent dl.convo dt:last-child,
  .quiz-form .bairbscreen .screencontent dl.convo dd:last-child,
  .little-by-little .bairbscreen .screencontent dl.convo dt:last-child,
  .little-by-little .bairbscreen .screencontent dl.convo dd:last-child,
  .quiz-form .quiz ol.ol_abc li:last-child,
  .quiz-form .xticks ol.ol_abc li:last-child,
  .little-by-little .quiz ol.ol_abc li:last-child,
  .little-by-little .xticks ol.ol_abc li:last-child,
  .quiz-form #quizresult p:last-child,
  .quiz-form #quizresult #feedback:last-child,
  .quiz-form #quizresult #feedbackpoor:last-child,
  .little-by-little #quizresult p:last-child,
  .little-by-little #quizresult #feedback:last-child,
  .little-by-little #quizresult #feedbackpoor:last-child,
  .quiz-form .quiz .missing-wds:last-child,
  .sol_listing-content p:last-child:first-of-type,
  .sol_listing-content ul:first-of-type li:last-child,
  .sol_listing-content ul:first-of-type > span:last-child:not(.hidden) {
    margin-bottom: 0; }
  .p--intro,
  .paragraph--intro,
  div.question p .sentence,
  div#loading p .sentence {
    margin: 0 auto 1.5em;
    max-width: 50rem;
    font-size: 1.375rem;
    line-height: 1.875rem; }
    @media only screen and (min-width: 1024px) {
      .p--intro,
      .paragraph--intro,
      div.question p .sentence,
      div#loading p .sentence {
        font-size: 1.5625rem;
        line-height: 2rem; } }
  .p--narrow,
  .paragraph--narrow {
    max-width: 42rem;
    margin: 0 auto 1.5em; }
  .p--small,
  .paragraph--small,
  .lgscreen[data-stype="dialog"] .knob_info p {
    font-size: 0.8125rem;
    line-height: 1.4375rem; }

p a,
.p a,
.paragraph a,
.link,
p a-cta,
.p a-cta,
.paragraph a-cta,
.link-cta,
.test-card_validation-correct a,
.test-card_validation-wrong a,
.listing-link,
.listing-more,
.accordion-header a,
.quiz-form .bairbscreen a,
.little-by-little .bairbscreen a,
.quiz-form .bairbscreen .screencontent h4 a,
.little-by-little .bairbscreen .screencontent h4 a,
.quiz-form .bairbscreen .screencontent p a,
.little-by-little .bairbscreen .screencontent p a,
.quiz-form .bairbscreen .screencontent dl.convo dd.convo_en a,
.quiz-form .bairbscreen .screencontent dl.convo dd.convo_gd a,
.little-by-little .bairbscreen .screencontent dl.convo dd.convo_en a,
.little-by-little .bairbscreen .screencontent dl.convo dd.convo_gd a,
.quiz-form #innernav li a,
.little-by-little #innernav li a,
.cf-list_item-info .info_contact a {
  display: inline-block;
  position: relative;
  font-size: inherit;
  line-height: inherit;
  text-decoration: none;
  color: #735E7E;
  cursor: pointer; }
  p a:hover,
  .p a:hover,
  .paragraph a:hover,
  .link:hover,
  p a-cta:hover,
  .p a-cta:hover,
  .paragraph a-cta:hover,
  .link-cta:hover,
  .test-card_validation-correct a:hover,
  .test-card_validation-wrong a:hover,
  .listing-link:hover,
  .listing-more:hover,
  .accordion-header a:hover,
  .quiz-form .bairbscreen a:hover,
  .little-by-little .bairbscreen a:hover,
  .quiz-form .bairbscreen .screencontent h4 a:hover,
  .little-by-little .bairbscreen .screencontent h4 a:hover,
  .quiz-form .bairbscreen .screencontent p a:hover,
  .little-by-little .bairbscreen .screencontent p a:hover,
  .quiz-form .bairbscreen .screencontent dl.convo dd.convo_en a:hover,
  .quiz-form .bairbscreen .screencontent dl.convo dd.convo_gd a:hover,
  .little-by-little .bairbscreen .screencontent dl.convo dd.convo_en a:hover,
  .little-by-little .bairbscreen .screencontent dl.convo dd.convo_gd a:hover,
  .quiz-form #innernav li a:hover,
  .little-by-little #innernav li a:hover,
  .cf-list_item-info .info_contact a:hover {
    text-decoration: underline; }
  p a-cta,
  .p a-cta,
  .paragraph a-cta,
  .link-cta {
    display: inline-block;
    font-size: 1.375rem;
    line-height: 1.4;
    font-weight: 600;
    text-decoration: underline; }

.ul,
.ol,
.list, .quiz-form .bairbscreen .screencontent ul:not(.pagination-pages):not(.phrasebooknav),
.little-by-little .bairbscreen .screencontent ul:not(.pagination-pages):not(.phrasebooknav) {
  padding-left: 1.2em;
  margin-bottom: 3em;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
  color: #303633;
  list-style: none; }

.list li,
.ul li,
.ul-item {
  position: relative;
  margin: 0 0 .5em 1.25em; }
  .list li::before,
  .ul li::before,
  .ul-item::before {
    position: absolute;
    top: .05em;
    left: -1.2em;
    width: .5em;
    height: .5em;
    content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' width='9.105' height='13.969' viewBox='0 0 9.105 13.969'> <path id='Path_399' data-name='Path 399' d='M3322.691-1217.977l5.924,5.924,5.924-5.924' transform='translate(1219.037 3335.6) rotate(-90)' fill='none' stroke='rgb(115,94,126)' stroke-width='3'/></svg>"); }

.ol li,
.ol-item {
  position: relative;
  margin: 0 0 .5em 1.25em;
  counter-increment: list;
  list-style-type: none; }
  .ol li::before,
  .ol-item::before {
    position: absolute;
    left: -1.75rem;
    width: .8em;
    text-align: right;
    color: #735E7E;
    content: counter(list) "."; }
  .ol li.inside:before,
  .ol-item.inside:before {
    position: static;
    left: auto;
    margin-right: .25em; }
  .ol li.grey:before,
  .ol-item.grey:before {
    color: #B6B6B6; }

hr,
.hr {
  margin: 3rem 0;
  border: 0;
  border-top: 2px solid #B6B6B6;
  opacity: .5; }
  hr--small,
  .hr--small {
    margin: 1em 0; }

.p a.btn,
a.btn,
.btn,
.newsletter_button,
.listing-button,
div.question #lessonAgainButton,
div.question #nextLessonButton,
div.question #tryAgainButton,
div.question #lessonIndexButton,
div#loading #lessonAgainButton,
div#loading #nextLessonButton,
div#loading #tryAgainButton,
div.question button.advance,
div#loading button.advance,
.quiz-form .quiz .markquiz,
.quiz-form .xticks .markquiz,
.little-by-little .quiz .markquiz,
.little-by-little .xticks .markquiz,
.quiz-form #quizresult .resetquiz,
.little-by-little #quizresult .resetquiz,
.quiz-form .quiz .resetquiz,
.quiz-form .quiz a[title^="PDF Worksheet"],
.cf-map_label {
  display: inline-block;
  margin: 1rem 4px;
  padding: .8rem 1.8rem;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  background-color: #735E7E;
  border: 0;
  border-radius: 5rem;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.85);
  transition: box-shadow ease .1s;
  cursor: pointer; }
  .p a.btn:hover,
  a.btn:hover,
  .btn:hover,
  .newsletter_button:hover,
  .listing-button:hover,
  div.question #lessonAgainButton:hover,
  div.question #nextLessonButton:hover,
  div.question #tryAgainButton:hover,
  div.question #lessonIndexButton:hover,
  div#loading #lessonAgainButton:hover,
  div#loading #nextLessonButton:hover,
  div#loading #tryAgainButton:hover,
  div.question button.advance:hover,
  div#loading button.advance:hover,
  .quiz-form .quiz .markquiz:hover,
  .quiz-form .xticks .markquiz:hover,
  .little-by-little .quiz .markquiz:hover,
  .little-by-little .xticks .markquiz:hover,
  .quiz-form #quizresult .resetquiz:hover,
  .little-by-little #quizresult .resetquiz:hover,
  .quiz-form .quiz .resetquiz:hover,
  .quiz-form .quiz a:hover[title^="PDF Worksheet"],
  .cf-map_label:hover {
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.85); }
  .p a.btn--ghost,
  a.btn--ghost,
  .btn--ghost,
  .cf-map_label {
    background: transparent;
    border: 2px solid #735E7E;
    color: #735E7E;
    box-shadow: 0 0 0 0 #735E7E; }
    .p a.btn--ghost:hover,
    a.btn--ghost:hover,
    .btn--ghost:hover,
    .cf-map_label:hover {
      box-shadow: 0 0 0 2px #735E7E; }
  .p a.btn--small,
  a.btn--small,
  .btn--small,
  .listing-button,
  div.question #lessonAgainButton,
  div.question #nextLessonButton,
  div.question #tryAgainButton,
  div.question #lessonIndexButton,
  div#loading #lessonAgainButton,
  div#loading #nextLessonButton,
  div#loading #tryAgainButton,
  .quiz-form .quiz a[title^="PDF Worksheet"],
  .cf-map_label {
    padding: .5rem 1.5rem;
    font-size: 1rem;
    letter-spacing: .2px;
    text-transform: none;
    text-decoration: none;
    border-width: 2px;
    border-style: solid;
    border-color: #735E7E;
    box-shadow: none; }
    .p a.btn--small:hover,
    a.btn--small:hover,
    .btn--small:hover,
    .listing-button:hover,
    div.question #lessonAgainButton:hover,
    div.question #nextLessonButton:hover,
    div.question #tryAgainButton:hover,
    div.question #lessonIndexButton:hover,
    div#loading #lessonAgainButton:hover,
    div#loading #nextLessonButton:hover,
    div#loading #tryAgainButton:hover,
    .quiz-form .quiz a:hover[title^="PDF Worksheet"],
    .cf-map_label:hover {
      box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.85); }
  .p a.btn--beginner,
  a.btn--beginner,
  .btn--beginner {
    background-color: #A1EDAA;
    border-color: #A1EDAA;
    color: #000; }
  .p a.btn--ghost-beginner,
  a.btn--ghost-beginner,
  .btn--ghost-beginner {
    background-color: transparent;
    color: #A1EDAA;
    border: 2px solid #A1EDAA;
    box-shadow: 0 0 0 0 #A1EDAA; }
    .p a.btn--ghost-beginner:hover,
    a.btn--ghost-beginner:hover,
    .btn--ghost-beginner:hover {
      box-shadow: 0 0 0 2px #A1EDAA; }
  .p a.btn--intermediate,
  a.btn--intermediate,
  .btn--intermediate {
    background-color: #EFD684;
    border-color: #EFD684;
    color: #000; }
  .p a.btn--ghost-intermediate,
  a.btn--ghost-intermediate,
  .btn--ghost-intermediate {
    background-color: transparent;
    color: #EFD684;
    border: 2px solid #EFD684;
    box-shadow: 0 0 0 0 #EFD684; }
    .p a.btn--ghost-intermediate:hover,
    a.btn--ghost-intermediate:hover,
    .btn--ghost-intermediate:hover {
      box-shadow: 0 0 0 2px #EFD684; }
  .p a.btn--advance,
  a.btn--advance,
  .btn--advance {
    background-color: #D78993;
    border-color: #D78993;
    color: #000; }
  .p a.btn--ghost-advance,
  a.btn--ghost-advance,
  .btn--ghost-advance {
    background-color: transparent;
    color: #D78993;
    border: 2px solid #D78993;
    box-shadow: 0 0 0 0 #D78993; }
    .p a.btn--ghost-advance:hover,
    a.btn--ghost-advance:hover,
    .btn--ghost-advance:hover {
      box-shadow: 0 0 0 2px #D78993; }
  .p a.btn--red,
  a.btn--red,
  .btn--red {
    background-color: #E55F59;
    border-color: #E55F59;
    color: #fff; }
  .p a.btn--ghost-red,
  a.btn--ghost-red,
  .btn--ghost-red {
    background-color: transparent;
    color: #E55F59;
    border: 2px solid #E55F59;
    box-shadow: 0 0 0 0 #E55F59; }
    .p a.btn--ghost-red:hover,
    a.btn--ghost-red:hover,
    .btn--ghost-red:hover {
      box-shadow: 0 0 0 2px #E55F59; }
  .p a.btn--purple,
  a.btn--purple,
  .btn--purple {
    background-color: #735E7E;
    border-color: #735E7E;
    color: #fff; }
  .p a.btn--ghost-purple,
  a.btn--ghost-purple,
  .btn--ghost-purple,
  div.question #lessonAgainButton,
  div#loading #lessonAgainButton {
    background-color: transparent;
    color: #735E7E;
    border: 2px solid #735E7E;
    box-shadow: 0 0 0 0 #735E7E; }
    .p a.btn--ghost-purple:hover,
    a.btn--ghost-purple:hover,
    .btn--ghost-purple:hover,
    div.question #lessonAgainButton:hover,
    div#loading #lessonAgainButton:hover {
      box-shadow: 0 0 0 2px #735E7E; }
  .p a.btn--dark-blue,
  a.btn--dark-blue,
  .btn--dark-blue {
    background-color: #074C61;
    border-color: #074C61;
    color: #fff; }
  .p a.btn--ghost-dark-blue,
  a.btn--ghost-dark-blue,
  .btn--ghost-dark-blue {
    background-color: transparent;
    color: #074C61;
    border: 2px solid #074C61;
    box-shadow: 0 0 0 0 #074C61; }
    .p a.btn--ghost-dark-blue:hover,
    a.btn--ghost-dark-blue:hover,
    .btn--ghost-dark-blue:hover {
      box-shadow: 0 0 0 2px #074C61; }
  .p a.btn--light-blue,
  a.btn--light-blue,
  .btn--light-blue {
    background-color: #ADF5FF;
    border-color: #ADF5FF;
    color: #000; }
  .p a.btn--ghost-light-blue,
  a.btn--ghost-light-blue,
  .btn--ghost-light-blue {
    background-color: transparent;
    color: #ADF5FF;
    border: 2px solid #ADF5FF;
    box-shadow: 0 0 0 0 #ADF5FF; }
    .p a.btn--ghost-light-blue:hover,
    a.btn--ghost-light-blue:hover,
    .btn--ghost-light-blue:hover {
      box-shadow: 0 0 0 2px #ADF5FF; }
  .p a.btn--light-brown,
  a.btn--light-brown,
  .btn--light-brown {
    background-color: #F4F1E8;
    border-color: #F4F1E8;
    color: #000; }
  .p a.btn--ghost-light-brown,
  a.btn--ghost-light-brown,
  .btn--ghost-light-brown {
    background-color: transparent;
    color: #F4F1E8;
    border: 2px solid #F4F1E8;
    box-shadow: 0 0 0 0 #F4F1E8; }
    .p a.btn--ghost-light-brown:hover,
    a.btn--ghost-light-brown:hover,
    .btn--ghost-light-brown:hover {
      box-shadow: 0 0 0 2px #F4F1E8; }
  .p a.btn--light-grey,
  a.btn--light-grey,
  .btn--light-grey,
  .quiz-form #quizresult .resetquiz,
  .little-by-little #quizresult .resetquiz,
  .quiz-form .quiz .resetquiz {
    background-color: #EFEFEF;
    border-color: #EFEFEF;
    color: #000; }
  .p a.btn--ghost-light-grey,
  a.btn--ghost-light-grey,
  .btn--ghost-light-grey {
    background-color: transparent;
    color: #EFEFEF;
    border: 2px solid #EFEFEF;
    box-shadow: 0 0 0 0 #EFEFEF; }
    .p a.btn--ghost-light-grey:hover,
    a.btn--ghost-light-grey:hover,
    .btn--ghost-light-grey:hover {
      box-shadow: 0 0 0 2px #EFEFEF; }
  .p a.btn--grey,
  a.btn--grey,
  .btn--grey,
  .listing-button {
    background-color: #B6B6B6;
    border-color: #B6B6B6;
    color: #000; }
  .p a.btn--ghost-grey,
  a.btn--ghost-grey,
  .btn--ghost-grey,
  .quiz-form .quiz a[title^="PDF Worksheet"] {
    background-color: transparent;
    color: #B6B6B6;
    border: 2px solid #B6B6B6;
    box-shadow: 0 0 0 0 #B6B6B6; }
    .p a.btn--ghost-grey:hover,
    a.btn--ghost-grey:hover,
    .btn--ghost-grey:hover,
    .quiz-form .quiz a:hover[title^="PDF Worksheet"] {
      box-shadow: 0 0 0 2px #B6B6B6; }
  .p a.btn--dark-grey,
  a.btn--dark-grey,
  .btn--dark-grey {
    background-color: #303633;
    border-color: #303633;
    color: #fff; }
  .p a.btn--ghost-dark-grey,
  a.btn--ghost-dark-grey,
  .btn--ghost-dark-grey,
  .listing-button--grey,
  .listing-button--pdf,
  div.question #nextLessonButton,
  div#loading #nextLessonButton {
    background-color: transparent;
    color: #303633;
    border: 2px solid #303633;
    box-shadow: 0 0 0 0 #303633; }
    .p a.btn--ghost-dark-grey:hover,
    a.btn--ghost-dark-grey:hover,
    .btn--ghost-dark-grey:hover,
    .listing-button--grey:hover,
    .listing-button--pdf:hover,
    div.question #nextLessonButton:hover,
    div#loading #nextLessonButton:hover {
      box-shadow: 0 0 0 2px #303633; }
  .p a.btn--white,
  a.btn--white,
  .btn--white,
  .newsletter_button {
    background-color: #fff;
    border-color: #fff;
    color: #303633; }
  .p a.btn--ghost-white,
  a.btn--ghost-white,
  .btn--ghost-white {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    box-shadow: 0 0 0 0 #fff; }
    .p a.btn--ghost-white:hover,
    a.btn--ghost-white:hover,
    .btn--ghost-white:hover {
      box-shadow: 0 0 0 2px #fff; }

.tag,
.transcript-toggle,
.listing-tag {
  padding: .5em 3em;
  margin: 0 auto 2rem;
  width: auto;
  text-transform: uppercase;
  color: #B6B6B6;
  background: #EFEFEF;
  border-radius: .25em; }
  .tag--small,
  .transcript-toggle {
    padding: .5em 1em;
    margin: 0 auto 1rem;
    font-size: .85em; }
  .tag--inline {
    margin: 0 .5em;
    font-size: inherit;
    text-decoration: inherit;
    text-transform: inherit;
    color: inherit; }
  .tag--beginner {
    background-color: #A1EDAA;
    color: #000; }
  .tag--intermediate {
    background-color: #EFD684;
    color: #000; }
  .tag--advance {
    background-color: #D78993;
    color: #000; }
  .tag--red {
    background-color: #E55F59;
    color: #fff; }
  .tag--purple {
    background-color: #735E7E;
    color: #fff; }
  .tag--dark-blue {
    background-color: #074C61;
    color: #fff; }
  .tag--light-blue {
    background-color: #ADF5FF;
    color: #000; }
  .tag--light-brown {
    background-color: #F4F1E8;
    color: #000; }
  .tag--light-grey {
    background-color: #EFEFEF;
    color: #000; }
  .tag--grey {
    background-color: #B6B6B6;
    color: #000; }
  .tag--dark-grey {
    background-color: #303633;
    color: #fff; }
  .tag--white {
    background-color: #fff;
    color: #B6B6B6; }

.header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  padding: 0 2rem;
  background: #fff; }
  @media only screen and (min-width: 1024px) {
    .header {
      padding: 0 1.5rem; } }
  @media only screen and (min-width: 1244px) {
    .header {
      padding: 0 3rem; } }
  .header_nav-trigger {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    padding: 2em 1rem;
    margin-right: 1.5rem;
    text-decoration: none;
    cursor: pointer; }
    @media only screen and (min-width: 768px) {
      .header_nav-trigger {
        padding: 2.25em .5rem;
        margin-right: 1rem; } }
    @media only screen and (min-width: 1024px) {
      .header_nav-trigger {
        display: none;
        border: 0; } }
    .header_nav-trigger span {
      margin: 0;
      color: #735E7E; }
    .header_nav-trigger i {
      display: block;
      position: relative;
      width: 1.5em;
      height: 1.5em;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23735E7E%22%20d%3D%22M24%206h-24v-4h24v4zm0%204h-24v4h24v-4zm0%208h-24v4h24v-4z%22%2F%3E%3C%2Fsvg%3E");
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center center; }
  .header-search {
    display: none;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    padding: 2.25em .5rem;
    margin-right: 1rem; }
    @media only screen and (min-width: 768px) {
      .header-search {
        display: flex;
        border: 0; } }
    .header-search--active .header-search_form {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
      visibility: visible;
      z-index: 1; }
    .header-search--active .header-search_trigger::before {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M24%2020.94c0%200.11-0.04%200.19-0.11%200.27l-2.68%202.68C21.13%2023.96%2021.05%2024%2020.94%2024c-0.11%200-0.19-0.04-0.28-0.11L16%2019.23l-4.66%204.66C11.25%2023.96%2011.17%2024%2011.06%2024c-0.11%200-0.19-0.04-0.27-0.11l-2.68-2.68C8.04%2021.13%208%2021.04%208%2020.94c0-0.11%200.04-0.19%200.11-0.27L12.77%2016l-4.66-4.66C8.04%2011.25%208%2011.17%208%2011.06c0-0.11%200.04-0.19%200.11-0.27l2.68-2.68C10.87%208.04%2010.95%208%2011.06%208c0.11%200%200.19%200.04%200.28%200.11L16%2012.77l4.66-4.67C20.75%208.04%2020.83%208%2020.94%208c0.11%200%200.19%200.04%200.27%200.11l2.68%202.68c0.06%200.08%200.11%200.17%200.11%200.27%200%200.11-0.04%200.19-0.11%200.27L19.23%2016l4.66%204.67C23.96%2020.75%2024%2020.83%2024%2020.94z%22%2F%3E%3C%2Fsvg%3E"); }
    .header-search_form {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      justify-content: flex-start;
      position: absolute;
      right: 3em;
      -webkit-transform: translateX(2.5em);
              transform: translateX(2.5em);
      z-index: -1;
      visibility: hidden;
      opacity: 0;
      transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
      transition: opacity .2s ease-out, transform .2s ease-out;
      transition: opacity .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out; }
    .header-search_input,
    .nav_search-input {
      padding: .5em;
      font-size: 1rem;
      border: 2px solid #EFEFEF;
      border-radius: .25em; }
      .header-search_input::-webkit-input-placeholder,
      .nav_search-input::-webkit-input-placeholder {
        color: #B6B6B6; }
      .header-search_input::-moz-placeholder,
      .nav_search-input::-moz-placeholder {
        color: #B6B6B6; }
      .header-search_input:-ms-input-placeholder,
      .nav_search-input:-ms-input-placeholder {
        color: #B6B6B6; }
      .header-search_input::-ms-input-placeholder,
      .nav_search-input::-ms-input-placeholder {
        color: #B6B6B6; }
      .header-search_input::placeholder,
      .nav_search-input::placeholder {
        color: #B6B6B6; }
      .header-search_input:focus,
      .nav_search-input:focus {
        border-color: #B6B6B6;
        outline: none; }
    .header-search_button, .header-search_trigger,
    .nav_search-button {
      display: block;
      position: relative;
      padding: .5em;
      margin: 0;
      background: transparent;
      border: 0;
      font-size: 1rem;
      cursor: pointer; }
      .header-search_button:focus, .header-search_button:hover, .header-search_trigger:focus, .header-search_trigger:hover,
      .nav_search-button:focus,
      .nav_search-button:hover {
        outline: none; }
        .header-search_button:focus::before, .header-search_button:hover::before, .header-search_trigger:focus::before, .header-search_trigger:hover::before,
        .nav_search-button:focus::before,
        .nav_search-button:hover::before {
          opacity: 1; }
      .header-search_button::before, .header-search_trigger::before,
      .nav_search-button::before {
        display: block;
        position: relative;
        width: 2em;
        height: 2em;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23735E7E%22%20d%3D%22M26%2013.5c0%204.14-3.36%207.5-7.5%207.5-1.48%200-2.85-.42-4-1.16l-5.65%205.67c-.33.33-.77.49-1.18.49-.44%200-.86-.16-1.18-.49-.65-.65-.65-1.71%200-2.36l5.67-5.65c-.74-1.16-1.16-2.52-1.16-4C11%209.36%2014.36%206%2018.5%206S26%209.36%2026%2013.5zm-2.5%200c0-2.75-2.25-5-5-5s-5%202.25-5%205%202.25%205%205%205%205-2.25%205-5z%22%2F%3E%3C%2Fsvg%3E");
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        opacity: .75;
        transition: opacity .1s ease, background-image .1s .1s ease;
        pointer-events: none;
        content: ''; }

.nav {
  display: none;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  padding: 4em 0 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
  transition: opacity .2s ease; }
  @media only screen and (min-width: 1024px) {
    .nav {
	  display: -ms-flexbox;
      display: flex;
	  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
	  -ms-flex-pack: end;
	  -ms-flex-align: end;
      align-items: flex-end;
      justify-content: flex-end;
      position: relative;
      z-index: 9;
      padding: 0 0 0 2rem;
      width: auto;
      height: auto;
      opacity: 1;
      visibility: visible;
      pointer-events: all;
      overflow: visible;
      transition: opacity .1s .1s ease-out; } }
  .nav--open {
    display: flex;
    z-index: 99;
    opacity: 1; }
  .nav--hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
  .nav_close {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
    width: 4em;
    height: 4em;
    cursor: pointer; }
    .nav_close::before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 1.75em;
      height: 1.75em;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M12%2011.293l10.293-10.293.707.707-10.293%2010.293%2010.293%2010.293-.707.707-10.293-10.293-10.293%2010.293-.707-.707%2010.293-10.293-10.293-10.293.707-.707%2010.293%2010.293z%22%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      pointer-events: none;
      content: ''; }
    @media only screen and (min-width: 1024px) {
      .nav_close {
        display: none; } }
  .nav_search {
    display: block;
    padding: 1em;
    width: 100%; }
    @media only screen and (min-width: 1024px) {
      .nav_search {
        display: none; } }
    .nav_search-form {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      justify-content: flex-start; }
    .nav_search-input {
      flex: 1; }
    .nav_search-button {
      padding-right: 0; }
  .nav_item {
    position: relative;
    /* the width directive below broke IE11 nav at sizes > 1024px -- not sure it is needed so removing it */
	/*width: 100%;*/
    text-align: center; }
    @media only screen and (min-width: 1024px) {
      .nav_item:focus > a,
      .nav_item:focus > span, .nav_item:focus-within > a,
      .nav_item:focus-within > span, .nav_item:hover > a,
      .nav_item:hover > span {
        color: transparent;
        outline: none; }
        .nav_item:focus > a::before,
        .nav_item:focus > span::before, .nav_item:focus-within > a::before,
        .nav_item:focus-within > span::before, .nav_item:hover > a::before,
        .nav_item:hover > span::before {
          color: #735E7E; } }
    @media only screen and (min-width: 1024px) and (min-width: 1024px) {
      .nav_item:focus > a::before,
      .nav_item:focus > span::before, .nav_item:focus-within > a::before,
      .nav_item:focus-within > span::before, .nav_item:hover > a::before,
      .nav_item:hover > span::before {
        color: #000; } }
    @media only screen and (min-width: 1024px) {
      .nav_item:focus > .nav_dropdown, .nav_item:focus-within > .nav_dropdown, .nav_item:hover > .nav_dropdown {
        opacity: 1;
        z-index: 11;
        visibility: visible; } }
    .nav_item:last-of-type .nav_dropdown {
      left: 0;
      right: auto;
      -webkit-transform: none;
              transform: none; }
      @media only screen and (min-width: 1024px) {
        .nav_item:last-of-type .nav_dropdown {
          left: auto;
          right: -5em;
          -webkit-transform: translate(0, 100%);
                  transform: translate(0, 100%); } }
    .nav_item > a,
    .nav_item > span {
      position: relative;
      display: block;
      padding: 3rem 1rem;
      font-size: 1.1em;
      font-weight: 400;
      line-height: 1.5rem;
      letter-spacing: .25px;
      color: #000;
      text-decoration: none;
      white-space: nowrap;
      transition: color .1s ease;
      cursor: pointer; }
      .nav_item > a::before,
      .nav_item > span::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        font-weight: 600;
        letter-spacing: -.25px;
        color: transparent;
        transition: inherit;
        content: attr(data-text); }
  .nav_dropdown {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    padding: 5em 0 2em;
    width: 100vw;
    height: 100vh;
    background: #fff;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    transition: all .2s ease-in-out; }
    @media only screen and (min-width: 1024px) {
      .nav_dropdown {
        display: block;
        position: absolute;
        top: auto;
        bottom: 0;
        left: 50%;
        z-index: -1;
        -webkit-transform: translate(-50%, 100%);
                transform: translate(-50%, 100%);
        padding: 3rem 0;
        width: auto;
        height: auto;
        background: #f9f8f9;
        border-top: 3px solid #735E7E;
        overflow: hidden;
        transition: opacity .2s ease-out; } }
    .nav_dropdown--active {
      visibility: visible;
      opacity: 1;
      z-index: 1; }
    .nav_dropdown-back {
      position: fixed;
      top: 0;
      right: 0;
      z-index: 1;
      width: 4em;
      height: 4em;
      cursor: pointer; }
      .nav_dropdown-back::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 1.75em;
        height: 1.75em;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M2.117%2012l7.527%206.235-.644.765-9-7.521%209-7.479.645.764-7.529%206.236h21.884v1h-21.883z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        pointer-events: none;
        content: ''; }
      @media only screen and (min-width: 1024px) {
        .nav_dropdown-back {
          display: none; } }
    .nav_dropdown-group {
      position: relative;
      width: 100%; }
      .nav_dropdown-group::after {
        position: relative;
        display: block;
        margin: 1.5rem 0;
        width: 100%;
        height: 2px;
        background: #EFEFEF;
        content: ''; }
        @media only screen and (min-width: 1024px) {
          .nav_dropdown-group::after {
            margin: 1.5rem 3rem;
            width: calc(100% - 6rem);
            background: #EFEFEF; } }
      .nav_dropdown-group:last-child::after {
        display: none; }
    .nav_dropdown-heading {
      display: block;
      padding: 1em;
      font-size: 1.1em;
      font-weight: 600;
      line-height: 1.5rem;
      letter-spacing: .25px;
      color: #000;
      text-decoration: none;
      white-space: nowrap; }
      @media only screen and (min-width: 1024px) {
        .nav_dropdown-heading {
          padding: 0 3rem 0.5em; } }
      .nav_dropdown-heading a {
        font: inherit;
        color: inherit;
        text-decoration: none;
        white-space: nowrap; }
    .nav_dropdown-heading:focus, .nav_dropdown-heading:hover,
    .nav_dropdown a.nav-heading:focus,
    .nav_dropdown a.nav-heading:hover {
      color: #735E7E;
      outline: none; }
    .nav_dropdown-items {
      padding: 0; }
    .nav_dropdown-item > a {
      display: block;
      padding: 1em;
      width: 100%;
      background: transparent;
      color: #303633;
      text-decoration: none;
      white-space: nowrap;
      transition: color .1s ease, background .1s ease; }
      @media only screen and (min-width: 1024px) {
        .nav_dropdown-item > a {
          padding: 0.5em 3rem; } }
      .nav_dropdown-item > a .active, .nav_dropdown-item > a:focus, .nav_dropdown-item > a:hover {
        background: #735E7E;
        color: #fff;
        outline: none; }
      .nav_dropdown-item > a span {
        pointer-events: none; }

.floating-tabs {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: flex-end;
  position: fixed;
  top: 1.5em;
  right: 0;
  z-index: 10;
  width: 3em; }
  @media only screen and (min-width: 768px) {
    .floating-tabs {
      top: 2.4em; } }
  .floating-tabs_tab {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: .25em;
    padding: .25em 1.25em .25em .25em;
    /*-webkit-transform: translateX(calc(100% - 3em));
            transform: translateX(calc(100% - 3em));*/
    -webkit-transform: translateX(100%) translateX(-3em);
                transform: translateX(100%) translateX(-3em);
    width: auto;
    height: auto;
    background: #735E7E;
    border-top-left-radius: .25em;
    border-bottom-left-radius: .25em;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    text-decoration: none;
    cursor: pointer; }
    .floating-tabs_tab:last-child {
      margin-bottom: 0; }
    .floating-tabs_tab:focus, .floating-tabs_tab:hover {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .floating-tabs_tab--grey {
      background: #EFEFEF; }
    .floating-tabs_tab-icon {
      display: block; }
      .floating-tabs_tab-icon::before {
        display: block;
        position: relative;
        width: 2.4em;
        height: 2.4em;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        content: ''; }
    .floating-tabs_tab span {
      margin: 0 0 0 .5em;
      color: #fff;
      text-decoration: none; }
      .floating-tabs_tab--grey span {
        opacity: .75;
        color: #735E7E; }
      .floating-tabs_tab span.hidden {
        display: none; }

.floating-tabs_tab-icon--dictionary::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M23.5%208.5H11V11h12.08c.23%200%20.42.19.42.42v14.17c0%20.23-.19.42-.42.42H11c-1.39%200-2.5-1.11-2.5-2.5v-15C8.5%207.11%209.61%206%2011%206h12.08c.23%200%20.42.19.42.42V8.5z%22%2F%3E%3C%2Fsvg%3E"); }

.floating-tabs_tab-icon--language::before {
  margin: .1em;
  width: 2.2em;
  height: 2.2em;
  opacity: .75; }
  .floating-tabs_tab[data-active="en"] .floating-tabs_tab-icon--language::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23735E7E%22%20d%3D%22M13.13%2011.05l1.14-.33v5.98h-1.48l-.08-.73c-.44.52-1.07.86-1.92.86-1.58%200-2.63-1.19-2.63-3.21%200-2.15%201.16-3.36%202.94-3.36.88%200%201.56.29%202.03.79zm-3.35%202.52c0%20.96.37%201.88%201.48%201.88.59%200%201.09-.27%201.44-.68v-2.65c-.37-.29-.83-.48-1.35-.48-1.17-.01-1.57.92-1.57%201.93zm2.44-4.16c-1.48%200-2.05-.64-2.05-1.87l1.2-.35c0%20.88.47%201.39%201.33%201.46v.76h-.48zM19.13%2021.27h2.17l-1.19-2.92z%22%2F%3E%3Cpath%20fill%3D%22%23735E7E%22%20d%3D%22M26.32%2011.2H20.8V5.68c0-.93-.75-1.68-1.68-1.68H5.68C4.75%204%204%204.75%204%205.68v13.44c0%20.93.75%201.68%201.68%201.68h5.52v5.52c0%20.93.75%201.68%201.68%201.68h13.44c.93%200%201.68-.75%201.68-1.68V12.88c0-.93-.75-1.68-1.68-1.68zM5.8%2019V5.8H19V13l-6%206H5.8zm16.73%205.28l-.61-1.5h-3.3l-.51%201.5-2.09-.35%203.4-8.22h1.63l3.41%208.22-1.93.35z%22%2F%3E%3C%2Fsvg%3E"); }
  .floating-tabs_tab[data-active="gd"] .floating-tabs_tab-icon--language::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23735E7E%22%20d%3D%22M18.43%2022.51l-.65%201.77-1.57-.27%203.45-8.3h1.17l3.45%208.3-1.45.27-.75-1.77h-3.65zm3.17-1.16l-1.47-3.51-1.27%203.51h2.74z%22%2F%3E%3Cpath%20fill%3D%22%23735E7E%22%20d%3D%22M26.32%2011.2H20.8V5.68c0-.93-.75-1.68-1.68-1.68H5.68C4.75%204%204%204.75%204%205.68v13.44c0%20.93.75%201.68%201.68%201.68h5.52v5.52c0%20.93.75%201.68%201.68%201.68h13.44c.93%200%201.68-.75%201.68-1.68V12.88c0-.93-.75-1.68-1.68-1.68zM11.37%207.19c0%20.88.47%201.39%201.33%201.46v.76h-.48c-1.48%200-2.05-.64-2.05-1.87l1.2-.35zm1.42%209.51l-.08-.73c-.44.52-1.07.86-1.92.86-1.58%200-2.63-1.19-2.63-3.21%200-2.15%201.16-3.36%202.94-3.36.87%200%201.55.29%202.02.8l1.14-.33v5.98h-1.47zm13.41%209.5H13V19l6-6h7.2v13.2z%22%2F%3E%3Cpath%20fill%3D%22%23735E7E%22%20d%3D%22M9.78%2013.57c0%20.96.37%201.88%201.48%201.88.59%200%201.09-.27%201.44-.68v-2.65c-.37-.29-.83-.48-1.35-.48-1.17-.01-1.57.92-1.57%201.93z%22%2F%3E%3C%2Fsvg%3E"); }

.logo {
  margin: 1rem auto 1rem 0;
  width: 9rem;
  height: auto; }

  .text-logo {
    display: none;
  }
  @media only screen and (min-width: 768px) {
    .logo {
      margin: 2rem auto 2rem 0;
      width: 10rem; } }
  @media only screen and (min-width: 1244px) {
    .logo {
      width: 12rem; } }
  .logo svg {
    display: block;
    margin-top: -10%;
    width: 100%;
    height: auto;
    max-width: 12em;
    max-height: 4em;
    fill: #735E7E; }
    .logo svg *.stroke {
      stroke: #735E7E; }
    @media only screen and (min-width: 768px) {
      .logo svg {
        margin-top: -10%; } }

.footer {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: 3rem 2rem; }
  @media only screen and (min-width: 768px) {
    .footer {
      flex-flow: row nowrap;
      justify-content: space-between;
      align-items: center;
      padding: 3rem 4.5rem; } }
  .footer_content {
    display: flex;
    flex: 1;
    order: 2;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    font-family: "Helvetica", sans-serif;
    font-weight: 200;
    color: #B6B6B6; }
    @media only screen and (min-width: 768px) {
      .footer_content {
        order: 1; } }
  .footer_nav {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin: 1em 0 0;
    width: 100%; }
    @media only screen and (min-width: 425px) {
      .footer_nav {
        flex-flow: row nowrap;
        align-items: flex-start;
        justify-content: flex-start;
        margin: .25em 0 0;
        width: auto; } }
    .footer_nav-item {
      margin-bottom: .5em; }
      @media only screen and (min-width: 425px) {
        .footer_nav-item {
          padding-right: .5em;
          margin-right: .5em;
          margin-bottom: 0;
          border-right: 1px solid #B6B6B6; } }
      .footer_nav-item a {
        color: inherit;
        text-decoration: none; }
        .footer_nav-item a:hover {
          text-decoration: underline; }
      .footer_nav-item:last-of-type {
        padding: 0;
        margin: 0;
        border: 0; }
  .footer_social {
    display: flex;
    flex: 0 0 auto;
    order: 1;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em; }
    @media only screen and (min-width: 768px) {
      .footer_social {
        order: 2;
        margin-bottom: 0; } }
    .footer_social-icon {
      display: block;
      position: relative;
      margin-right: .5em;
      width: 2.5em;
      height: 2.5em;
      background: #735E7E;
      border-radius: 50%;
      text-indent: -9999px; }
      .footer_social-icon:last-of-type {
        margin-right: 0; }
      .footer_social-icon:hover {
        opacity: 1; }
      .footer_social-icon.instagram::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 1.25em;
        height: 1.25em;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%202.163c3.204%200%203.584.012%204.85.07%203.252.148%204.771%201.691%204.919%204.919.058%201.265.069%201.645.069%204.849%200%203.205-.012%203.584-.069%204.849-.149%203.225-1.664%204.771-4.919%204.919-1.266.058-1.644.07-4.85.07-3.204%200-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849%200-3.204.013-3.583.07-4.849.149-3.227%201.664-4.771%204.919-4.919%201.266-.057%201.645-.069%204.849-.069zm0-2.163c-3.259%200-3.667.014-4.947.072-4.358.2-6.78%202.618-6.98%206.98-.059%201.281-.073%201.689-.073%204.948%200%203.259.014%203.668.072%204.948.2%204.358%202.618%206.78%206.98%206.98%201.281.058%201.689.072%204.948.072%203.259%200%203.668-.014%204.948-.072%204.354-.2%206.782-2.618%206.979-6.98.059-1.28.073-1.689.073-4.948%200-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0%205.838c-3.403%200-6.162%202.759-6.162%206.162s2.759%206.163%206.162%206.163%206.162-2.759%206.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0%2010.162c-2.209%200-4-1.79-4-4%200-2.209%201.791-4%204-4s4%201.791%204%204c0%202.21-1.791%204-4%204zm6.406-11.845c-.796%200-1.441.645-1.441%201.44s.645%201.44%201.441%201.44c.795%200%201.439-.645%201.439-1.44s-.644-1.44-1.439-1.44z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        pointer-events: none;
        content: ''; }
      .footer_social-icon.twitter::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 1.25em;
        height: 1.25em;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%204.557c-.883.392-1.832.656-2.828.775%201.017-.609%201.798-1.574%202.165-2.724-.951.564-2.005.974-3.127%201.195-.897-.957-2.178-1.555-3.594-1.555-3.179%200-5.515%202.966-4.797%206.045-4.091-.205-7.719-2.165-10.148-5.144-1.29%202.213-.669%205.108%201.523%206.574-.806-.026-1.566-.247-2.229-.616-.054%202.281%201.581%204.415%203.949%204.89-.693.188-1.452.232-2.224.084.626%201.956%202.444%203.379%204.6%203.419-2.07%201.623-4.678%202.348-7.29%202.04%202.179%201.397%204.768%202.212%207.548%202.212%209.142%200%2014.307-7.721%2013.995-14.646.962-.695%201.797-1.562%202.457-2.549z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        pointer-events: none;
        content: ''; }
      .footer_social-icon.facebook::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 1.25em;
        height: 1.25em;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9%208h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333%201.115-1.333h2.885v-5h-3.808c-3.596%200-5.192%201.583-5.192%204.615v3.385z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        pointer-events: none;
        content: ''; }
      .footer_social-icon.mail::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 1.25em;
        height: 1.25em;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%2012.713l-11.985-9.713h23.971l-11.986%209.713zm-5.425-1.822l-6.575-5.329v12.501l6.575-7.172zm10.85%200l6.575%207.172v-12.501l-6.575%205.329zm-1.557%201.261l-3.868%203.135-3.868-3.135-8.11%208.848h23.956l-8.11-8.848z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        pointer-events: none;
        content: ''; }

.breadcrumbs {
  display: flex;
  
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: center;
  padding: 0 0 1.5rem;
  margin: 0 auto;
  overflow-y: hidden;
  overflow-x: auto; }
  .breadcrumbs_item {
    color: #B6B6B6;
    white-space: nowrap; }
    .breadcrumbs_item:last-of-type::after {
      display: none; }
    .breadcrumbs_item::after {
      display: inline-block;
      margin: 0 .25em;
      content: '/'; }
    .breadcrumbs_item a,
    .breadcrumbs_item span {
      color: inherit;
      text-decoration: none;
      white-space: nowrap; 
      display: inline-block;
    }
    .breadcrumbs_item a::first-letter, 
    .breadcrumbs_item span::first-letter{
      text-transform: uppercase;
    }
      .breadcrumbs_item a:focus, .breadcrumbs_item a:hover,
      .breadcrumbs_item span:focus,
      .breadcrumbs_item span:hover {
        color: #303633;
        outline: none; }
    .breadcrumbs_item span {
      pointer-events: none; }
    .breadcrumbs_item--active a,
    .breadcrumbs_item--active span {
      color: #303633; }

.audiolink {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  vertical-align: top; }
  .audiolink::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M14.44%2023.92c0%20.16-.09.32-.25.39-.16.05-.35.02-.46-.09l-4.47-4.47H6.1c-.23%200-.42-.18-.42-.42v-6.67c0-.23.19-.42.42-.42h3.15l4.47-4.47c.12-.12.3-.14.46-.09.16.07.25.23.25.39v15.85zm3.96-1.3l-1.18-1.16c-.16-.18-.16-.44%200-.6%202.69-2.69%202.69-7.04%200-9.72-.16-.16-.16-.42%200-.58l1.18-1.18c.16-.16.42-.16.58%200%203.66%203.66%203.66%209.58%200%2013.24-.17.16-.42.16-.58%200zm2.06%202.08c-.16-.19-.16-.44%200-.6%204.47-4.47%204.47-11.74%200-16.2-.16-.16-.16-.42%200-.58l1.18-1.18c.16-.16.42-.16.58%200%205.46%205.44%205.46%2014.28%200%2019.72-.16.16-.42.16-.58%200l-1.18-1.16z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-size: 120%;
    pointer-events: none;
    content: ''; }
  .audiolink i {
    display: none; }

.transctiption_header {
  display: flex;
  flex-flow: row nowrap;
  padding: 0 1rem;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .transctiption_header {
      padding: 0 3rem; } }
  .transctiption_header-item {
    display: flex;
    flex: 2;
    align-items: flex-start;
    justify-content: flex-start;
    padding: .5em;
    margin-right: .25em;
    text-transform: uppercase;
    color: #B6B6B6; }
    .transctiption_header-item:first-child {
      flex: 1; }

.transctiption_table {
  padding: 1rem 1rem;
  max-height: 500px;
  background-color: #fff;
  border-radius: .25em;
  overflow: auto; }
  @media only screen and (min-width: 768px) {
    .transctiption_table {
      padding: 2rem 3rem; } }
  .transctiption_table table {
    display: block;
    width: 100%;
    overflow: auto; }
    .transctiption_table table tbody {
      display: flex;
      flex-flow: column nowrap;
      align-items: flex-start;
      justify-content: flex-start;
      min-width: 600px; }
      .transctiption_table table tbody tr {
        display: flex;
        flex-flow: row nowrap;
        align-items: stretch;
        justify-content: stretch;
        width: 100%; }
        .transctiption_table table tbody tr:nth-child(odd) td {
          background-color: #EFEFEF; }
        .transctiption_table table tbody tr td {
          display: flex;
          flex: 2;
          align-items: flex-start;
          justify-content: flex-start;
          padding: .5em;
          margin-right: .25em;
          margin-bottom: .25em;
          font-size: 1.1em;
          font-weight: 300; }
          .transctiption_table table tbody tr td:first-child {
            flex: 1;
            font-weight: 600; }
          .transctiption_table table tbody tr td:last-child {
            margin-bottom: .25em; }

.illustrated-container {
  position: relative;
  padding: 13.125rem 2.1875rem 3.75rem;
  margin-top: 2.5rem;
  text-align: center;
  background: #EFEFEF;
  border-radius: 0.3125rem; }
  .illustrated-container .h3 {
    margin: 0;
    color: #303633; }
  .illustrated-container .p {
    margin-left: auto;
    margin-right: auto;
    max-width: 25em;
    color: #303633; }
  .illustrated-container_text {
    margin: 1.25rem 0; }
    .illustrated-container_text > :last-child {
      margin-bottom: 0; }
  .illustrated-container:before {
    content: '';
    display: block;
    position: absolute;
    top: -2.5rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .illustrated-container--cake:before {
    width: 17.5rem;
    height: 15rem;
    background: transparent url("/images/illustrations/cake.png") left top no-repeat; }
  .illustrated-container--globe:before {
    width: 17.5rem;
    height: 15rem;
    background: transparent url("/images/illustrations/globe.png") left top no-repeat; }
  .illustrated-container--academic-cap:before {
    width: 17.5rem;
    height: 15rem;
    background: transparent url("/images/illustrations/academic-cap.png") left top no-repeat; }

.test-card {
  padding: 1.875rem 1.5625rem;
  background: #EFEFEF;
  border-radius: 0.3125rem; }
  .test-card_image {
    text-align: center; }
  .test-card_question {
    margin: 0.625rem 0 1.25rem;
    text-align: center; }
    .test-card_question p {
      margin: 0;
      color: #303633; }
  .test-card_answers {
    display: flex;
    justify-content: space-between; }
    .test-card_answers .test-card_answer {
      flex-grow: 1;
      flex-basis: 30%;
      flex-basis: calc(33.333% - 0.33em);
      margin: 0 0.5em 0 0; }
      .test-card_answers .test-card_answer:last-child {
        margin-right: 0; }
  .test-card_answer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5em .1em;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    background: white;
    border-radius: 0.3125rem; }
    .test-card_answer.correct {
      box-shadow: 0 0 0 4px #3ab049; }
    .test-card_answer.wrong {
      box-shadow: 0 0 0 4px #e55f59; }
  .test-card_validation {
    padding: 0;
    margin: 0;
    text-align: center; }
    .test-card_validation-correct, .test-card_validation-wrong {
      display: none;
      margin: 1em auto 0; }
      .test-card_validation-correct.visible, .test-card_validation-wrong.visible {
        display: inline-block; }
      .test-card_validation-correct span, .test-card_validation-wrong span {
        font-weight: 600; }
    .test-card_validation-correct span {
      color: #3ab049; }
    .test-card_validation-wrong span {
      color: #e55f59; }

.newsletter {
  padding: 1em;
  background: #735E7E; }
  .newsletter_inner {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    padding: 0; }
  .newsletter_text {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    color: #fff; }
    @media only screen and (min-width: 425px) {
      .newsletter_text {
        margin: 0 2em 0 0;
        width: auto; } }
  .newsletter_button {
    margin: 1em auto 0;
    width: auto; }
    @media only screen and (min-width: 425px) {
      .newsletter_button {
        margin: 0; } }

.image {
  display: inline-block;
  margin: 1.5rem auto 3rem;
  width: 100%;
  height: auto; }
  .image--inline {
    margin: 0 auto 1em; }
    .image--inline:last-child {
      margin-bottom: 0; }

.tabs {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: stretch;
  margin: 0 auto 3rem;
  width: 100%;
  background: #B6B6B6;
  border-radius: .5rem;
  overflow: hidden; }

.tab-label {
  position: relative;
  padding: .5em 1em;
  margin: 0;
  width: 100%;
  text-align: center;
  color: #303633;
  background: #B6B6B6;
  border-radius: .5rem;
  transition: background 0.1s, color 0.1s;
  cursor: pointer; }
  .tab-label:hover {
    background: rgba(255, 255, 255, 0.25); }
  .tab-label:active {
    background: #fff; }
  @media only screen and (min-width: 1024px) {
    .tab-label {
      flex: 1;
      width: auto;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      .tab-label::after {
        position: absolute;
        right: 0;
        top: 50%;
        z-index: 1;
        -webkit-transform: translate(1px, -50%);
                transform: translate(1px, -50%);
        width: 1px;
        height: 1em;
        background: #fff;
        content: ''; }
      .tab-label:last-of-type::after {
        display: none; } }

.tab-panel {
  display: none;
  padding: 2em;
  background: #fff;
  border-bottom-left-radius: .5rem;
  border-bottom-right-radius: .5rem; }
  @media only screen and (min-width: 1024px) {
    .tab-panel {
      order: 99;
      border-radius: 0; } }
  .tab-panel-title {
    display: block;
    margin-bottom: .5em;
    font-size: 1.5em;
    line-height: 1;
    text-transform: none; }

.tab-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none; }
  .tab-input:focus + .tab-label {
    opacity: .5;
    z-index: 1; }
  .tab-input:checked + .tab-label {
    color: #000;
    background: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .tab-input:checked + .tab-label::after {
      display: none; }
  .tab-input:checked + .tab-label + .tab-panel {
    display: block; }

.tabs--beginner {
  background-color: #A1EDAA; }
  .tabs--beginner .tab-label {
    background-color: #A1EDAA;
    color: #303633; }

.tabs--intermediate {
  background-color: #EFD684; }
  .tabs--intermediate .tab-label {
    background-color: #EFD684;
    color: #303633; }

.tabs--advance {
  background-color: #D78993; }
  .tabs--advance .tab-label {
    background-color: #D78993;
    color: #303633; }

.transcript-tabs {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: stretch;
  margin: 0 auto 3rem;
  width: 100%;
  background: transparent;
  overflow: hidden; }

.transcript-toggle {
  display: block;
  position: absolute;
  top: 0;
  right: 2em;
  margin: 0;
  z-index: 3;
  cursor: pointer; }
  @media only screen and (min-width: 768px) {
    .transcript-toggle {
      display: none; } }

.transcript-tab-label {
  position: relative;
  padding: 1em;
  margin: 0;
  width: 100%;
  background: transparent;
  text-align: center;
  color: #303633;
  text-transform: uppercase;
  transition: background 0.1s, color 0.1s;
  cursor: pointer; }
  @media only screen and (min-width: 1024px) {
    .transcript-tab-label {
      flex: 1;
      width: auto; } }

.transcript-tab-panel {
  display: none;
  padding: 2em 0 0;
  width: 100%;
  background: #fff; }
  @media only screen and (min-width: 1024px) {
    .transcript-tab-panel {
      order: 99; } }
  .transcript-tab-panel-top {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 1em;
    margin-bottom: 1em;
    width: 100%;
    background: #fff;
    border-bottom: 2px solid #EFEFEF; }
    .transcript-tab-panel-top .tag {
      display: none;
      margin-bottom: 0; }
      @media only screen and (min-width: 768px) {
        .transcript-tab-panel-top .tag {
          display: inline-block; } }
  .transcript-tab-panel-title {
    display: block;
    margin: 0 auto 0 0;
    font-size: 1.4em;
    line-height: 1.5;
    text-transform: none; }
    .transcript-tab-panel-title .dlk {
      cursor: pointer; }
      .transcript-tab-panel-title .dlk:hover {
        color: #735E7E;
        text-decoration: underline; }
  .transcript-tab-panel-subtitle {
    display: block;
    margin-bottom: .5em;
    font-size: 1.2em;
    line-height: 1;
    text-transform: none; }
  .transcript-tab-panel .content {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    padding: 0 1em;
    margin-bottom: 2em;
    overflow: hidden; }
    .transcript-tab-panel .content--collapsed {
      max-height: 600px; }
    .transcript-tab-panel .content--open {
      max-height: none; }
    @media only screen and (min-width: 768px) {
      .transcript-tab-panel .content {
        flex-flow: row nowrap;
        padding: 0 2em; } }
    .transcript-tab-panel .content-vocabulary {
      display: flex;
      flex-flow: column wrap;
      align-items: left;
      justify-content: flex-start; }
      .transcript-tab-panel .content-vocabulary p {
        margin: 1em 0;
      }
      .transcript-tab-panel .content-vocabulary_item {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: flex-start;
        margin: 1em 1em 1em 0;
        padding: .5em;
        background: #EFEFEF;
        border-radius: .25em; }
      .transcript-tab-panel .content-vocabulary h3 {
        margin: 0 1em 0 0;
        padding: 0 1em;
        width: auto;
        border-right: 2px solid #fff;
        text-transform: none; }
        .transcript-tab-panel .content-vocabulary h3 em {
          font-style: italic;
          font-weight: 400; }
      .transcript-tab-panel .content-vocabulary a.audiolink {
        display: block;
        padding: .5em;
        width: 2.5em;
        height: 2.625em; }
    .transcript-tab-panel .content-show {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      padding: 2em;
      margin: 0 2em;
      width: calc(100% - 4em);
      border-top: 2px solid #EFEFEF;
      text-decoration: none;
      cursor: pointer; }
      .transcript-tab-panel .content-show span {
        position: relative;
        margin: 0 0 0 1.5em;
        width: auto;
        line-height: 1;
        color: #074C61;
        text-transform: none;
        pointer-events: none; }
        .transcript-tab-panel .content-show span::before {
          display: block;
          position: absolute;
          top: 50%;
          left: -1.5em;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          margin-right: .5em;
          width: .8em;
          height: .8em;
          background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23074C61%22%20d%3D%22M25%2014.5h-7.5V7h-3v7.5H7v3h7.5V25h3v-7.5H25z%22%2F%3E%3C%2Fsvg%3E");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain;
          content: ''; }
      .transcript-tab-panel .content-show--hide span::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23074C61%22%20d%3D%22M7%2014.5h18v3H7z%22%2F%3E%3C%2Fsvg%3E");
        border: 0; }
    .transcript-tab-panel .content-column {
      flex: 1;
      transition: opacity .2s ease; }
      .transcript-tab-panel .content-column:first-child {
        margin-right: 0;
        margin-bottom: 2em; }
        .transcript-tab-panel .content-column:first-child p {
          font-weight: 400; }
        @media only screen and (min-width: 768px) {
          .transcript-tab-panel .content-column:first-child {
            margin-right: 2em;
            margin-bottom: 0; } }
      .transcript-tab-panel .content-column:only-child {
        margin-right: 0; }
      .transcript-tab-panel .content-column.gd-transcript, .transcript-tab-panel .content-column.en-transcript {
        flex: 1 0 100%;
        z-index: -1;
        background: #fff;
        opacity: 0; }
        @media only screen and (min-width: 768px) {
          .transcript-tab-panel .content-column.gd-transcript, .transcript-tab-panel .content-column.en-transcript {
            flex: 1;
            z-index: 1; } }
        .transcript-tab-panel .content-column.gd-transcript.visible, .transcript-tab-panel .content-column.en-transcript.visible {
          z-index: 1; }
      .transcript-tab-panel .content-column.en-transcript {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 2em; }
        @media only screen and (min-width: 768px) {
          .transcript-tab-panel .content-column.en-transcript {
            position: relative;
            padding: 0; } }
      .transcript-tab-panel .content-column p {
        font-weight: 300; }
        .transcript-tab-panel .content-column p .dlk {
          cursor: pointer; }
          .transcript-tab-panel .content-column p .dlk:hover {
            color: #735E7E;
            text-decoration: underline; }

.transcript-tab-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none; }
  .transcript-tab-input:focus + .transcript-tab-label {
    opacity: .75;
    z-index: 1; }
  .transcript-tab-input:checked + .transcript-tab-label + .transcript-tab-panel {
    display: block; }

.transcript-tabs--beginner .transcript-tab-input:checked + .transcript-tab-label {
  background-color: #A1EDAA;
  color: #000; }

.transcript-tabs--beginner .transcript-tab-label {
  color: #303633; }
  .transcript-tabs--beginner .transcript-tab-label:hover {
    background: rgba(161, 237, 170, 0.5); }
  .transcript-tabs--beginner .transcript-tab-label:active {
    background: #A1EDAA; }

.transcript-tabs--intermediate .transcript-tab-input:checked + .transcript-tab-label {
  background-color: #EFD684;
  color: #000; }

.transcript-tabs--intermediate .transcript-tab-label {
  color: #303633; }
  .transcript-tabs--intermediate .transcript-tab-label:hover {
    background: rgba(239, 214, 132, 0.5); }
  .transcript-tabs--intermediate .transcript-tab-label:active {
    background: #EFD684; }

.transcript-tabs--advance .transcript-tab-input:checked + .transcript-tab-label {
  background-color: #D78993;
  color: #000; }

.transcript-tabs--advance .transcript-tab-label {
  color: #303633; }
  .transcript-tabs--advance .transcript-tab-label:hover {
    background: rgba(215, 137, 147, 0.5); }
  .transcript-tabs--advance .transcript-tab-label:active {
    background: #D78993; }

.table,
.dictionary_abbr thead,
.dictionary_abbr tbody {
  display: flex;
  flex-flow: column nowrap;
  margin: 0 auto 3rem;
  width: 100%;
  overflow: auto; }
  .table-wrapper {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
    overflow: auto; }
  .table tr, .table-row,
  .dictionary_abbr thead tr,
  .dictionary_abbr tbody tr,
  .dictionary_abbr thead tr,
  .dictionary_abbr tbody tr {
    display: flex;
    flex: 1;
    flex-flow: row nowrap;
    width: 100%;
    min-width: 700px; }
    .table tr:nth-child(odd) td,
    .table tr:nth-child(odd) .table-column, .table-row:nth-child(odd) td,
    .table-row:nth-child(odd) .table-column,
    .dictionary_abbr thead tr:nth-child(odd) td,
    .dictionary_abbr tbody tr:nth-child(odd) td,
    .dictionary_abbr thead tr:nth-child(odd) .table-column,
    .dictionary_abbr tbody tr:nth-child(odd) .table-column,
    .dictionary_abbr thead tr:nth-child(odd) td,
    .dictionary_abbr tbody tr:nth-child(odd) td,
    .dictionary_abbr thead tr:nth-child(odd) .table-column,
    .dictionary_abbr tbody tr:nth-child(odd) .table-column {
      background-color: #f7f7f7; }
  .table td, .table th, .table-column, .table-header,
  .dictionary_abbr thead td,
  .dictionary_abbr tbody td,
  .dictionary_abbr thead th,
  .dictionary_abbr tbody th {
    flex: 1;
    padding: 1em;
    margin-right: .5em;
    background-color: #fff; }
    .table--column-frozen .table-row:first-child {
      position: -webkit-sticky;
      position: sticky;
      left: 0; }
    .table td:last-child, .table th:last-child, .table-column:last-child, .table-header:last-child,
    .dictionary_abbr thead td:last-child,
    .dictionary_abbr tbody td:last-child,
    .dictionary_abbr thead th:last-child,
    .dictionary_abbr tbody th:last-child {
      margin-right: 0; }
    .table td--auto, .table th--auto, .table-column--auto, .table-header--auto,
    .dictionary_abbr thead td--auto,
    .dictionary_abbr tbody td--auto,
    .dictionary_abbr thead th--auto,
    .dictionary_abbr tbody th--auto {
      flex: 0; }
  .table th,
  .table .table-header,
  .dictionary_abbr thead th,
  .dictionary_abbr tbody th,
  .dictionary_abbr thead .table-header,
  .dictionary_abbr tbody .table-header {
    background-color: #e7e7e7;
    font-weight: 600; }
  .table--noflex {
    display: table;
    min-width: 600px;
    border: 0; }
    .table--noflex tr,
    .table--noflex .table-row {
      display: table-row;
      border: 0;
      border-bottom: 0.5em solid #fff; }
      .table--noflex tr:last-child,
      .table--noflex .table-row:last-child {
        border-bottom: 0; }
      .table--noflex tr:nth-child(odd) td,
      .table--noflex tr:nth-child(odd) .table-column,
      .table--noflex .table-row:nth-child(odd) td,
      .table--noflex .table-row:nth-child(odd) .table-column {
        background-color: #f7f7f7; }
    .table--noflex td, .table--noflex th,
    .table--noflex .table-column {
      display: table-cell;
      border: 0;
      border-right: 0.5em solid #fff;
      text-align: left; }
      .table--noflex td:last-child, .table--noflex th:last-child,
      .table--noflex .table-column:last-child {
        border-right: 0; }
    .table--noflex th,
    .table--noflex .table-header {
      background-color: #e7e7e7;
      font-weight: 600; }

.listing {
  display: flex;
  flex-flow: column nowrap;
  padding: 1rem;
  margin-bottom: .5em;
  width: 100%;
  background: #fff; }
  @media only screen and (min-width: 768px) {
    .listing {
      flex-flow: row nowrap;
      padding: 2rem; } }
  .listing--rounded {
    border-radius: .25em; }
  .listing-image {
    flex: 0 0 25%;
    margin: 0 0 2em 0; }
    .listing-image img {
      display: block;
      width: 100%;
      height: auto; }
    @media only screen and (min-width: 768px) {
      .listing-image {
        margin: 0 2em 0 0; } }
  .listing-content {
    flex: 1;
    order: 2; }
    @media only screen and (min-width: 768px) {
      .listing-content {
        order: 1; } }
  .listing-footer {
    margin-top: 1em; }
  .listing-link, .listing-more {
    font-size: 1.25em; }
  .listing-more {
    font-weight: 600;
    color: #000; }
    .listing-more::after {
      display: inline-block;
      margin: .1em 0 .1em 1em;
      width: .8em;
      height: .8em;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
      vertical-align: bottom;
      content: ''; }
  .listing-button {
    padding: .25em 1em;
    margin: 0 .5em .5em 0;
    color: #fff;
    text-align: center; }
    .listing-button:last-child {
      margin: 0; }
    .listing-button::after {
      display: inline-block;
      margin: 0 0 0  1em;
      width: 1em;
      height: 1em;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E");
      background-size: 120%;
      background-repeat: no-repeat;
      background-position: center center;
      vertical-align: bottom;
      content: ''; }
    .listing-button--grey, .listing-button--pdf {
      font-weight: 600;
      color: #B6B6B6; }
      .listing-button--grey::after, .listing-button--pdf::after {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E"); }
    .listing-button--pdf::after {
      -webkit-transform: rotate(0);
              transform: rotate(0);
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M7.67%2026c-.23%200-.42-.19-.42-.42v-2.5c0-.23.19-.42.42-.42h16.67c.23%200%20.42.18.42.42v2.5c0%20.23-.19.42-.42.42H7.67zm8.63-5.12c-.09.07-.18.12-.3.12s-.21-.05-.3-.12l-8.33-8.33c-.12-.12-.14-.3-.09-.46.07-.16.23-.25.39-.25h4.58V6.42c0-.23.19-.42.42-.42h6.67c.23%200%20.42.19.42.42v5.42h4.58c.16%200%20.32.09.39.25.05.16.02.35-.09.46l-8.34%208.33z%22%2F%3E%3C%2Fsvg%3E"); }
  .listing-aside, .listing-tags {
    order: 1;
    width: auto;
    text-align: right; }
    @media only screen and (min-width: 768px) {
      .listing-aside, .listing-tags {
        margin-left: 1em;
        order: 2; } }
  .listing-aside {
    order: 3;
    margin-top: 1em;
    margin-left: 0;
    width: 100%; }
    .listing-aside .listing-button {
      width: 100%; }
    @media only screen and (min-width: 768px) {
      .listing-aside {
        margin-top: 0;
        margin-left: 1em;
        width: auto; }
        .listing-aside .listing-button {
          width: auto; } }
  .listing-tag {
    font-size: .85em;
    margin-bottom: .5em; }

.listing--beginner .listing-more {
  color: #A1EDAA; }
  .listing--beginner .listing-more::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23A1EDAA%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E"); }

.listing--beginner .listing-button:not(.listing-button--pdf),
.listing--beginner .listing-button:not(.listing-button--ghost) {
  background: #A1EDAA;
  color: #303633;
  border-color: #A1EDAA; }
  .listing--beginner .listing-button:not(.listing-button--pdf)::after,
  .listing--beginner .listing-button:not(.listing-button--ghost)::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23303633%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E"); }

.listing--beginner .listing-button.listing-button--ghost,
.listing--beginner .listing-button.listing-button--pdf {
  background: transparent;
  color: #303633;
  border-color: #A1EDAA; }
  .listing--beginner .listing-button.listing-button--ghost::after,
  .listing--beginner .listing-button.listing-button--pdf::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23303633%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E"); }
  .listing--beginner .listing-button.listing-button--ghost:hover,
  .listing--beginner .listing-button.listing-button--pdf:hover {
    background: #A1EDAA; }

.listing--beginner .listing-button.listing-button--pdf::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23303633%22%20d%3D%22M7.67%2026c-.23%200-.42-.19-.42-.42v-2.5c0-.23.19-.42.42-.42h16.67c.23%200%20.42.18.42.42v2.5c0%20.23-.19.42-.42.42H7.67zm8.63-5.12c-.09.07-.18.12-.3.12s-.21-.05-.3-.12l-8.33-8.33c-.12-.12-.14-.3-.09-.46.07-.16.23-.25.39-.25h4.58V6.42c0-.23.19-.42.42-.42h6.67c.23%200%20.42.19.42.42v5.42h4.58c.16%200%20.32.09.39.25.05.16.02.35-.09.46l-8.34%208.33z%22%2F%3E%3C%2Fsvg%3E"); }

.listing--intermediate .listing-more {
  color: #EFD684; }
  .listing--intermediate .listing-more::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23EFD684%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E"); }

.listing--intermediate .listing-button:not(.listing-button--pdf),
.listing--intermediate .listing-button:not(.listing-button--ghost) {
  background: #EFD684;
  color: #303633;
  border-color: #EFD684; }
  .listing--intermediate .listing-button:not(.listing-button--pdf)::after,
  .listing--intermediate .listing-button:not(.listing-button--ghost)::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23303633%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E"); }

.listing--intermediate .listing-button.listing-button--ghost,
.listing--intermediate .listing-button.listing-button--pdf {
  background: transparent;
  color: #303633;
  border-color: #EFD684; }
  .listing--intermediate .listing-button.listing-button--ghost::after,
  .listing--intermediate .listing-button.listing-button--pdf::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23303633%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E"); }
  .listing--intermediate .listing-button.listing-button--ghost:hover,
  .listing--intermediate .listing-button.listing-button--pdf:hover {
    background: #EFD684; }

.listing--intermediate .listing-button.listing-button--pdf::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23303633%22%20d%3D%22M7.67%2026c-.23%200-.42-.19-.42-.42v-2.5c0-.23.19-.42.42-.42h16.67c.23%200%20.42.18.42.42v2.5c0%20.23-.19.42-.42.42H7.67zm8.63-5.12c-.09.07-.18.12-.3.12s-.21-.05-.3-.12l-8.33-8.33c-.12-.12-.14-.3-.09-.46.07-.16.23-.25.39-.25h4.58V6.42c0-.23.19-.42.42-.42h6.67c.23%200%20.42.19.42.42v5.42h4.58c.16%200%20.32.09.39.25.05.16.02.35-.09.46l-8.34%208.33z%22%2F%3E%3C%2Fsvg%3E"); }

.listing--advance .listing-more {
  color: #D78993; }
  .listing--advance .listing-more::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23D78993%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E"); }

.listing--advance .listing-button:not(.listing-button--pdf),
.listing--advance .listing-button:not(.listing-button--ghost) {
  background: #D78993;
  color: #303633;
  border-color: #D78993; }
  .listing--advance .listing-button:not(.listing-button--pdf)::after,
  .listing--advance .listing-button:not(.listing-button--ghost)::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23303633%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E"); }

.listing--advance .listing-button.listing-button--ghost,
.listing--advance .listing-button.listing-button--pdf {
  background: transparent;
  color: #303633;
  border-color: #D78993; }
  .listing--advance .listing-button.listing-button--ghost::after,
  .listing--advance .listing-button.listing-button--pdf::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23303633%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E"); }
  .listing--advance .listing-button.listing-button--ghost:hover,
  .listing--advance .listing-button.listing-button--pdf:hover {
    background: #D78993; }

.listing--advance .listing-button.listing-button--pdf::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23303633%22%20d%3D%22M7.67%2026c-.23%200-.42-.19-.42-.42v-2.5c0-.23.19-.42.42-.42h16.67c.23%200%20.42.18.42.42v2.5c0%20.23-.19.42-.42.42H7.67zm8.63-5.12c-.09.07-.18.12-.3.12s-.21-.05-.3-.12l-8.33-8.33c-.12-.12-.14-.3-.09-.46.07-.16.23-.25.39-.25h4.58V6.42c0-.23.19-.42.42-.42h6.67c.23%200%20.42.19.42.42v5.42h4.58c.16%200%20.32.09.39.25.05.16.02.35-.09.46l-8.34%208.33z%22%2F%3E%3C%2Fsvg%3E"); }

.flashcard {
  padding: 2em;
  background: #fff;
  border-radius: .25em; }
  .flashcard-image {
    display: block;
    margin: 0 auto 2em;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 300px; }
  .flashcard-alt {
    margin-top: 2em; }
    .flashcard-alt-title {
      margin-bottom: .5em;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #B6B6B6; }
    .flashcard-alt-content {
      padding: 1.5em;
      border: 2px solid #EFEFEF; }

.wording,
.dictionary_header,
.dictionary_item,
.words-table tr {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  background: #EFEFEF;
  border-radius: .25em; }
  @media only screen and (min-width: 768px) {
    .wording,
    .dictionary_header,
    .dictionary_item,
    .words-table tr {
      flex-flow: row nowrap; } }
  .wording .word,
  .wording .words-table tr td,
  .words-table tr .wording td,
  .dictionary_header .word,
  .dictionary_item .word,
  .words-table tr .word,
  .dictionary_header .words-table tr td,
  .words-table tr .dictionary_header td,
  .dictionary_item .words-table tr td,
  .words-table tr .dictionary_item td,
  .words-table tr td {
    display: flex;
    flex: 1;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    padding: 1.25em 1.5em; }
    .wording .word:last-child::after,
    .wording .words-table tr td:last-child::after,
    .words-table tr .wording td:last-child::after,
    .dictionary_header .word:last-child::after,
    .dictionary_item .word:last-child::after,
    .words-table tr .word:last-child::after,
    .words-table tr td:last-child::after {
      display: none; }
    .wording .word::after,
    .wording .words-table tr td::after,
    .words-table tr .wording td::after,
    .dictionary_header .word::after,
    .dictionary_item .word::after,
    .words-table tr .word::after,
    .dictionary_header .words-table tr td::after,
    .words-table tr .dictionary_header td::after,
    .dictionary_item .words-table tr td::after,
    .words-table tr .dictionary_item td::after,
    .words-table tr td::after {
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background: #fff;
      content: ''; }
    @media only screen and (min-width: 768px) {
      .wording .word::after,
      .wording .words-table tr td::after,
      .words-table tr .wording td::after,
      .dictionary_header .word::after,
      .dictionary_item .word::after,
      .words-table tr .word::after,
      .dictionary_header .words-table tr td::after,
      .words-table tr .dictionary_header td::after,
      .dictionary_item .words-table tr td::after,
      .words-table tr .dictionary_item td::after,
      .words-table tr td::after {
        position: relative;
        -webkit-transform: translateX(1.5em);
                transform: translateX(1.5em);
        width: 1px;
        height: 80%; } }
    .wording .word--media,
    .dictionary_header .word--media,
    .dictionary_item .word--media,
    .words-table tr .word--media {
      position: relative; }
      .wording .word--media::before,
      .dictionary_header .word--media::before,
      .dictionary_item .word--media::before,
      .words-table tr .word--media::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 1.5em;
        height: 1.5em;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23B6B6B6%22%3E%3Cpath%20d%3D%22M6%207l8-5v20l-8-5v-10zm-6%2010h4v-10h-4v10zm20.264-13.264l-1.497%201.497c1.847%201.783%202.983%204.157%202.983%206.767%200%202.61-1.135%204.984-2.983%206.766l1.498%201.498c2.305-2.153%203.735-5.055%203.735-8.264s-1.43-6.11-3.736-8.264zm-.489%208.264c0-2.084-.915-3.967-2.384-5.391l-1.503%201.503c1.011%201.049%201.637%202.401%201.637%203.888%200%201.488-.623%202.841-1.634%203.891l1.503%201.503c1.468-1.424%202.381-3.309%202.381-5.394z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        content: ''; }
    .wording .word-play,
    .dictionary_header .word-play,
    .dictionary_item .word-play,
    .words-table tr .word-play {
      flex: 1; }
      .wording .word-play svg,
      .dictionary_header .word-play svg,
      .dictionary_item .word-play svg,
      .words-table tr .word-play svg {
        display: block;
        margin: 0 auto;
        fill: #B6B6B6; }
    .wording .word span,
    .wording .words-table tr td span,
    .words-table tr .wording td span,
    .dictionary_header .word span,
    .dictionary_item .word span,
    .words-table tr .word span,
    .dictionary_header .words-table tr td span,
    .words-table tr .dictionary_header td span,
    .dictionary_item .words-table tr td span,
    .words-table tr .dictionary_item td span,
    .words-table tr td span {
      margin-right: auto;
      width: auto; }

.accordion {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center; }
  .accordion-header, .accordion-tab {
    display: flex;
    flex-flow: row nowrap;
    padding: 1em 2em;
    width: 100%; }
  .accordion-header span {
    display: flex;
    flex: 1;
    justify-content: flex-start;
    font-size: .85em;
    text-transform: uppercase;
    color: #B6B6B6; }
    .accordion-header span:last-child {
      flex: 0;
      justify-content: flex-end;
      width: 2em; }
  .accordion-header a {
    font-size: 1.2em;
    font-weight: normal;
    text-decoration: underline;
    text-transform: none;
    text-align: left;
    white-space: nowrap; }
  .accordion-tab {
    flex-flow: row wrap;
    position: relative;
    margin-bottom: 2px;
    background: #fff;
    border-radius: .25em; }
    @media only screen and (min-width: 1024px) {
      .accordion-tab {
        flex-flow: row nowrap; } }
    .accordion-tab-title, .accordion-tab-content, .accordion-tab-expand {
      margin-bottom: 0; }
    .accordion-tab-title {
      flex: 1;
      line-height: 1.5; }
    .accordion-tab-content {
      display: flex;
      flex-flow: row nowrap;
      flex: 0 0 100%;
      order: 99;
      height: 0;
      font-weight: normal;
      overflow: hidden;
      opacity: 0; }
      @media only screen and (min-width: 1024px) {
        .accordion-tab-content {
          flex: 2;
          order: 0; } }
      .accordion-tab-content span {
        flex: 1;
        margin: 1em .5em 0 0; }
        @media only screen and (min-width: 1024px) {
          .accordion-tab-content span {
            margin: 0 .5em 0 0; } }
    .accordion-tab-expand {
      position: relative;
      flex: 0 0 1em;
      width: 1em;
      height: 1.5em; }
      .accordion-tab-expand::before, .accordion-tab-expand::after {
        position: absolute;
        top: 50%;
        right: 50%;
        width: .85em;
        height: 3px;
        background: #B6B6B6;
        transition: -webkit-transform .15s ease-out;
        transition: transform .15s ease-out;
        transition: transform .15s ease-out, -webkit-transform .15s ease-out;
        content: ''; }
      .accordion-tab-expand::before {
        -webkit-transform: translate(50%, -50%) rotate(-90deg);
                transform: translate(50%, -50%) rotate(-90deg); }
      .accordion-tab-expand::after {
        -webkit-transform: translate(50%, -50%) rotate(0deg);
                transform: translate(50%, -50%) rotate(0deg); }
  .accordion-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none; }
    .accordion-input:focus + .accordion-tab {
      background: rgba(255, 255, 255, 0.5); }
    .accordion-input:checked + .accordion-tab .accordion-tab-content {
      height: auto;
      opacity: 1; }
    .accordion-input:checked + .accordion-tab .accordion-tab-expand::before {
      -webkit-transform: translate(50%, -50%) rotate(0deg);
              transform: translate(50%, -50%) rotate(0deg); }
    .accordion-input:checked + .accordion-tab .accordion-tab-expand::after {
      -webkit-transform: translate(50%, -50%) rotate(180deg);
              transform: translate(50%, -50%) rotate(180deg); }

.lgscreen .cf.navbuttons, .quiz-form .bairbscreen .navDiv,
.little-by-little .bairbscreen .navDiv,
.pagination {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: 1em 2em;
  margin-bottom: .5em;
  width: 100%;
  border-radius: .25em; }
  
  .pagination--align-top {
    align-items: flex-start; }
  
  .pagination--spread {
    justify-content: space-between; }
  
  .pagination--small .pagination-pages {
    font-size: .85rem; }
  .quiz-form .bairbscreen .navDiv .screenindex,
  .little-by-little .bairbscreen .navDiv .screenindex,
  .pagination-pages {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0; }
    .quiz-form .bairbscreen .navDiv .screenindex li, .little-by-little .bairbscreen .navDiv .screenindex li,
    .pagination-pages li {
      display: block;
      padding: .25em .5em;
      margin: 0; }
      .quiz-form .bairbscreen .navDiv .screenindex li::before, .little-by-little .bairbscreen .navDiv .screenindex li::before,
      .pagination-pages li::before {
        display: none; }
      .quiz-form .bairbscreen .navDiv .screenindex li a, .little-by-little .bairbscreen .navDiv .screenindex li a,
      .pagination-pages li a {
        display: block;
        font-family: "Helvetica", sans-serif;
        font-weight: normal;
        line-height: 1.5;
        color: #B6B6B6;
        text-decoration: none;
        text-transform: uppercase;
        border-top-width: 2px;
        border-bottom-width: 2px;
        border-bottom-style: solid;
        border-color: transparent; }
        .quiz-form .bairbscreen .navDiv .screenindex li a:hover, .little-by-little .bairbscreen .navDiv .screenindex li a:hover,
        .pagination-pages li a:hover {
          color: #000; }
      .quiz-form .bairbscreen .navDiv .screenindex li.active a, .little-by-little .bairbscreen .navDiv .screenindex li.active a,
      .pagination-pages li.active a {
        border-bottom-color: #000;
        color: #000; }
  .lgscreen .cf.navbuttons .prev, .quiz-form .bairbscreen .navDiv .prev,
  .little-by-little .bairbscreen .navDiv .prev, .lgscreen .cf.navbuttons .next, .quiz-form .bairbscreen .navDiv .next,
  .quiz-form .bairbscreen .navDiv .quiz,
  .little-by-little .bairbscreen .navDiv .next,
  .little-by-little .bairbscreen .navDiv .quiz,
  .pagination-first,
  .pagination-last,
  .pagination-prev,
  .pagination-next {
    position: relative;
    padding: .5em 0;
    width: 2em;
    height: 2em;
    text-indent: -9999px;
    cursor: pointer; }
    .lgscreen .cf.navbuttons .disabled.prev, .quiz-form .bairbscreen .navDiv .disabled.prev,
    .little-by-little .bairbscreen .navDiv .disabled.prev, .lgscreen .cf.navbuttons .disabled.next, .quiz-form .bairbscreen .navDiv .disabled.next,
    .quiz-form .bairbscreen .navDiv .disabled.quiz,
    .little-by-little .bairbscreen .navDiv .disabled.next,
    .little-by-little .bairbscreen .navDiv .disabled.quiz,
    .pagination-first.disabled,
    .pagination-last.disabled,
    .pagination-prev.disabled,
    .pagination-next.disabled {
      cursor: not-allowed;
      opacity: .5; }
  .lgscreen .cf.navbuttons .prev::before, .quiz-form .bairbscreen .navDiv .prev::before,
  .little-by-little .bairbscreen .navDiv .prev::before,
  .pagination-prev::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 1.5em;
    height: 1.5em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
    pointer-events: none;
    content: ''; }
  .lgscreen .cf.navbuttons .next::before, .quiz-form .bairbscreen .navDiv .next::before,
  .quiz-form .bairbscreen .navDiv .quiz::before,
  .little-by-little .bairbscreen .navDiv .next::before,
  .little-by-little .bairbscreen .navDiv .quiz::before,
  .pagination-next::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 1.5em;
    height: 1.5em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
            transform: translate(-50%, -50%) rotate(-90deg);
    pointer-events: none;
    content: ''; }
  
  .pagination-first::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 1.5em;
    height: 1.5em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M7.88%207h3v18h-3z%22%2F%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M22%2024.94l-8.96-8.96L22%207.03l2.12%202.12-6.84%206.83%206.84%206.84z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    transform: translate(-50%, -50%);
    pointer-events: none;
    content: ''; }
  
  .pagination-last::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 1.5em;
    height: 1.5em;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M21.12%207h3v18h-3z%22%2F%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M10%2024.97l-2.12-2.12%206.84-6.83-6.84-6.84L10%207.06l8.96%208.96z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    transform: translate(-50%, -50%);
    pointer-events: none;
    content: ''; }
  .lgscreen .cf.navbuttons .prev, .quiz-form .bairbscreen .navDiv .prev,
  .little-by-little .bairbscreen .navDiv .prev,
  .pagination-first,
  .pagination-prev {
    padding-right: 1em; }
    .lgscreen .cf.navbuttons .prev:before, .quiz-form .bairbscreen .navDiv .prev:before,
    .little-by-little .bairbscreen .navDiv .prev:before,
    .pagination-first:before,
    .pagination-prev:before {
      background-size: 140%; }
  .lgscreen .cf.navbuttons .next, .quiz-form .bairbscreen .navDiv .next,
  .quiz-form .bairbscreen .navDiv .quiz,
  .little-by-little .bairbscreen .navDiv .next,
  .little-by-little .bairbscreen .navDiv .quiz,
  .pagination-last,
  .pagination-next {
    padding-left: 1em; }
    .lgscreen .cf.navbuttons .next:before, .quiz-form .bairbscreen .navDiv .next:before,
    .quiz-form .bairbscreen .navDiv .quiz:before,
    .little-by-little .bairbscreen .navDiv .next:before,
    .little-by-little .bairbscreen .navDiv .quiz:before,
    .pagination-last:before,
    .pagination-next:before {
      background-size: 140%; }
  
  .pagination-dropdown {
    position: relative;
    margin: 0 auto; }
    
    .pagination-dropdown select {
      position: absolute;
      top: 0;
      left: 1em;
      z-index: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      pointer-events: all;
      cursor: pointer; }
    
    .pagination-dropdown label {
      position: relative;
      padding: .5em 1.5em .5em 1em;
      font-family: "Helvetica", sans-serif;
      font-size: 1.2em;
      font-weight: normal;
      line-height: 1;
      color: #B6B6B6;
      text-decoration: none;
      pointer-events: none; }
      
      .pagination-dropdown label::after {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
        width: 1.4em;
        height: 1.4em;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
        content: ''; }
  
  .pagination-range {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: center; }
    
    .pagination-range-inner {
      font-family: "Helvetica", sans-serif;
      text-decoration: none;
      text-align: center; }
    
    .pagination-range-current {
      font-size: 1.2em;
      font-weight: 600;
      line-height: 1.75;
      color: #000; }
    
    .pagination-range-all {
      font-size: 1em;
      font-weight: normal;
      line-height: 1.5;
      color: #B6B6B6; }

.navigation {
  position: relative;
  padding: 1em;
  margin: 0 auto 3rem;
  width: 100%; }
  .navigation-items {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto; }
  .navigation-item {
    position: relative;
    margin-right: .75em;
    padding: .5em .75em;
    width: auto;
    font-size: .85rem;
    line-height: 1;
    text-transform: uppercase;
    color: #B6B6B6;
    white-space: nowrap;
    transition: color .15s ease;
    border-bottom: 2px solid transparent;
    cursor: pointer; }
    .navigation-item:first-child {
      margin-left: auto; }
    .navigation-item:last-child {
      margin-right: auto; }
    .navigation-item.active, .navigation-item.open, .navigation-item:focus, .navigation-item:hover {
      color: #303633;
      outline: none; }
      .navigation-item.active::after, .navigation-item.open::after, .navigation-item:focus::after, .navigation-item:hover::after {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23303633%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E"); }
    .navigation-item.open {
      border-bottom-color: #303633; }
      .navigation-item.open::after {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .navigation-item::after {
      display: inline-block;
      margin: 0 0 .1em 1em;
      width: 1em;
      height: 1em;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      vertical-align: top;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 200%;
      overflow: hidden;
      transition: background-image .15s ease, -webkit-transform .1s ease-out;
      transition: background-image .15s ease, transform .1s ease-out;
      transition: background-image .15s ease, transform .1s ease-out, -webkit-transform .1s ease-out;
      content: ''; }
  .navigation-mega {
    position: absolute;
    left: 50%;
    top: 3em;
    z-index: -1;
    -webkit-transform: translate(-50%, -2em);
            transform: translate(-50%, -2em);
    padding: 2em;
    width: 100vw;
    height: auto;
    background-color: #fff;
    box-shadow: 0 0.5em 0.25em 0 rgba(48, 54, 51, 0.1);
    text-align: left;
    opacity: 0;
    transition: opacity .1s .05s ease, -webkit-transform .1s ease-out;
    transition: transform .1s ease-out, opacity .1s .05s ease;
    transition: transform .1s ease-out, opacity .1s .05s ease, -webkit-transform .1s ease-out; }
    .navigation-mega.open {
      z-index: 5;
      -webkit-transform: translate(-50%, -1px);
              transform: translate(-50%, -1px);
      opacity: 1; }
    .navigation-mega-inner {
      display: none;
      flex-flow: column nowrap;
      align-items: flex-start;
      justify-content: flex-start;
      margin-bottom: 0; }
      @media only screen and (min-width: 768px) {
        .navigation-mega-inner {
          flex-flow: row nowrap; } }
      .navigation-mega-inner.open {
        display: flex; }
    .navigation-mega-col {
      width: 100%; }
      .navigation-mega-col:first-child {
        margin-bottom: 2em; }
      @media only screen and (min-width: 768px) {
        .navigation-mega-col {
          width: calc(50% - 1em); }
          .navigation-mega-col:first-child {
            margin-bottom: 0;
            margin-right: 2em; } }
    .navigation-mega-header {
      margin-bottom: 1.25em;
      font-size: .85em;
      text-transform: uppercase; }
    .navigation-mega-items li, .navigation-mega-item, .navigation-mega-archive {
      margin-bottom: .75em;
      text-transform: none; }
      .navigation-mega-items li.archive, .navigation-mega-item.archive, .navigation-mega-archive.archive {
        display: none; }
      .navigation-mega-items li a, .navigation-mega-item a, .navigation-mega-archive a {
        color: inherit;
        text-decoration: none;
        transition: color .1s; }
        .navigation-mega-items li a:hover, .navigation-mega-item a:hover, .navigation-mega-archive a:hover {
          color: #B6B6B6; }
    .navigation-mega-item-para {
      font-size: 1em;
      opacity: .75; }
    .navigation-mega-archive {
      margin-top: .5em; }
      .navigation-mega-archive::after {
        display: inline-block;
        margin: 0 0 0 1em;
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
        width: 1em;
        height: 1em;
        vertical-align: top;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23303633%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 120%;
        transition: background-image .15s ease, -webkit-transform .1s ease-out;
        transition: background-image .15s ease, transform .1s ease-out;
        transition: background-image .15s ease, transform .1s ease-out, -webkit-transform .1s ease-out;
        content: ''; }
  .navigation-dropdown {
    position: relative;
    margin-bottom: 2em;
    width: 100%;
    background: #fff;
    border-radius: .25em; }
    .navigation-dropdown select {
      position: absolute;
      top: 0;
      left: 1em;
      z-index: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      pointer-events: all;
      cursor: pointer; }
    .navigation-dropdown label {
      position: relative;
      display: block;
      padding: 1em 4em 1em 2em;
      width: 100%;
      font-family: "Helvetica", sans-serif;
      font-size: 1.2em;
      font-weight: normal;
      line-height: 1;
      color: #B6B6B6;
      text-decoration: none;
      pointer-events: none; }
      .navigation-dropdown label::after {
        position: absolute;
        right: 2rem;
        top: 50%;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
        width: 1.4em;
        height: 1.4em;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 120%;
        content: ''; }
    .navigation-dropdown--small label {
      padding: .75em; }
      .navigation-dropdown--small label::after {
        right: 1em; }
    .navigation-dropdown--centered {
      text-align: center; }
      .navigation-dropdown--centered label {
        display: inline-block;
        width: auto; }
        .navigation-dropdown--centered label::after {
          right: 0; }

.navigation--beginner .navigation-item.open {
  border-bottom-color: #A1EDAA; }

.navigation--beginner .navigation-mega-header {
  color: #A1EDAA; }

.navigation--beginner .hr {
  border-top-color: #A1EDAA; }

.navigation-dropdown--beginner {
  background: #A1EDAA; }
  .navigation-dropdown--beginner label {
    color: #000; }
    .navigation-dropdown--beginner label::after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E"); }

.navigation-dropdown--ghost-beginner {
  background: #fff;
  border: 2px solid #A1EDAA; }
  .navigation-dropdown--ghost-beginner label {
    color: #000; }
    .navigation-dropdown--ghost-beginner label::after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E"); }

.navigation--intermediate .navigation-item.open {
  border-bottom-color: #EFD684; }

.navigation--intermediate .navigation-mega-header {
  color: #EFD684; }

.navigation--intermediate .hr {
  border-top-color: #EFD684; }

.navigation-dropdown--intermediate {
  background: #EFD684; }
  .navigation-dropdown--intermediate label {
    color: #000; }
    .navigation-dropdown--intermediate label::after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E"); }

.navigation-dropdown--ghost-intermediate {
  background: #fff;
  border: 2px solid #EFD684; }
  .navigation-dropdown--ghost-intermediate label {
    color: #000; }
    .navigation-dropdown--ghost-intermediate label::after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E"); }

.navigation--advance .navigation-item.open {
  border-bottom-color: #D78993; }

.navigation--advance .navigation-mega-header {
  color: #D78993; }

.navigation--advance .hr {
  border-top-color: #D78993; }

.navigation-dropdown--advance {
  background: #D78993; }
  .navigation-dropdown--advance label {
    color: #000; }
    .navigation-dropdown--advance label::after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E"); }

.navigation-dropdown--ghost-advance {
  background: #fff;
  border: 2px solid #D78993; }
  .navigation-dropdown--ghost-advance label {
    color: #000; }
    .navigation-dropdown--ghost-advance label::after {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E"); }

.search {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: .25em;
  width: 100%;
  height: auto;
  background: #fff;
  border-radius: .25em; }
  .search--inline {
    padding: .25em; }
  .search--grey {
    background: #EFEFEF; }
  .search--round {
    border-radius: 3em; }
  .search-submit {
    display: inline-block;
    padding: .5em 3em;
    width: 6em;
    height: 3.75em;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M26%2013.5c0%204.14-3.36%207.5-7.5%207.5-1.48%200-2.85-.42-4-1.16l-5.65%205.67c-.33.33-.77.49-1.18.49-.44%200-.86-.16-1.18-.49-.65-.65-.65-1.71%200-2.36l5.67-5.65c-.74-1.16-1.16-2.52-1.16-4C11%209.36%2014.36%206%2018.5%206S26%209.36%2026%2013.5zm-2.5%200c0-2.75-2.25-5-5-5s-5%202.25-5%205%202.25%205%205%205%205-2.25%205-5z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
    border: 0;
    border-radius: 3em;
    text-indent: -9999px;
    cursor: pointer; }
    .search-submit:focus {
      box-shadow: 0 0 0 4px #B6B6B6;
      outline: 0; }
    .search--grey .search-submit {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M26%2013.5c0%204.14-3.36%207.5-7.5%207.5-1.48%200-2.85-.42-4-1.16l-5.65%205.67c-.33.33-.77.49-1.18.49-.44%200-.86-.16-1.18-.49-.65-.65-.65-1.71%200-2.36l5.67-5.65c-.74-1.16-1.16-2.52-1.16-4C11%209.36%2014.36%206%2018.5%206S26%209.36%2026%2013.5zm-2.5%200c0-2.75-2.25-5-5-5s-5%202.25-5%205%202.25%205%205%205%205-2.25%205-5z%22%2F%3E%3C%2Fsvg%3E"); }
  .search-input {
    display: block;
    padding: .5em;
    margin-bottom: 0;
    width: 100%;
    height: auto;
    line-height: 1;
    color: #000;
    text-transform: none;
    background: transparent;
    border: 0;
    border-radius: 3em; }
    .search-input:focus {
      box-shadow: 0 0 0 4px #B6B6B6;
      outline: 0; }
    .search-input::-webkit-input-placeholder {
      color: #B6B6B6; }
    .search-input::-moz-placeholder {
      color: #B6B6B6; }
    .search-input:-ms-input-placeholder {
      color: #B6B6B6; }
    .search-input::-ms-input-placeholder {
      color: #B6B6B6; }
    .search-input::placeholder {
      color: #B6B6B6; }
  .search-wildcard {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    bottom: 1em;
    right: 1em;
    opacity: .75;
    transition: opacity .15s ease; }
    @media only screen and (min-width: 768px) {
      .search-wildcard {
        right: 3em; } }
    .search-wildcard:hover {
      opacity: 1; }
    .search-wildcard label {
      padding-right: .5em;
      width: auto;
      font-size: .85em;
      color: #fff;
      text-transform: uppercase; }
  .search-block {
    position: relative;
    margin-top: 2em;
    padding: 3em 1em;
    background: #EFEFEF;
    border-radius: .25em; }
    @media only screen and (min-width: 768px) {
      .search-block {
        padding: 3em; } }
    .search-block-top.select {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      margin-bottom: 0; }

.search-block--dark-blue {
  background-color: #074C61; }

.search-block--beginner {
  background-color: #A1EDAA; }

.search-block--intermediate {
  background-color: #EFD684; }

.search-block--advance {
  background-color: #D78993; }



.litir-mega-search {
  display: flex; 
  flex-wrap: wrap; 
  align-content: space-between;
}
.litir-by-num {
   flex: 0 1 auto; 
   margin-right: 0.5rem; 
   width: auto; 
   min-width:18em; 
   margin-bottom: 0.3rem;"
}
.litir-by-num .btn {
  padding: 0.1em 0.8em;
  margin-left: 0.3em;
}
.litir-search {
   flex: 3 1 auto; 
   width: auto;
   margin-bottom: 0.3rem;
}






.select {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 2em;
  width: 100%; }
  .select select {
    position: absolute;
    top: 0;
    left: 1em;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: all;
    cursor: pointer; }
  .select label {
    position: relative;
    display: inline-block;
    padding: .75em 3.5em .75em 1.5em;
    width: auto;
    min-width: 14rem;
    font-family: "Freight-sans-pro", sans-serif;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    pointer-events: none;
    background: #B6B6B6;
    border-radius: 4em; }
    .select label::after {
      position: absolute;
      right: 1.5rem;
      top: 50%;
      -webkit-transform: translate(0, -50%);
              transform: translate(0, -50%);
      width: 1.4em;
      height: 1.4em;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100%;
      content: ''; }

.select--purple label {
  background-color: #735E7E;
  color: #fff; }
  .select--purple label::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E"); }

.select--beginner label {
  background-color: #A1EDAA;
  color: #303633; }
  .select--beginner label::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23303633%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E"); }

.select--intermediate label {
  background-color: #EFD684;
  color: #fff; }
  .select--intermediate label::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E"); }

.select--advance label {
  background-color: #D78993;
  color: #fff; }
  .select--advance label::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16%2018.71l-5.41-5.41h10.83L16%2018.71z%22%2F%3E%3C%2Fsvg%3E"); }

.dictionary_search {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 3rem 0;
  width: 100%;
  height: auto; }
  .dictionary_search-image {
    display: none;
    position: absolute;
    bottom: -50%;
    z-index: 2;
    width: 40%;
    max-width: 350px;
    height: auto; }
    @media only screen and (min-width: 768px) {
      .dictionary_search-image {
        display: block; } }
    .dictionary_search-image img {
      display: block;
      width: 100%;
      height: auto; }
    .dictionary_search-image--left {
      right: 75%; }
    .dictionary_search-image--right {
      left: 75%; }
  .dictionary_search-block {
    padding: 0; }
    @media only screen and (min-width: 768px) {
      .dictionary_search-block {
        padding: 0 3rem; } }
    .dictionary_search--has-results .dictionary_search-block::before {
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: calc(50% - 1em);
      background: #ADF5FF;
      content: ''; }
    .dictionary_search-block .search-block {
      z-index: 3; }

.dictionary_results {
  padding: 0;
  background: #ADF5FF; }
  .dictionary_results > .section {
    padding-top: 1em; }

.dictionary_header, .dictionary_item {
  position: relative;
  margin: 0;
  background: #fff;
  transition: margin .15s ease; }
  .dictionary_header-edit, .dictionary_item-edit {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: .25em 1em;
    background: crimson;
    border-radius: .25em; }
    .dictionary_header-edit a, .dictionary_item-edit a {
      font-size: .85em;
      line-height: 1.2;
      color: #fff;
      text-decoration: none;
      text-transform: uppercase; }
  .dictionary_header-toggle, .dictionary_item-toggle {
    position: relative;
    margin-left: auto;
    width: 1.5em;
    height: 1.5em;
    text-indent: -9999px;
    cursor: pointer; }
    .dictionary_header-toggle:hover::before, .dictionary_item-toggle:hover::before {
      opacity: 1; }
    .dictionary_header-toggle::before, .dictionary_item-toggle::before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 1.2em;
      height: 1.2em;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M24.92%2012.12l-8.96%208.96L7%2012.12%209.12%2010l6.84%206.84L22.8%2010z%22%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      opacity: .5;
      transition: opacity .15s ease, -webkit-transform .2s ease;
      transition: transform .2s ease, opacity .15s ease;
      transition: transform .2s ease, opacity .15s ease, -webkit-transform .2s ease;
      pointer-events: none;
      content: ''; }
  .dictionary_header-outer, .dictionary_item-outer {
    position: relative;
    z-index: 3;
    margin: 0 0 .25em; }
  .dictionary_header-column, .dictionary_item-column {
    position: relative;
    flex: 1;
    padding: 1em; }
    .dictionary_header-column:first-of-type::after, .dictionary_item-column:first-of-type::after {
      position: absolute;
      top: auto;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 2px;
      background: #EFEFEF;
      content: ''; }
    @media only screen and (min-width: 1024px) {
      .dictionary_header-column, .dictionary_item-column {
        flex: 0 0 calc(50% - 1em); }
        .dictionary_header-column:first-of-type, .dictionary_item-column:first-of-type {
          margin-right: 2em; }
          .dictionary_header-column:first-of-type::after, .dictionary_item-column:first-of-type::after {
            position: absolute;
            top: 1em;
            right: -1em;
            width: 2px;
            height: calc(100% - 2em);
            background: #EFEFEF;
            content: ''; } }
  .dictionary_header-main, .dictionary_item-main {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start; }
  .dictionary_header-collapsed, .dictionary_item-collapsed {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 0 .1em 1em;
    height: auto;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: height .1s, opacity .1s .05s ease; }
  .dictionary_header-term, .dictionary_item-term {
    margin: 0 1rem 0 0;
    width: auto;
    font-size: 1.4em;
    line-height: 1.2; 

  }
  .dictionary_item-column:first-child .dictionary_item-term {
     font-weight: bold;
  }
    .dictionary_header-term .defno, .dictionary_item-term .defno {
      color: #B6B6B6; }
  }
  .dictionary_header-audio, .dictionary_item-audio {
    position: relative;
    margin: 0 1rem 0 0;
    width: 1em;
    height: 1em;
    font-size: 1.4em; }
  .dictionary_header-lang, .dictionary_item-lang {
    margin-left: auto; }
  .dictionary_header-abbr, .dictionary_header-ipa, .dictionary_header-grammar, .dictionary_item-abbr, .dictionary_item-ipa, .dictionary_item-grammar {
    display: block;
    font-family: "Freight-sans-pro", sans-serif; }
    .dictionary_header-abbr:nth-child(2), .dictionary_header-ipa:nth-child(2), .dictionary_header-grammar:nth-child(2), .dictionary_item-abbr:nth-child(2), .dictionary_item-ipa:nth-child(2), .dictionary_item-grammar:nth-child(2) {
      margin-top: 1em; }
  .dictionary_header-abbr, .dictionary_item-abbr {
    position: relative; }
    .dictionary_header-abbr abbr, .dictionary_item-abbr abbr {
      display: inline-block;
      position: relative;
      line-height: 1.1;
      font-style: italic;
      text-decoration: none;
      border-bottom: 1px dotted #000;
      cursor: pointer; }
    .dictionary_header-abbr .tooltip, .dictionary_item-abbr .tooltip {
      position: absolute;
      top: 98%;
      left: -.5em;
      padding: .5em;
      width: auto;
      white-space: nowrap;
      background: #EFEFEF;
      border-radius: .15em;
      border: 0; }
  .dictionary_header-ipa, .dictionary_item-ipa {
    letter-spacing: .5px;
    color: #735E7E;
    text-decoration: none; }
    .dictionary_header-ipa:hover, .dictionary_item-ipa:hover {
      color: #000;
      text-decoration: underline; }
  .dictionary_header-grammar, .dictionary_item-grammar {
    color: #B6B6B6; }

.dictionary_header {
  background: transparent; }
  .dictionary_header-outer {
    display: none; }
    @media only screen and (min-width: 1024px) {
      .dictionary_header-outer {
        display: block; } }
  .dictionary_header-column::after {
    display: none; }
  .dictionary_header-item {
    /*color: #B6B6B6; */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5)
  }

.dictionary_item-checkbox 
{
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  height: 0;
  width: 0;
  line-height: 0;
  padding: 0;
  margin: 0; 
}

.dictionary_item-checkbox:focus + .dictionary_item--is-collapsed 
{
    box-shadow: 0 0 1px 2px #B6B6B6; 
}

.dictionary_item-checkbox:focus + .dictionary_item--is-collapsed .dictionary_item-toggle::before 
{
  opacity: 1; 
}

.dictionary_item-checkbox:checked + .dictionary_item 
{
  margin: 1em 0 .75em; 
}

.dictionary_item-checkbox:checked + .dictionary_item .dictionary_item-column .dictionary_item-toggle::before 
{
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg); 
}

.dictionary_item-checkbox:checked + .dictionary_item .dictionary_item-column > .dictionary_item-collapsed 
{
  max-height: 99em;
  opacity: 1;
  visibility: visible; 
}

.dictionary_abbr {
  width: 100%;
  display: block; }
  .dictionary_abbr thead,
  .dictionary_abbr tbody {
    margin-bottom: 0; }
    .dictionary_abbr thead td, .dictionary_abbr thead th,
    .dictionary_abbr tbody td,
    .dictionary_abbr tbody th {
      flex: 1;
      padding: .5em;
      background: transparent; }
  .dictionary_abbr tbody tr:nth-child(odd) {
    background: rgba(255, 255, 255, 0.5); }
  .dictionary_abbr thead tr {
    margin-bottom: 1em; }
    .dictionary_abbr thead tr th {
      color: #303633;
      text-align: left; }

#abbr {
  display: none; }

.note {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  padding: 2rem;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000; }
  .note_input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 0;
    height: 0;
    visibility: hidden;
    opacity: 0; }
  .note_label {
    position: relative;
    margin-bottom: 0;
    transition: margin-bottom .2s ease;
    cursor: pointer; }
    .note_label::before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 1.5em;
      height: 1.5em;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M25%2014.5h-7.5V7h-3v7.5H7v3h7.5V25h3v-7.5H25z%22%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      left: auto;
      right: -.5em;
      pointer-events: none;
      content: ''; }
  .note_content {
    display: block;
    width: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .1s ease; }
    .note_content h2 {
      color: #735E7E;
      margin-bottom: 1em; }
    .note_content p {
      margin-bottom: .5em; }
      .note_content p a.audiolink {
        width: 1.25em;
        height: 1.25em; }
  .note_input:checked + .note_label {
    margin-bottom: 2em;
    color: #B6B6B6; }
    .note_input:checked + .note_label::before {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23B6B6B6%22%20d%3D%22M7%2014.5h18v3H7z%22%2F%3E%3C%2Fsvg%3E"); }
  .note_input:checked ~ .note_content {
    max-height: 9999px;
    opacity: 1;
    transition: all .3s ease; }

.translator {
  padding: 1.5625rem;
  background: white;
  border-radius: 0.3125rem; }
  .translator_from, .translator_to {
    position: relative;
    padding-top: 3.125rem; }
  .translator_from {
    padding-bottom: 1.875rem;
    margin: 0 0 1.875rem;
    border-bottom: 2px solid #EFEFEF; }
  .translator-language {
    position: absolute;
    top: 0;
    right: 0; }
  .translator-input {
    display: block;
    font-family: "Muirne-Regular", serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
    color: #303633;
    text-transform: lowercase; }
  .translator-gender {
    color: #B6B6B6;
    text-transform: lowercase; }
  .translator-misc {
    margin: 1.25rem 0 0 0; }
    .translator-misc span {
      margin: 0 0.5em 0 0;
      color: #B6B6B6;
      text-decoration: underline; }
  .translator-translations li {
    display: block;
    width: auto;
    margin-bottom: .2em;
    margin-left: 1.75rem;
    color: #303633; }
  @media only screen and (min-width: 425px) {
    .translator_from, .translator_to {
      padding-top: 0.625rem; } }
  @media only screen and (min-width: 768px) {
    .translator {
      display: flex;
      position: relative; }
      .translator_from, .translator_to {
        padding-top: 3.125rem;
        width: 50%; }
      .translator_from {
        padding-right: 1.5625rem;
        margin: 0;
        border-bottom: none; }
        .translator_from .translator-language {
          right: 1.5625rem; }
      .translator_to {
        padding-left: 1.875rem; }
      .translator:before {
        content: '';
        display: block;
        position: absolute;
        top: 1.25rem;
        bottom: 1.25rem;
        left: 50%;
        width: 2px;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        background: #EFEFEF; } }
  @media only screen and (min-width: 940px) {
    .translator_from {
      padding: 0 7.1875rem 0 0; }
    .translator_to {
      padding: 0 5.625rem 0 1.875rem; } }

.expandables_expandable {
  padding: 1.875rem 1.5625rem;
  margin: 0 0 0.75rem;
  background: white;
  border-radius: 0.3125rem; }
  .expandables_expandable:last-child {
    margin-bottom: 0; }

.expandables_title {
  position: relative; }
  .expandables_title span {
    display: inline;
    color: #303633; }
  .expandables_title:before, .expandables_title:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.125rem;
    height: 0.1875rem;
    background: #B6B6B6;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .expandables_expandable--js-enabled .expandables_title {
    cursor: pointer; }
  .expandables_expandable--open .expandables_title:before, .expandables_expandable--open .expandables_title:after {
    display: none; }
  .expandables_expandable--closed .expandables_title span {
    color: #B6B6B6; }
  .expandables_expandable--closed .expandables_title:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg); }

.expandables_content {
  padding: 1.5625rem 0 0 0;
  overflow: hidden; }
  .expandables_content .test-card {
    margin: 0 0 1.25rem; }
  .expandables_content .btn {
    margin-top: 0;
    margin-left: 4px;
    margin-right: 0; }

.words-table {
  width: 100%; }
  .words-table thead {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start; }
    .words-table thead tr {
      background: transparent; }
  .words-table tbody {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start; }
  .words-table tr {
    flex-flow: row wrap;
    margin-bottom: .25em;
    background: #fff; }
    @media only screen and (min-width: 768px) {
      .words-table tr {
        flex-flow: row nowrap; } }
    .words-table tr th {
      display: flex;
      flex-flow: row;
      align-items: flex-start;
      justify-content: flex-start;
      flex: 1; }
      .words-table tr th.audio {
        flex: 0 0 5em; }
      .words-table tr th .tag {
        padding: .5em 1.75em;
        margin: 0 0 .5em;
        background: transparent; }
    .words-table tr td {
      display: flex;
      flex-flow: row;
      align-items: flex-start;
      justify-content: flex-start;
      margin-bottom: 0;
      flex: 1;
      position: relative;
      line-height: 1.5em;
      text-transform: none; }
      .words-table tr td:first-child {
        flex: 1 0 100%; }
        .words-table tr td:first-child::after {
          position: absolute;
          bottom: 0;
          right: 0;
          left: auto;
          -webkit-transform: none;
                  transform: none;
          width: 100%;
          height: 2px;
          background: #EFEFEF;
          content: ''; }
      .words-table tr td:nth-child(2) {
        width: calc(100% - 4em); }
      .words-table tr td:last-child {
        flex: 0;
        width: 4em; }
      .words-table tr td .audiolink {
        width: 1.5em;
        height: 1.5em;
        padding: 0 1em;
        margin: 0; }
        .words-table tr td .audiolink::before {
          width: 1.2em;
          height: 1.2em; }
      @media only screen and (min-width: 768px) {
        .words-table tr td:first-child {
          flex: 1; }
          .words-table tr td:first-child::after {
            bottom: 0;
            top: 30%;
            right: 0;
            left: auto;
            width: 2px;
            height: 40%; } }
  .words-table--grey tr {
    background: #EFEFEF; }
    .words-table--grey tr td:first-child::after {
      background: #B6B6B6; }
    .words-table--grey tr td:nth-child(2)::after {
      display: none; }
  .words-table--surnames thead tr th {
    justify-content: flex-end; }
  .words-table--surnames tr {
    flex-flow: row wrap;
    position: relative;
    margin-top: 4em; }
    .words-table--surnames tr td:first-child {
      flex: 1 0 100%;
      position: absolute;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%);
      padding-bottom: .5em;
      width: 100%; }
      .words-table--surnames tr td:first-child::after {
        display: none; }
    .words-table--surnames tr td:nth-child(2)::after {
      position: absolute;
      bottom: 0;
      right: 0;
      left: auto;
      -webkit-transform: none;
              transform: none;
      width: 100%;
      height: 2px;
      background: #EFEFEF;
      content: ''; }
    .words-table--surnames tr td:nth-child(2), .words-table--surnames tr td:nth-child(4) {
      flex: 1 0 calc(100% - 5em); }
    .words-table--surnames tr td:nth-child(3) {
      flex: 0;
      width: 4em; }
      .words-table--surnames tr td:nth-child(3)::after {
        position: absolute;
        bottom: 0;
        right: 0;
        left: auto;
        -webkit-transform: none;
                transform: none;
        width: 100%;
        height: 2px;
        background: #EFEFEF;
        content: ''; }
    @media only screen and (min-width: 768px) {
      .words-table--surnames tr td:nth-child(2), .words-table--surnames tr td:nth-child(4) {
        flex: 1; }
        .words-table--surnames tr td:nth-child(2)::after, .words-table--surnames tr td:nth-child(4)::after {
          display: none; }
      .words-table--surnames tr td:nth-child(3)::after {
        position: absolute;
        bottom: auto;
        top: 30%;
        right: 0;
        left: auto;
        width: 2px;
        height: 40%; } }

.lgscreen[data-stype="introduction"] .screencontent {
  display: grid;
  grid-template-columns: auto 17.5rem auto;
  grid-template-rows: auto 3.75rem auto;
  padding: 3.75rem 1.5625rem 1.875rem;
  background: #fff;
  border-radius: .5rem; }
  .lgscreen[data-stype="introduction"] .screencontent.centred {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center; }
    .lgscreen[data-stype="introduction"] .screencontent.centred h2 {
      margin-bottom: 1em;
      width: auto; }
  .lgscreen[data-stype="introduction"] .screencontent .introleft {
    grid-column: 1 / 4;
    grid-row: 3 / 3; }
  .lgscreen[data-stype="introduction"] .screencontent .introright {
    grid-column: 2 / 3;
    grid-row: 1 / 1; }
  @media only screen and (min-width: 768px) {
    .lgscreen[data-stype="introduction"] .screencontent {
      grid-template-columns: auto 3.125rem auto;
      grid-template-rows: auto;
      padding-top: 1.875rem; }
      .lgscreen[data-stype="introduction"] .screencontent .introleft {
        grid-column: 1 / 2;
        grid-row: 1 / 1; }
      .lgscreen[data-stype="introduction"] .screencontent .introright {
        grid-column: 3 / 4;
        grid-row: 1 / 1; } }

.lgscreen[data-stype="introduction"] .screencontent > h2 {
  display: none; }

.lgscreen[data-stype="introduction"] .introleft > p:empty {
  display: none; }

.lgscreen[data-stype="introduction"] .introright img {
  max-width: 100%;
  vertical-align: top; }

.lgscreen[data-stype="single_image"] .screencontent {
  display: grid;
  grid-template-columns: 1.5625rem auto 1.5625rem;
  grid-template-rows: auto 1.25rem 1.25rem auto 2.5rem auto 1.25rem;
  padding: 3.75rem 1.5625rem 1.875rem;
  background: white;
  border-radius: 0.3125rem; }
  .lgscreen[data-stype="single_image"] .screencontent.noimage {
    grid-template-rows: auto 0 1.25rem auto 1.25rem auto 1.25rem;
    padding: 1.875rem 1.5625rem 1.875rem; }
  .lgscreen[data-stype="single_image"] .screencontent .mainImageCont {
    grid-column: 1 / 4;
    grid-row: 1 / 1; }
  .lgscreen[data-stype="single_image"] .screencontent .english {
    grid-column: 2 / 3;
    grid-row: 4 / 4; }
    .lgscreen[data-stype="single_image"] .screencontent .english.revealTrans span {
      opacity: 1;
      transition: opacity .2s ease;
      pointer-events: none; }
    .lgscreen[data-stype="single_image"] .screencontent .english.revealTrans.hidden {
      position: relative;
      visibility: visible;
      cursor: pointer; }
      .lgscreen[data-stype="single_image"] .screencontent .english.revealTrans.hidden::before {
        position: absolute;
        left: 0;
        color: #B6B6B6;
        pointer-events: none;
        content: 'Reveal Translation'; }
      .lgscreen[data-stype="single_image"] .screencontent .english.revealTrans.hidden span {
        opacity: 0; }
  .lgscreen[data-stype="single_image"] .screencontent .gaelic,
  .lgscreen[data-stype="single_image"] .screencontent .playpause {
    grid-column: 2 / 3;
    grid-row: 6 / 6; }
  .lgscreen[data-stype="single_image"] .screencontent:before {
    content: '';
    display: block;
    grid-column: 1 / 4;
    grid-row: 3 / 8;
    background: #EFEFEF;
    border-radius: 0.3125rem; }
  .lgscreen[data-stype="single_image"] .screencontent:after {
    content: '';
    display: block;
    width: 100%;
    height: 0.125rem;
    grid-column: 2 / 3;
    grid-row: 5 / 5;
    justify-self: center;
    align-self: center;
    background: white; }
  @media only screen and (min-width: 768px) {
    .lgscreen[data-stype="single_image"] .screencontent {
      grid-template-columns: 1.5625rem 1fr 3.125rem 1fr 1.5625rem;
      grid-template-rows: auto 3.75rem 1.5625rem auto 1.25rem; }
      .lgscreen[data-stype="single_image"] .screencontent .mainImageCont {
        grid-column: 1 / 6;
        grid-row: 1 / 1; }
      .lgscreen[data-stype="single_image"] .screencontent .english {
        grid-column: 2 / 3;
        grid-row: 4 / 4; }
      .lgscreen[data-stype="single_image"] .screencontent .gaelic,
      .lgscreen[data-stype="single_image"] .screencontent .playpause {
        grid-column: 4 / 5;
        grid-row: 4 / 4; }
      .lgscreen[data-stype="single_image"] .screencontent:before {
        grid-column: 1 / 6;
        grid-row: 3 / 6; }
      .lgscreen[data-stype="single_image"] .screencontent:after {
        width: 0.125rem;
        height: 2.75rem;
        grid-column: 3 / 3;
        grid-row: 3 / 6; } }

.lgscreen[data-stype="single_image"] .mainImageCont {
  text-align: center; }
  .lgscreen[data-stype="single_image"] .mainImageCont img {
    max-width: 17.5rem;
    vertical-align: top;
    cursor: pointer; }

.lgscreen[data-stype="single_image"] .english,
.lgscreen[data-stype="single_image"] .gaelic {
  position: relative;
  margin: 0; }
  .lgscreen[data-stype="single_image"] .english:after,
  .lgscreen[data-stype="single_image"] .gaelic:after {
    content: 'ENGLISH';
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    padding: 0.3125rem 0.625rem;
    width: 5rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    font-family: "Freight-sans-pro", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: #B6B6B6;
    text-align: center;
    background: white;
    border-radius: 0.3125rem; }

.lgscreen[data-stype="single_image"] .gaelic {
  padding-right: 3.125rem; }
  .lgscreen[data-stype="single_image"] .gaelic:after {
    content: "GAELIC"; }

.lgscreen[data-stype="single_image"] .audiolink {
  display: block;
  width: 100%;
  height: 100%; }
  .lgscreen[data-stype="single_image"] .audiolink i {
    display: none !important; }
  .lgscreen[data-stype="single_image"] .audiolink:before {
    width: 1.25rem;
    height: 1.25rem;
    left: auto;
    right: 0; }

@media only screen and (min-width: 600px) and (max-width: 767px) {
  .lgscreen[data-stype="single_image"] .english:after,
  .lgscreen[data-stype="single_image"] .gaelic:after {
    display: block; }
  .lgscreen[data-stype="single_image"] .gaelic {
    padding-right: 8.125rem; }
  .lgscreen[data-stype="single_image"] .audiolink:before {
    right: 5.3125rem; } }

@media only screen and (min-width: 1024px) {
  .lgscreen[data-stype="single_image"] .english:after,
  .lgscreen[data-stype="single_image"] .gaelic:after {
    display: block; }
  .lgscreen[data-stype="single_image"] .english {
    padding-right: 6.25rem; }
  .lgscreen[data-stype="single_image"] .gaelic {
    padding-right: 8.125rem; }
  .lgscreen[data-stype="single_image"] .audiolink:before {
    right: 5.3125rem; } }

.lgscreen[data-stype="multi_image"] .screencontent {
  display: grid;
  grid-template-columns: 1fr 3.75rem 1fr;
  grid-template-rows: auto 2.5rem auto 2.5rem auto;
  padding: 1.875rem 1.875rem 1.875rem;
  background: white;
  border-radius: 0.3125rem; }
  .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(1), .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(2) {
    grid-row: 1 / 1; }
  .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(1) {
    grid-column: 1 / 2; }
  .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(2) {
    grid-column: 3 / 4; }
  .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(3), .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(4) {
    grid-row: 3 / 3; }
  .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(3) {
    grid-column: 1 / 2; }
  .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(4) {
    grid-column: 3 / 4; }
  .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(5), .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(6) {
    grid-row: 5 / 5; }
  .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(5) {
    grid-column: 1 / 2; }
  .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(6) {
    grid-column: 3 / 4; }
  @media only screen and (min-width: 768px) {
    .lgscreen[data-stype="multi_image"] .screencontent {
      grid-template-columns: 1fr 5rem 1fr 5rem 1fr;
      grid-template-rows: auto 2.5rem auto;
      padding: 1.875rem 3.75rem 2.5rem; }
      .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(1), .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(2), .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(3) {
        grid-row: 1 / 1; }
      .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(1) {
        grid-column: 1 / 2; }
      .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(2) {
        grid-column: 3 / 4; }
      .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(3) {
        grid-column: 5 / 6; }
      .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(4), .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(5), .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(6) {
        grid-row: 3 / 3; }
      .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(4) {
        grid-column: 1 / 2; }
      .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(5) {
        grid-column: 3 / 4; }
      .lgscreen[data-stype="multi_image"] .screencontent > div:nth-child(6) {
        grid-column: 5 / 6; } }

.lgscreen[data-stype="multi_image"] .screencontent > div {
  opacity: 0;
  width: auto; }
  .lgscreen[data-stype="multi_image"] .screencontent > div .gaelic {
    text-align: center; }
  .lgscreen[data-stype="multi_image"] .screencontent > div .english {
    display: none; }
  .lgscreen[data-stype="multi_image"] .screencontent > div .mainImageCont {
    margin-top: 0.625rem;
    width: 100%;
    cursor: pointer; }
    .lgscreen[data-stype="multi_image"] .screencontent > div .mainImageCont img {
      width: 100%; }

.lgscreen[data-stype="dialog"] .screencontent {
  background: #fff;
  /* CSS Speech boxes */ }
  .lgscreen[data-stype="dialog"] .screencontent .dialog {
    padding-bottom: 63%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative; }
  .lgscreen[data-stype="dialog"] .screencontent .bubble p {
    position: relative;
    z-index: 1;
    margin: .5em .25em; }
    .lgscreen[data-stype="dialog"] .screencontent .bubble p:last-child {
      margin-bottom: .5em; }
  .lgscreen[data-stype="dialog"] .screencontent .bubble_r, .lgscreen[data-stype="dialog"] .screencontent .bubble_l, .lgscreen[data-stype="dialog"] .screencontent .bubble_b, .lgscreen[data-stype="dialog"] .screencontent .bubble_t {
    position: absolute;
    z-index: 50;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    /* prevents clicks being registered*/
    background-color: whitesmoke;
    width: 30%;
    padding: 1%;
    border-radius: 6px;
    box-shadow: 4px 2px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.4);
    margin: 0; }
  .lgscreen[data-stype="dialog"] .screencontent .bubble_l::after {
    content: "";
    width: 26px;
    height: 26px;
    border-top: 1px solid rgba(0, 0, 0, 0.4);
    border-right: 1px solid rgba(0, 0, 0, 0.4);
    box-shadow: 5px 0px rgba(0, 0, 0, 0.3);
    background-color: whitesmoke;
    right: -14px;
    position: absolute;
    top: 10px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .lgscreen[data-stype="dialog"] .screencontent .bubble_r::after {
    content: "";
    width: 26px;
    height: 26px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    border-left: 1px solid rgba(0, 0, 0, 0.4);
    box-shadow: 0px 5px rgba(0, 0, 0, 0.3);
    background-color: whitesmoke;
    left: -14px;
    position: absolute;
    top: 10px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .lgscreen[data-stype="dialog"] .screencontent .bubble_b::after {
    content: "";
    width: 26px;
    height: 26px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    border-left: 1px solid rgba(0, 0, 0, 0.4);
    box-shadow: 0px 5px rgba(0, 0, 0, 0.3);
    background-color: whitesmoke;
    left: 50%;
    left: calc(50% - 14px);
    position: absolute;
    bottom: -14px;
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg); }
  .lgscreen[data-stype="dialog"] .screencontent .bubble_t::after {
    content: "";
    width: 26px;
    height: 26px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    border-right: 1px solid rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px rgba(0, 0, 0, 0.3);
    background-color: whitesmoke;
    left: 50%;
    left: calc(50% - 14px);
    position: absolute;
    top: -14px;
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg); }
  .lgscreen[data-stype="dialog"] .screencontent .jp-video.jp-video-270p {
    max-width: none;
    margin-bottom: 0; }
  .lgscreen[data-stype="dialog"] .screencontent .jp-jplayer {
    padding: 0;
    border: 0; }
  .lgscreen[data-stype="dialog"] .screencontent .jp-interface {
    width: 100%; }
    .lgscreen[data-stype="dialog"] .screencontent .jp-interface .progress-holder .progress-bar-holder {
      width: calc(100% - 100px); }
    .lgscreen[data-stype="dialog"] .screencontent .jp-interface .progress-holder .jp-duration {
      right: 0; }
  .lgscreen[data-stype="dialog"] .screencontent .jp-jump {
    position: absolute;
    bottom: 25px;
    background-color: #523d57;
    cursor: pointer;
    color: white;
    padding: 0 4px;
    border-radius: 6px; }
  .lgscreen[data-stype="dialog"] .screencontent .jp-back {
    left: 0; }
  .lgscreen[data-stype="dialog"] .screencontent .jp-forward {
    right: 10px; }
  .lgscreen[data-stype="dialog"] .screencontent .jp-jump:hover {
    background-color: white;
    color: #533e57; }
  .lgscreen[data-stype="dialog"] .screencontent .pink {
    color: fuchsia; }
  .lgscreen[data-stype="dialog"] .screencontent .cf::before,
  .lgscreen[data-stype="dialog"] .screencontent .cf::after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .lgscreen[data-stype="dialog"] .screencontent .cf::after {
    clear: both; }
  .lgscreen[data-stype="dialog"] .screencontent .dp {
    display: none; }

.lgscreen[data-stype="dialog"] .knob {
  margin-right: 2rem; }
  .lgscreen[data-stype="dialog"] .knob_wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: -1rem auto 1rem;
    padding: 2rem 1rem 1rem;
    background: rgba(255, 255, 255, 0.5);
    border-bottom-left-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem; }
  .lgscreen[data-stype="dialog"] .knob_info h6 {
    margin-bottom: .5em;
    border: 0; }
  .lgscreen[data-stype="dialog"] .knob_info p {
    line-height: 1.25; }

.lgscreen[data-stype="dialog"] .transcriptnote {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2rem 0.5rem;
  margin-top: 2em; }
  @media only screen and (min-width: 768px) {
    .lgscreen[data-stype="dialog"] .transcriptnote {
      padding: 2rem; } }
  .lgscreen[data-stype="dialog"] .transcriptnote .transcript {
    flex: 1;
    max-height: none;
    opacity: 1; }
    .lgscreen[data-stype="dialog"] .transcriptnote .transcript:first-child {
      margin-right: 1em; }
      @media only screen and (min-width: 768px) {
        .lgscreen[data-stype="dialog"] .transcriptnote .transcript:first-child {
          margin-right: 2em; } }
    .lgscreen[data-stype="dialog"] .transcriptnote .transcript h2 {
      margin-bottom: 1em;
      color: #B6B6B6; }
      @media only screen and (min-width: 768px) {
        .lgscreen[data-stype="dialog"] .transcriptnote .transcript h2 {
          font-size: 1.4em; } }
    .lgscreen[data-stype="dialog"] .transcriptnote .transcript p {
      margin-bottom: 1em; }
      @media only screen and (min-width: 768px) {
        .lgscreen[data-stype="dialog"] .transcriptnote .transcript p {
          font-size: 1.4em; } }
      .lgscreen[data-stype="dialog"] .transcriptnote .transcript p b {
        display: inline-block;
        width: 100%; }
        @media only screen and (min-width: 768px) {
          .lgscreen[data-stype="dialog"] .transcriptnote .transcript p b {
            width: auto; } }

.lgscreen .cf.navbuttons {
  justify-content: space-between;
  margin: 2em auto; }
  .lgscreen .cf.navbuttons .prev {
    margin-right: auto; }
  .lgscreen .cf.navbuttons .next {
    margin-left: auto; }
  .lgscreen .cf.navbuttons .prev.disabled,
  .lgscreen .cf.navbuttons .next.disabled {
    pointer-events: none;
    opacity: .5; }

div.question,
div#loading {
  display: none;
  padding: 2rem;
  margin: 0 auto;
  width: 100%;
  min-height: 60%;
  background-color: #fff;
  background-image: none;
  border: none;
  overflow: auto; }
  @media only screen and (min-width: 768px) {
    div.question,
    div#loading {
      padding: 3rem; } }
  div.question h2,
  div#loading h2 {
    margin-bottom: 1em;
    width: 100%; }
  div.question #introleft,
  div.question .question_text,
  div.question #introright,
  div.question .question_illustration,
  div#loading #introleft,
  div#loading .question_text,
  div#loading #introright,
  div#loading .question_illustration {
    width: 100%;
    vertical-align: middle;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      div.question #introleft,
      div.question .question_text,
      div.question #introright,
      div.question .question_illustration,
      div#loading #introleft,
      div#loading .question_text,
      div#loading #introright,
      div#loading .question_illustration {
        width: 50%; } }
  div.question #introright,
  div.question .question_illustration,
  div#loading #introright,
  div#loading .question_illustration {
    margin-top: 2em; }
    @media only screen and (min-width: 768px) {
      div.question #introright,
      div.question .question_illustration,
      div#loading #introright,
      div#loading .question_illustration {
        margin-top: 0; } }
  div.question .audio_multiple_choice_list,
  div.question .multiple_choice_list,
  div#loading .audio_multiple_choice_list,
  div#loading .multiple_choice_list {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start; }
    div.question .audio_multiple_choice_list li,
    div.question .multiple_choice_list li,
    div#loading .audio_multiple_choice_list li,
    div#loading .multiple_choice_list li {
      display: inline-block;
      width: auto; }
      div.question .audio_multiple_choice_list li input,
      div.question .multiple_choice_list li input,
      div#loading .audio_multiple_choice_list li input,
      div#loading .multiple_choice_list li input {
        position: absolute;
        z-index: -1;
        opacity: 0;
        pointer-events: none; }
      div.question .audio_multiple_choice_list li input:focus + label,
      div.question .audio_multiple_choice_list li input:checked + label,
      div.question .multiple_choice_list li input:focus + label,
      div.question .multiple_choice_list li input:checked + label,
      div#loading .audio_multiple_choice_list li input:focus + label,
      div#loading .audio_multiple_choice_list li input:checked + label,
      div#loading .multiple_choice_list li input:focus + label,
      div#loading .multiple_choice_list li input:checked + label {
        border-color: #303633; }
      div.question .audio_multiple_choice_list li label,
      div.question .multiple_choice_list li label,
      div#loading .audio_multiple_choice_list li label,
      div#loading .multiple_choice_list li label {
        display: inline-block;
        padding: .5em 3em;
        margin: 0 auto 1em;
        width: auto;
        background: #EFEFEF;
        border: 3px solid transparent;
        border-radius: .25em;
        cursor: pointer; }
      div.question .audio_multiple_choice_list li .tick,
      div.question .audio_multiple_choice_list li .cross,
      div.question .audio_multiple_choice_list li .manicule,
      div.question .multiple_choice_list li .tick,
      div.question .multiple_choice_list li .cross,
      div.question .multiple_choice_list li .manicule,
      div#loading .audio_multiple_choice_list li .tick,
      div#loading .audio_multiple_choice_list li .cross,
      div#loading .audio_multiple_choice_list li .manicule,
      div#loading .multiple_choice_list li .tick,
      div#loading .multiple_choice_list li .cross,
      div#loading .multiple_choice_list li .manicule {
        position: absolute;
        left: .5em;
        top: 0;
        z-index: 1;
        margin-top: .25em;
        width: 1em;
        height: 1em;
        text-indent: -9999px; }
      div.question .audio_multiple_choice_list li .tick::before,
      div.question .multiple_choice_list li .tick::before,
      div#loading .audio_multiple_choice_list li .tick::before,
      div#loading .multiple_choice_list li .tick::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 1.2em;
        height: 1.2em;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%233ab049%22%20d%3D%22M13.78%2023.88c-.09.07-.19.12-.3.12-.12%200-.21-.05-.3-.12l-7.15-7.15c-.16-.16-.16-.44%200-.61l2.95-2.95c.16-.16.44-.16.61%200l3.9%203.93%208.96-8.98c.16-.16.44-.16.61%200l2.95%202.95c.16.16.16.44%200%20.61l-12.23%2012.2z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        pointer-events: none;
        content: ''; }
      div.question .audio_multiple_choice_list li .cross::before,
      div.question .multiple_choice_list li .cross::before,
      div#loading .audio_multiple_choice_list li .cross::before,
      div#loading .multiple_choice_list li .cross::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 1.2em;
        height: 1.2em;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e55f59%22%20d%3D%22M24%2020.94c0%200.11-0.04%200.19-0.11%200.27l-2.68%202.68C21.13%2023.96%2021.05%2024%2020.94%2024c-0.11%200-0.19-0.04-0.28-0.11L16%2019.23l-4.66%204.66C11.25%2023.96%2011.17%2024%2011.06%2024c-0.11%200-0.19-0.04-0.27-0.11l-2.68-2.68C8.04%2021.13%208%2021.04%208%2020.94c0-0.11%200.04-0.19%200.11-0.27L12.77%2016l-4.66-4.66C8.04%2011.25%208%2011.17%208%2011.06c0-0.11%200.04-0.19%200.11-0.27l2.68-2.68C10.87%208.04%2010.95%208%2011.06%208c0.11%200%200.19%200.04%200.28%200.11L16%2012.77l4.66-4.67C20.75%208.04%2020.83%208%2020.94%208c0.11%200%200.19%200.04%200.27%200.11l2.68%202.68c0.06%200.08%200.11%200.17%200.11%200.27%200%200.11-0.04%200.19-0.11%200.27L19.23%2016l4.66%204.67C23.96%2020.75%2024%2020.83%2024%2020.94z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        pointer-events: none;
        content: ''; }
      div.question .audio_multiple_choice_list li .manicule::before,
      div.question .multiple_choice_list li .manicule::before,
      div#loading .audio_multiple_choice_list li .manicule::before,
      div#loading .multiple_choice_list li .manicule::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 1.2em;
        height: 1.2em;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%233ab049%22%20d%3D%22M13.78%2023.88c-.09.07-.19.12-.3.12-.12%200-.21-.05-.3-.12l-7.15-7.15c-.16-.16-.16-.44%200-.61l2.95-2.95c.16-.16.44-.16.61%200l3.9%203.93%208.96-8.98c.16-.16.44-.16.61%200l2.95%202.95c.16.16.16.44%200%20.61l-12.23%2012.2z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        pointer-events: none;
        content: ''; }
  div.question .match_lists_gd.match_lists_gd, div.question .match_lists_gd.match_lists_en,
  div.question .sortable_match.match_lists_gd,
  div.question .sortable_match.match_lists_en,
  div.question .sortable.match_lists_gd,
  div.question .sortable.match_lists_en,
  div#loading .match_lists_gd.match_lists_gd,
  div#loading .match_lists_gd.match_lists_en,
  div#loading .sortable_match.match_lists_gd,
  div#loading .sortable_match.match_lists_en,
  div#loading .sortable.match_lists_gd,
  div#loading .sortable.match_lists_en {
    width: calc(50% - .5em); }
  div.question .match_lists_gd.match_lists_en,
  div.question .sortable_match.match_lists_en,
  div.question .sortable.match_lists_en,
  div#loading .match_lists_gd.match_lists_en,
  div#loading .sortable_match.match_lists_en,
  div#loading .sortable.match_lists_en {
    margin-left: 1em; }
  div.question .match_lists_gd li.qwrap,
  div.question .sortable_match li.qwrap,
  div.question .sortable li.qwrap,
  div#loading .match_lists_gd li.qwrap,
  div#loading .sortable_match li.qwrap,
  div#loading .sortable li.qwrap {
    position: relative;
    padding: 1em;
    margin: 1em 0;
    background: #EFEFEF;
    border: 2px solid #EFEFEF;
    border-radius: .25em;
    text-align: center;
    cursor: move; }
    div.question .match_lists_gd li.qwrap.ui-sortable-helper,
    div.question .sortable_match li.qwrap.ui-sortable-helper,
    div.question .sortable li.qwrap.ui-sortable-helper,
    div#loading .match_lists_gd li.qwrap.ui-sortable-helper,
    div#loading .sortable_match li.qwrap.ui-sortable-helper,
    div#loading .sortable li.qwrap.ui-sortable-helper {
      box-shadow: 0 0 1em 0 rgba(48, 54, 51, 0.5); }
    div.question .match_lists_gd li.qwrap .immoveable_li, div.question .match_lists_gd li.qwrap.immoveable_li,
    div.question .sortable_match li.qwrap .immoveable_li,
    div.question .sortable_match li.qwrap.immoveable_li,
    div.question .sortable li.qwrap .immoveable_li,
    div.question .sortable li.qwrap.immoveable_li,
    div#loading .match_lists_gd li.qwrap .immoveable_li,
    div#loading .match_lists_gd li.qwrap.immoveable_li,
    div#loading .sortable_match li.qwrap .immoveable_li,
    div#loading .sortable_match li.qwrap.immoveable_li,
    div#loading .sortable li.qwrap .immoveable_li,
    div#loading .sortable li.qwrap.immoveable_li {
      border-color: #303633; }
      div.question .match_lists_gd li.qwrap .immoveable_li::before, div.question .match_lists_gd li.qwrap.immoveable_li::before,
      div.question .sortable_match li.qwrap .immoveable_li::before,
      div.question .sortable_match li.qwrap.immoveable_li::before,
      div.question .sortable li.qwrap .immoveable_li::before,
      div.question .sortable li.qwrap.immoveable_li::before,
      div#loading .match_lists_gd li.qwrap .immoveable_li::before,
      div#loading .match_lists_gd li.qwrap.immoveable_li::before,
      div#loading .sortable_match li.qwrap .immoveable_li::before,
      div#loading .sortable_match li.qwrap.immoveable_li::before,
      div#loading .sortable li.qwrap .immoveable_li::before,
      div#loading .sortable li.qwrap.immoveable_li::before {
        width: 1em;
        height: 2px;
        background-color: #303633;
        top: 50%;
        left: -1em; }
    div.question .match_lists_gd li.qwrap .tick,
    div.question .match_lists_gd li.qwrap .cross,
    div.question .match_lists_gd li.qwrap .manicule,
    div.question .sortable_match li.qwrap .tick,
    div.question .sortable_match li.qwrap .cross,
    div.question .sortable_match li.qwrap .manicule,
    div.question .sortable li.qwrap .tick,
    div.question .sortable li.qwrap .cross,
    div.question .sortable li.qwrap .manicule,
    div#loading .match_lists_gd li.qwrap .tick,
    div#loading .match_lists_gd li.qwrap .cross,
    div#loading .match_lists_gd li.qwrap .manicule,
    div#loading .sortable_match li.qwrap .tick,
    div#loading .sortable_match li.qwrap .cross,
    div#loading .sortable_match li.qwrap .manicule,
    div#loading .sortable li.qwrap .tick,
    div#loading .sortable li.qwrap .cross,
    div#loading .sortable li.qwrap .manicule {
      position: absolute;
      left: .5em;
      top: 0;
      z-index: 1;
      margin-top: .5em;
      width: 1em;
      height: 1em;
      text-indent: -9999px; }
    div.question .match_lists_gd li.qwrap .tick::before,
    div.question .sortable_match li.qwrap .tick::before,
    div.question .sortable li.qwrap .tick::before,
    div#loading .match_lists_gd li.qwrap .tick::before,
    div#loading .sortable_match li.qwrap .tick::before,
    div#loading .sortable li.qwrap .tick::before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 1.2em;
      height: 1.2em;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%233ab049%22%20d%3D%22M13.78%2023.88c-.09.07-.19.12-.3.12-.12%200-.21-.05-.3-.12l-7.15-7.15c-.16-.16-.16-.44%200-.61l2.95-2.95c.16-.16.44-.16.61%200l3.9%203.93%208.96-8.98c.16-.16.44-.16.61%200l2.95%202.95c.16.16.16.44%200%20.61l-12.23%2012.2z%22%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      pointer-events: none;
      content: ''; }
    div.question .match_lists_gd li.qwrap .cross::before,
    div.question .sortable_match li.qwrap .cross::before,
    div.question .sortable li.qwrap .cross::before,
    div#loading .match_lists_gd li.qwrap .cross::before,
    div#loading .sortable_match li.qwrap .cross::before,
    div#loading .sortable li.qwrap .cross::before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 1.2em;
      height: 1.2em;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e55f59%22%20d%3D%22M24%2020.94c0%200.11-0.04%200.19-0.11%200.27l-2.68%202.68C21.13%2023.96%2021.05%2024%2020.94%2024c-0.11%200-0.19-0.04-0.28-0.11L16%2019.23l-4.66%204.66C11.25%2023.96%2011.17%2024%2011.06%2024c-0.11%200-0.19-0.04-0.27-0.11l-2.68-2.68C8.04%2021.13%208%2021.04%208%2020.94c0-0.11%200.04-0.19%200.11-0.27L12.77%2016l-4.66-4.66C8.04%2011.25%208%2011.17%208%2011.06c0-0.11%200.04-0.19%200.11-0.27l2.68-2.68C10.87%208.04%2010.95%208%2011.06%208c0.11%200%200.19%200.04%200.28%200.11L16%2012.77l4.66-4.67C20.75%208.04%2020.83%208%2020.94%208c0.11%200%200.19%200.04%200.27%200.11l2.68%202.68c0.06%200.08%200.11%200.17%200.11%200.27%200%200.11-0.04%200.19-0.11%200.27L19.23%2016l4.66%204.67C23.96%2020.75%2024%2020.83%2024%2020.94z%22%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      pointer-events: none;
      content: ''; }
    div.question .match_lists_gd li.qwrap .manicule::before,
    div.question .sortable_match li.qwrap .manicule::before,
    div.question .sortable li.qwrap .manicule::before,
    div#loading .match_lists_gd li.qwrap .manicule::before,
    div#loading .sortable_match li.qwrap .manicule::before,
    div#loading .sortable li.qwrap .manicule::before {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 1.2em;
      height: 1.2em;
      background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%233ab049%22%20d%3D%22M13.78%2023.88c-.09.07-.19.12-.3.12-.12%200-.21-.05-.3-.12l-7.15-7.15c-.16-.16-.16-.44%200-.61l2.95-2.95c.16-.16.44-.16.61%200l3.9%203.93%208.96-8.98c.16-.16.44-.16.61%200l2.95%202.95c.16.16.16.44%200%20.61l-12.23%2012.2z%22%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain;
      pointer-events: none;
      content: ''; }
  div.question .match_lists_gd .sortable-placeholder,
  div.question .sortable_match .sortable-placeholder,
  div.question .sortable .sortable-placeholder,
  div#loading .match_lists_gd .sortable-placeholder,
  div#loading .sortable_match .sortable-placeholder,
  div#loading .sortable .sortable-placeholder {
    background-color: #EFEFEF;
    width: 100%;
    border: 1px dashed #303633;
    height: 5em;
    opacity: .5; }
  div.question[data-qtype=audio_freetype] a.audiolink, div.question[data-qtype=audio_multiple_choice] a.audiolink,
  div#loading[data-qtype=audio_freetype] a.audiolink,
  div#loading[data-qtype=audio_multiple_choice] a.audiolink {
    margin: 0 auto 2em;
    width: 5em;
    height: 5em;
    background-size: 100%;
    float: none; }
    div.question[data-qtype=audio_freetype] a.audiolink::before, div.question[data-qtype=audio_multiple_choice] a.audiolink::before,
    div#loading[data-qtype=audio_freetype] a.audiolink::before,
    div#loading[data-qtype=audio_multiple_choice] a.audiolink::before {
      display: none; }
    div.question[data-qtype=audio_freetype] a.audiolink:hover, div.question[data-qtype=audio_multiple_choice] a.audiolink:hover,
    div#loading[data-qtype=audio_freetype] a.audiolink:hover,
    div#loading[data-qtype=audio_multiple_choice] a.audiolink:hover {
      background-position: 0 5.1em; }
  div.question[data-qtype=audio_freetype] input.audio_freetype_input, div.question[data-qtype=audio_multiple_choice] input.audio_freetype_input,
  div#loading[data-qtype=audio_freetype] input.audio_freetype_input,
  div#loading[data-qtype=audio_multiple_choice] input.audio_freetype_input {
    display: inline-block;
    padding: .5em;
    margin: 2em auto;
    font-size: 1.2em;
    color: #303633;
    border: 2px solid #EFEFEF;
    border-radius: .25em; }
  div.question #lessonAgainButton,
  div.question #nextLessonButton,
  div.question #tryAgainButton,
  div.question #lessonIndexButton,
  div#loading #lessonAgainButton,
  div#loading #nextLessonButton,
  div#loading #tryAgainButton {
    margin: 0 1em 1em; }
  div.question button.advance,
  div#loading button.advance {
    margin: 2em 0 0 auto; }

.home-intro {
  position: relative;
  overflow: hidden;
  padding: 4.5rem 0 0;
  text-align: center; }
  .home-intro > h1 {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 10em;
    color: #303633; }
    .home-intro > h1 br {
      display: none; }
  .home-intro > .btn {
    position: relative;
    z-index: 2; }
  .home-intro_introduction {
    position: relative;
    z-index: 2;
    padding: 0 1.875rem;
    margin: 1.875rem 0; }
    .home-intro_introduction > p {
      margin: 0 auto;
      max-width: 28em;
      color: #303633; }
  .home-intro:before, .home-intro:after {
    content: '';
    display: block;
    position: relative;
    z-index: 1; }
  .home-intro:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5rem;
    background: #ADF5FF; }
  .home-intro:after {
    margin: -1.875rem 0 1.5625rem;
    width: 100%;
    height: 0;
    padding-bottom: 98.96%;
    background: transparent url("/images/illustrations/homepage-header-tablet.png") bottom center no-repeat;
    background-size: 100%; }
  @media only screen and (min-width: 425px) {
    .home-intro:after {
      margin-top: -5rem; } }
  @media only screen and (min-width: 768px) {
    .home-intro {
      padding-bottom: 40.3125rem; }
      .home-intro > h1 br {
        display: inline-block; }
      .home-intro:before, .home-intro:after {
        position: absolute; }
      .home-intro:before {
        height: 10.625rem; }
      .home-intro:after {
        left: 50%;
        bottom: 3.75rem;
        margin: 0;
        padding-bottom: 0;
        width: 71.25rem;
        height: 70.5rem;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        background: transparent url("/images/illustrations/homepage-header.png") bottom center no-repeat;
        background-size: 100%; } }
  @media only screen and (min-width: 1024px) {
    .home-intro {
      padding-bottom: 47.5rem; }
      .home-intro:before {
        height: 12.5rem; }
      .home-intro:after {
        width: 87.5rem;
        height: 66.3125rem;
        background-size: auto; } }

.home-section_introduction {
  margin-bottom: 3.75rem;
  text-align: center; }
  .home-section_introduction .h2 {
    margin-bottom: .3em; }
  .home-section_introduction .p,
  .home-section_introduction .p--intro {
    margin-left: auto;
    margin-right: auto;
    max-width: 26em; }
  .home-section_introduction .p--intro {
    max-width: 23em; }
  .home-section_introduction--left-aligned {
    text-align: left; }
  .home-section_introduction--on-dark .h2 {
    color: white; }
  .home-section_introduction--on-dark .p {
    color: white; }

.home-section_level {
  padding-top: 0; }
  @media only screen and (min-width: 768px) {
    .home-section_level .section {
      position: relative;
      min-height: 55rem; }
      .home-section_level .section:after {
        z-index: 1;
        content: '';
        display: block;
        position: absolute;
        bottom: -8.125rem;
        left: -7.5rem;
        width: 350px;
        height: 639px;
        background: transparent url("/images/illustrations/homepage-level-bw.png") left top no-repeat; }
    .home-section_level .home-section_introduction {
      padding-top: 1.6875rem;
      text-align: left; } }

.home-section_wotd > .h5 {
  text-align: center;
  color: white; }

.home-section_wotd .translator {
  margin-top: 1.25rem;
  margin-bottom: 2.5rem; }

.home-section_wotd_button {
  text-align: center; }

@media only screen and (min-width: 768px) {
  .home-section--dictionary {
    background: #074C61 url("/images/illustrations/homepage-dictionary-bg.png") center center no-repeat; } }

.quiz-form .bairbscreen,
.little-by-little .bairbscreen {
  padding: 0;
  width: 100%;
  background-color: transparent;
  background-image: none;
  border: none;
  box-shadow: none; }
  @media only screen and (min-width: 768px) {
    .quiz-form .bairbscreen,
    .little-by-little .bairbscreen {
      padding: 0; } }
  .quiz-form .bairbscreen .screencontent,
  .little-by-little .bairbscreen .screencontent {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1rem;
    width: 100%;
    background-color: #fff;
    background-image: none;
    border: none;
    box-shadow: none;
    border-radius: .5em; }
    @media only screen and (min-width: 768px) {
      .quiz-form .bairbscreen .screencontent,
      .little-by-little .bairbscreen .screencontent {
        padding: 2rem; } }
    .quiz-form .bairbscreen .screencontent h3,
    .quiz-form .bairbscreen .screencontent h4,
    .quiz-form .bairbscreen .screencontent p,
    .quiz-form .bairbscreen .screencontent ul,
    .little-by-little .bairbscreen .screencontent h3,
    .little-by-little .bairbscreen .screencontent h4,
    .little-by-little .bairbscreen .screencontent p,
    .little-by-little .bairbscreen .screencontent ul {
      flex: 1 0 100%; }
    .quiz-form .bairbscreen .screencontent h3,
    .little-by-little .bairbscreen .screencontent h3 {
      margin-bottom: 1em;
      max-width: none; }
    .quiz-form .bairbscreen .screencontent h4,
    .little-by-little .bairbscreen .screencontent h4 {
      margin-top: 1em;
      margin-bottom: .5em;
      max-width: none; }
      .quiz-form .bairbscreen .screencontent h4:first-child,
      .little-by-little .bairbscreen .screencontent h4:first-child {
        margin-top: 0; }
    .quiz-form .bairbscreen .screencontent p,
    .little-by-little .bairbscreen .screencontent p {
      margin-bottom: 1em; }
      .quiz-form .bairbscreen .screencontent p em,
      .little-by-little .bairbscreen .screencontent p em {
        font-style: italic; }
    .quiz-form .bairbscreen .screencontent ul,
    .quiz-form .bairbscreen .screencontent ol,
    .little-by-little .bairbscreen .screencontent ul,
    .little-by-little .bairbscreen .screencontent ol {
      margin: 0 0 1em;
      max-width: none; }
    .quiz-form .bairbscreen .screencontent ul:not(.pagination-pages):not(.phrasebooknav),
    .little-by-little .bairbscreen .screencontent ul:not(.pagination-pages):not(.phrasebooknav) {
      padding: 0;
      margin-bottom: 2em; }
      .quiz-form .bairbscreen .screencontent ul:not(.pagination-pages):not(.phrasebooknav) li ul,
      .little-by-little .bairbscreen .screencontent ul:not(.pagination-pages):not(.phrasebooknav) li ul {
        margin-top: 1em; }
    .quiz-form .bairbscreen .screencontent ol,
    .little-by-little .bairbscreen .screencontent ol {
      padding: 2rem;
      background: rgba(239, 239, 239, 0.5);
      border-radius: .25em; }
    .quiz-form .bairbscreen .screencontent .auphrase,
    .quiz-form .bairbscreen .screencontent .transphrase,
    .little-by-little .bairbscreen .screencontent .auphrase,
    .little-by-little .bairbscreen .screencontent .transphrase {
      display: inline-block;
      position: relative;
      flex: 0 0 100%;
      padding: .5em 1em;
      margin: 0 0 1em;
      width: auto;
      background: #EFEFEF;
      border-radius: .25em;
      font-family: "Freight-sans-pro", sans-serif; }
      @media only screen and (min-width: 768px) {
        .quiz-form .bairbscreen .screencontent .auphrase,
        .quiz-form .bairbscreen .screencontent .transphrase,
        .little-by-little .bairbscreen .screencontent .auphrase,
        .little-by-little .bairbscreen .screencontent .transphrase {
          flex: 0 0 50%; } }
      .quiz-form .bairbscreen .screencontent .auphrase:last-child,
      .quiz-form .bairbscreen .screencontent .transphrase:last-child,
      .little-by-little .bairbscreen .screencontent .auphrase:last-child,
      .little-by-little .bairbscreen .screencontent .transphrase:last-child {
        margin-bottom: 1em; }
      .quiz-form .bairbscreen .screencontent .auphrase a.au,
      .quiz-form .bairbscreen .screencontent .transphrase a.au,
      .little-by-little .bairbscreen .screencontent .auphrase a.au,
      .little-by-little .bairbscreen .screencontent .transphrase a.au {
        vertical-align: top;
        margin-top: .2em; }
    .quiz-form .bairbscreen .screencontent .auphrase,
    .little-by-little .bairbscreen .screencontent .auphrase {
      padding-bottom: .75em;
      font-weight: 600; }
      @media only screen and (min-width: 768px) {
        .quiz-form .bairbscreen .screencontent .auphrase,
        .little-by-little .bairbscreen .screencontent .auphrase {
          padding-bottom: .5em; } }
    .quiz-form .bairbscreen .screencontent .transphrase,
    .little-by-little .bairbscreen .screencontent .transphrase {
      margin-top: -1.25em;
      margin-left: 0; }
      .quiz-form .bairbscreen .screencontent .transphrase::before,
      .little-by-little .bairbscreen .screencontent .transphrase::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 2px;
        background: #fff;
        content: ''; }
      @media only screen and (min-width: 768px) {
        .quiz-form .bairbscreen .screencontent .transphrase,
        .little-by-little .bairbscreen .screencontent .transphrase {
          flex: 0 0 calc(50% + .5em);
          margin-top: 0;
          margin-left: -.5em; }
          .quiz-form .bairbscreen .screencontent .transphrase::before,
          .little-by-little .bairbscreen .screencontent .transphrase::before {
            left: 0;
            top: 20%;
            width: 2px;
            height: 60%; } }
    .quiz-form .bairbscreen .screencontent .set,
    .little-by-little .bairbscreen .screencontent .set {
      display: flex;
      flex-flow: row wrap;
      padding: .5em;
      margin: .5em auto;
      width: 100%;
      max-width: none;
      background: transparent;
      border: 2px solid #EFEFEF;
      border-radius: .5em; }
      .quiz-form .bairbscreen .screencontent .set .transphrase,
      .quiz-form .bairbscreen .screencontent .set .auphrase,
      .little-by-little .bairbscreen .screencontent .set .transphrase,
      .little-by-little .bairbscreen .screencontent .set .auphrase {
        margin-bottom: .5em; }
        .quiz-form .bairbscreen .screencontent .set .transphrase:last-child,
        .quiz-form .bairbscreen .screencontent .set .auphrase:last-child,
        .little-by-little .bairbscreen .screencontent .set .transphrase:last-child,
        .little-by-little .bairbscreen .screencontent .set .auphrase:last-child {
          margin-bottom: 0; }
      .quiz-form .bairbscreen .screencontent .set .sm,
      .little-by-little .bairbscreen .screencontent .set .sm {
        flex: 100%; }
    .quiz-form .bairbscreen .screencontent .plyr--audio,
    .little-by-little .bairbscreen .screencontent .plyr--audio {
      margin: 1em auto;
      width: 100%;
      max-width: none; }
      .quiz-form .bairbscreen .screencontent .plyr--audio .plyr__controls,
      .little-by-little .bairbscreen .screencontent .plyr--audio .plyr__controls {
        border: 2px solid #EFEFEF; }
    .quiz-form .bairbscreen .screencontent .plyr--video,
    .little-by-little .bairbscreen .screencontent .plyr--video {
      margin: 1em auto;
      width: 100%;
      max-width: none; }
    .quiz-form .bairbscreen .screencontent .bairbvid,
    .little-by-little .bairbscreen .screencontent .bairbvid {
      width: 100%;
      max-width: none;
      height: auto;
      margin: 0;
      display: block; }
    .quiz-form .bairbscreen .screencontent dl.convo,
    .little-by-little .bairbscreen .screencontent dl.convo {
      display: flex;
      flex-flow: row wrap;
      align-items: flex-start;
      justify-content: flex-start;
      max-width: none; }
      @media only screen and (min-width: 768px) {
        .quiz-form .bairbscreen .screencontent dl.convo,
        .little-by-little .bairbscreen .screencontent dl.convo {
          flex: 1 0 100%; } }
      .quiz-form .bairbscreen .screencontent dl.convo dt,
      .quiz-form .bairbscreen .screencontent dl.convo dd,
      .little-by-little .bairbscreen .screencontent dl.convo dt,
      .little-by-little .bairbscreen .screencontent dl.convo dd {
        margin-bottom: 0; }
      .quiz-form .bairbscreen .screencontent dl.convo dt,
      .little-by-little .bairbscreen .screencontent dl.convo dt {
        flex: 1 0 100%;
        font-weight: 600;
        text-align: left;
        float: none; }
        @media only screen and (min-width: 768px) {
          .quiz-form .bairbscreen .screencontent dl.convo dt,
          .little-by-little .bairbscreen .screencontent dl.convo dt {
            flex: 0 0 calc(30% - 1em);
            margin-right: 1em;
            text-align: right; } }
      .quiz-form .bairbscreen .screencontent dl.convo dd,
      .little-by-little .bairbscreen .screencontent dl.convo dd {
        flex: 1 0 100%;
        margin-left: 0; }
        @media only screen and (min-width: 768px) {
          .quiz-form .bairbscreen .screencontent dl.convo dd,
          .little-by-little .bairbscreen .screencontent dl.convo dd {
            flex: 1 1 70%; } }
        .quiz-form .bairbscreen .screencontent dl.convo dd.convo_en,
        .little-by-little .bairbscreen .screencontent dl.convo dd.convo_en {
          color: #B6B6B6;
          margin-bottom: 1em; }
          .quiz-form .bairbscreen .screencontent dl.convo dd.convo_en:last-of-type,
          .little-by-little .bairbscreen .screencontent dl.convo dd.convo_en:last-of-type {
            margin-bottom: 0; }
          @media only screen and (min-width: 768px) {
            .quiz-form .bairbscreen .screencontent dl.convo dd.convo_en,
            .little-by-little .bairbscreen .screencontent dl.convo dd.convo_en {
              margin-left: 30%; } }
  .quiz-form .bairbscreen .navDiv,
  .little-by-little .bairbscreen .navDiv {
    position: relative;
    justify-content: space-between;
    padding: 2rem 0; }
    @media only screen and (min-width: 425px) {
      .quiz-form .bairbscreen .navDiv,
      .little-by-little .bairbscreen .navDiv {
        padding: 2rem 1rem; } }
    @media only screen and (min-width: 768px) {
      .quiz-form .bairbscreen .navDiv,
      .little-by-little .bairbscreen .navDiv {
        padding: 3rem 2rem; } }
    .quiz-form .bairbscreen .navDiv .prev,
    .quiz-form .bairbscreen .navDiv .next,
    .quiz-form .bairbscreen .navDiv .quiz,
    .little-by-little .bairbscreen .navDiv .prev,
    .little-by-little .bairbscreen .navDiv .next,
    .little-by-little .bairbscreen .navDiv .quiz {
      display: block;
      margin: 0;
      min-width: 0;
      height: auto;
      background-color: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      font-size: 1rem;
      line-height: 1;
      color: white;
      text-align: center;
      float: none;
      cursor: pointer; }
    .quiz-form .bairbscreen .navDiv .prev,
    .little-by-little .bairbscreen .navDiv .prev {
      order: 1;
      margin-right: auto; }
    .quiz-form .bairbscreen .navDiv .next,
    .quiz-form .bairbscreen .navDiv .quiz,
    .little-by-little .bairbscreen .navDiv .next,
    .little-by-little .bairbscreen .navDiv .quiz {
      order: 3;
      margin-left: auto; }
    .quiz-form .bairbscreen .navDiv .quiz,
    .little-by-little .bairbscreen .navDiv .quiz {
      padding: .5rem 1rem;
      width: auto;
      background: #B6B6B6;
      border-radius: .25rem;
      font-size: 1.2em;
      font-weight: 600;
      text-decoration: none;
      text-indent: 0;
      color: #fff; }
      .quiz-form .bairbscreen .navDiv .quiz::before,
      .little-by-little .bairbscreen .navDiv .quiz::before {
        display: none; }
    .quiz-form .bairbscreen .navDiv .screenindex,
    .little-by-little .bairbscreen .navDiv .screenindex {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      padding: .75em 0;
      width: auto;
      max-width: calc(100% - 6em);
      overflow: auto;
      justify-content: flex-start; }
      .quiz-form .bairbscreen .navDiv .screenindex li a.curScreen,
      .little-by-little .bairbscreen .navDiv .screenindex li a.curScreen {
        border-bottom-color: #000;
        font-size: 1em;
        color: #000; }

.quiz-form .quiz,
.quiz-form .xticks,
.little-by-little .quiz,
.little-by-little .xticks {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start; }
  .quiz-form .quiz h3,
  .quiz-form .xticks h3,
  .little-by-little .quiz h3,
  .little-by-little .xticks h3 {
    margin-bottom: 1em;
    max-width: none; }
  .quiz-form .quiz ol,
  .quiz-form .xticks ol,
  .little-by-little .quiz ol,
  .little-by-little .xticks ol {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%; }
    .quiz-form .quiz ol li,
    .quiz-form .xticks ol li,
    .little-by-little .quiz ol li,
    .little-by-little .xticks ol li {
      display: block;
      flex: 1;
      padding: 2rem;
      margin-bottom: 2rem;
      width: 100%;
      background: #fff;
      border-radius: .5em;
      overflow: hidden; }
      .quiz-form .quiz ol li.answer--correct .feedbacktxt,
      .quiz-form .quiz ol li .feedbacktxt.rightans,
      .quiz-form .xticks ol li.answer--correct .feedbacktxt,
      .quiz-form .xticks ol li .feedbacktxt.rightans,
      .little-by-little .quiz ol li.answer--correct .feedbacktxt,
      .little-by-little .quiz ol li .feedbacktxt.rightans,
      .little-by-little .xticks ol li.answer--correct .feedbacktxt,
      .little-by-little .xticks ol li .feedbacktxt.rightans {
        background-color: #3ab049; }
      .quiz-form .quiz ol li.answer--wrong .feedbacktxt,
      .quiz-form .quiz ol li .feedbacktxt.wrongans,
      .quiz-form .xticks ol li.answer--wrong .feedbacktxt,
      .quiz-form .xticks ol li .feedbacktxt.wrongans,
      .little-by-little .quiz ol li.answer--wrong .feedbacktxt,
      .little-by-little .quiz ol li .feedbacktxt.wrongans,
      .little-by-little .xticks ol li.answer--wrong .feedbacktxt,
      .little-by-little .xticks ol li .feedbacktxt.wrongans {
        background-color: #e55f59; }
      .quiz-form .quiz ol li .feedbacktxt,
      .quiz-form .xticks ol li .feedbacktxt,
      .little-by-little .quiz ol li .feedbacktxt,
      .little-by-little .xticks ol li .feedbacktxt {
        padding: 1rem 2rem;
        margin: 2rem -2rem -2rem;
        background-color: #B6B6B6;
        color: #fff; }
  .quiz-form .quiz ol.ol_abc,
  .quiz-form .xticks ol.ol_abc,
  .little-by-little .quiz ol.ol_abc,
  .little-by-little .xticks ol.ol_abc {
    margin-top: 2rem; }
    .quiz-form .quiz ol.ol_abc li,
    .quiz-form .xticks ol.ol_abc li,
    .little-by-little .quiz ol.ol_abc li,
    .little-by-little .xticks ol.ol_abc li {
      position: relative;
      padding: 0;
      margin-bottom: .25em;
      width: auto;
      overflow: visible; }
      .quiz-form .quiz ol.ol_abc li input,
      .quiz-form .xticks ol.ol_abc li input,
      .little-by-little .quiz ol.ol_abc li input,
      .little-by-little .xticks ol.ol_abc li input {
        position: absolute;
        z-index: -1;
        opacity: 0;
        pointer-events: none; }
      .quiz-form .quiz ol.ol_abc li input:focus + label,
      .quiz-form .quiz ol.ol_abc li input:checked + label,
      .quiz-form .xticks ol.ol_abc li input:focus + label,
      .quiz-form .xticks ol.ol_abc li input:checked + label,
      .little-by-little .quiz ol.ol_abc li input:focus + label,
      .little-by-little .quiz ol.ol_abc li input:checked + label,
      .little-by-little .xticks ol.ol_abc li input:focus + label,
      .little-by-little .xticks ol.ol_abc li input:checked + label {
        border-color: #303633; }
      .quiz-form .quiz ol.ol_abc li label,
      .quiz-form .xticks ol.ol_abc li label,
      .little-by-little .quiz ol.ol_abc li label,
      .little-by-little .xticks ol.ol_abc li label {
        display: inline-block;
        padding: .5em 1.5em;
        background: #EFEFEF;
        border: 3px solid transparent;
        border-radius: .25em;
        cursor: pointer; }
      li.answer--none ol.ol_abc input[data-c='t'] + label {
        background: #fff;
        border-color: #3ab049; }
      li.answer--wrong ol.ol_abc input[data-c='f']:checked + label {
        padding: .5em .5em .5em 2.5em;
        background: #fff;
        border-color: #e55f59;
        font-weight: 600;
        color: #e55f59; }
        li.answer--wrong ol.ol_abc input[data-c='f']:checked + label::before {
          position: absolute;
          top: 50%;
          left: 1.5em;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          width: 1em;
          height: 1em;
          background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e55f59%22%20d%3D%22M24%2020.94c0%200.11-0.04%200.19-0.11%200.27l-2.68%202.68C21.13%2023.96%2021.05%2024%2020.94%2024c-0.11%200-0.19-0.04-0.28-0.11L16%2019.23l-4.66%204.66C11.25%2023.96%2011.17%2024%2011.06%2024c-0.11%200-0.19-0.04-0.27-0.11l-2.68-2.68C8.04%2021.13%208%2021.04%208%2020.94c0-0.11%200.04-0.19%200.11-0.27L12.77%2016l-4.66-4.66C8.04%2011.25%208%2011.17%208%2011.06c0-0.11%200.04-0.19%200.11-0.27l2.68-2.68C10.87%208.04%2010.95%208%2011.06%208c0.11%200%200.19%200.04%200.28%200.11L16%2012.77l4.66-4.67C20.75%208.04%2020.83%208%2020.94%208c0.11%200%200.19%200.04%200.27%200.11l2.68%202.68c0.06%200.08%200.11%200.17%200.11%200.27%200%200.11-0.04%200.19-0.11%200.27L19.23%2016l4.66%204.67C23.96%2020.75%2024%2020.83%2024%2020.94z%22%2F%3E%3C%2Fsvg%3E");
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
          pointer-events: none;
          content: ''; }
      li.answer--wrong ol.ol_abc input[data-c='t'] + label {
        background: #fff;
        border-color: #3ab049; }
      li.answer--correct ol.ol_abc input[data-c='t']:checked + label {
        padding: .5em .5em .5em 2.5em;
        background: #fff;
        border-color: #3ab049;
        font-weight: 600;
        color: #3ab049; }
        li.answer--correct ol.ol_abc input[data-c='t']:checked + label::before {
          position: absolute;
          top: 50%;
          left: 1.5em;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          width: 1em;
          height: 1em;
          background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%233ab049%22%20d%3D%22M13.78%2023.88c-.09.07-.19.12-.3.12-.12%200-.21-.05-.3-.12l-7.15-7.15c-.16-.16-.16-.44%200-.61l2.95-2.95c.16-.16.44-.16.61%200l3.9%203.93%208.96-8.98c.16-.16.44-.16.61%200l2.95%202.95c.16.16.16.44%200%20.61l-12.23%2012.2z%22%2F%3E%3C%2Fsvg%3E");
          background-repeat: no-repeat;
          background-position: center center;
          background-size: contain;
          pointer-events: none;
          content: ''; }

.quiz-form #quizresult,
.little-by-little #quizresult {
  display: none;
  padding: 2rem;
  background: #fff;
  border-radius: .5em; }
  .quiz-form #quizresult h3,
  .little-by-little #quizresult h3 {
    margin-bottom: 1em;
    max-width: none; }
  .quiz-form #quizresult p span,
  .quiz-form #quizresult #feedback span,
  .quiz-form #quizresult #feedbackpoor span,
  .little-by-little #quizresult p span,
  .little-by-little #quizresult #feedback span,
  .little-by-little #quizresult #feedbackpoor span {
    font-weight: 600; }
  .quiz-form #quizresult #feedbackpoor,
  .little-by-little #quizresult #feedbackpoor {
    margin-bottom: 0; }

.quiz-form #innernav,
.little-by-little #innernav {
  margin-bottom: 2rem; }
  .quiz-form #innernav li,
  .little-by-little #innernav li {
    margin: .5em; }
    .quiz-form #innernav li::before,
    .little-by-little #innernav li::before {
      display: none; }
    .quiz-form #innernav li a.on,
    .little-by-little #innernav li a.on {
      color: #735E7E; }

.quiz-form .tablewrap,
.little-by-little .tablewrap {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0; }
  .quiz-form .tablewrap table,
  .little-by-little .tablewrap table {
    width: 100%; }
    .quiz-form .tablewrap table tbody,
    .little-by-little .tablewrap table tbody {
      width: 100%; }
      .quiz-form .tablewrap table tbody tr,
      .little-by-little .tablewrap table tbody tr {
        display: flex;
        flex-flow: row wrap;
        align-items: stretch;
        justify-content: flex-start; }
        .quiz-form .tablewrap table tbody tr .sm, .quiz-form .tablewrap table tbody tr .smt,
        .little-by-little .tablewrap table tbody tr .sm,
        .little-by-little .tablewrap table tbody tr .smt {
          font-size: 1em; }
        .quiz-form .tablewrap table tbody tr .auphrase,
        .quiz-form .tablewrap table tbody tr .transphrase,
        .little-by-little .tablewrap table tbody tr .auphrase,
        .little-by-little .tablewrap table tbody tr .transphrase {
          line-height: 1.5; }

.quiz-form .phrasebook h3,
.little-by-little .phrasebook h3 {
  margin-top: 1em;
  width: 100%;
  text-align: center; }

.quiz-form ul.phrasebooknav,
.quiz-form .phrasebooknav,
.little-by-little ul.phrasebooknav,
.little-by-little .phrasebooknav {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  list-style-type: none; }
  .quiz-form ul.phrasebooknav li,
  .quiz-form .phrasebooknav li,
  .little-by-little ul.phrasebooknav li,
  .little-by-little .phrasebooknav li {
    display: block;
    float: none;
    background: transparent;
    margin: 0; }
    .quiz-form ul.phrasebooknav li.nolink,
    .quiz-form ul.phrasebooknav li a,
    .quiz-form .phrasebooknav li.nolink,
    .quiz-form .phrasebooknav li a,
    .little-by-little ul.phrasebooknav li.nolink,
    .little-by-little ul.phrasebooknav li a,
    .little-by-little .phrasebooknav li.nolink,
    .little-by-little .phrasebooknav li a {
      padding: .5em;
      margin: .25em;
      min-width: 1.5em;
      background-color: #EFEFEF;
      border: 0;
      border-radius: .25em;
      font-size: 1em;
      line-height: 1;
      font-weight: 600;
      color: #735E7E; }
    .quiz-form ul.phrasebooknav li a.on,
    .quiz-form ul.phrasebooknav li a:hover,
    .quiz-form .phrasebooknav li a.on,
    .quiz-form .phrasebooknav li a:hover,
    .little-by-little ul.phrasebooknav li a.on,
    .little-by-little ul.phrasebooknav li a:hover,
    .little-by-little .phrasebooknav li a.on,
    .little-by-little .phrasebooknav li a:hover {
      background-color: #735E7E;
      color: #fff;
      text-decoration: none; }
    .quiz-form ul.phrasebooknav li.nolink,
    .quiz-form .phrasebooknav li.nolink,
    .little-by-little ul.phrasebooknav li.nolink,
    .little-by-little .phrasebooknav li.nolink {
      color: #B6B6B6;
      cursor: not-allowed; }

.quiz-form .phrases,
.little-by-little .phrases {
  width: 100%;
  max-width: 600px;
  margin: 2rem auto; }
  .quiz-form .phrases dt, .quiz-form .phrases dd,
  .little-by-little .phrases dt,
  .little-by-little .phrases dd {
    margin: 1em 0;
    padding: 1em;
    background: #fff;
    border: 2px solid #EFEFEF;
    color: #303633; }
    .quiz-form .phrases dt:nth-of-type(even), .quiz-form .phrases dd:nth-of-type(even),
    .little-by-little .phrases dt:nth-of-type(even),
    .little-by-little .phrases dd:nth-of-type(even) {
      background: #EFEFEF; }
  .quiz-form .phrases dt,
  .little-by-little .phrases dt {
    margin-bottom: 0;
    border-top-left-radius: .25em;
    border-top-right-radius: .25em;
    font-weight: 600; }
    .quiz-form .phrases dt:nth-of-type(even),
    .little-by-little .phrases dt:nth-of-type(even) {
      border-bottom-color: #fff; }
  .quiz-form .phrases dd,
  .little-by-little .phrases dd {
    margin-top: 0;
    border-bottom-left-radius: .25em;
    border-bottom-right-radius: .25em;
    border-top: 0; }

.video_switch span {
  pointer-events: none; }

.quiz-form h2 {
  margin-bottom: 1em; }

.quiz-form .quiz li .audiolink {
  width: 1.4em;
  height: 1.4em; }

.quiz-form .quiz li .ol_abc {
  align-items: center; }

.quiz-form .quiz li .input-ans,
.quiz-form .quiz li .missing-wds input {
  display: inline-block;
  padding: .5em;
  margin: 0 .5em;
  width: auto;
  max-width: 14em;
  border: 2px solid #EFEFEF;
  border-radius: .25em; }

.quiz-form .quiz .missing-wds {
  margin-top: 2em; }
  .quiz-form .quiz .missing-wds input {
    max-width: 8em; }

.sol_listing-content p, .sol_listing-content ul {
  display: none; }

.sol_listing-content p:first-of-type {
  display: inline-block;
  margin-bottom: .5em; }

.sol_listing-content ul:first-of-type {
  display: inline-block;
  text-align: left; }
  .sol_listing-content ul:first-of-type li,
  .sol_listing-content ul:first-of-type > span:not(.hidden) {
    display: inline; }
  .sol_listing-content ul:first-of-type li span::after {
    display: inline;
    content: '; '; }
  .sol_listing-content ul:first-of-type li:last-child span::after {
    content: '...'; }
  .sol_listing-content ul:first-of-type ul, .sol_listing-content ul:first-of-type ul li {
    display: none; }

.info_title, .cf-list_item-label .main .level-title, .cf-list_item-label .main .venue-title {
  display: inline-block;
  color: #B6B6B6;
  font-weight: 600; }

.info_title {
  width: 100%; }

#courses {
  padding: 0 0 3rem;
  margin: 3rem auto; }
  #courses section.section {
    padding: 0 0 3rem; }

.pagination {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  width: 100%; }
  .pagination li {
    width: 3em;
    height: 3em;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    padding: .5rem 1rem;
    margin: .5rem;
    background: #fff;
    border: 2px solid #B6B6B6;
    border-radius: 3em; }
    .pagination li:hover {
      border-color: #303633; }
    .pagination li:focus, .pagination li:focus-within {
      box-shadow: 0 0 0 2px #B6B6B6;
      box-shadow: 0 0 0 2px -moz-mac-focusring;
      outline: none; }
    .pagination li.active {
      border-color: #303633; }
      .pagination li.active a {
        color: #303633; }
    .pagination li a {
      font-size: 1rem;
      font-weight: 600;
      line-height: 1.5;
      color: #B6B6B6;
      text-decoration: none; }

.cf-map {
  height: 30rem;
  transition: height .4s ease-out; }
  .cf-map_checkbox {
    position: absolute;
    z-index: -10;
    width: 1px;
    height: 1px;
    opacity: 0;
    visibility: hidden; }
    .cf-map_checkbox:checked + .cf-map_label span:first-child {
      display: none; }
    .cf-map_checkbox:checked + .cf-map_label span:last-child {
      display: block; }
    .cf-map_checkbox:checked ~ .cf-map {
      height: 60rem; }
  .cf-map_label span:first-child {
    display: block; }
  .cf-map_label span:last-child {
    display: none; }

.cf-wrapper {
  background: #F4F1E8; }

.cf-filters {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-end; }
  .cf-filters_block {
    -webkit-transform: translateY(-2rem);
            transform: translateY(-2rem); }
    @media only screen and (min-width: 768px) {
      .cf-filters_block {
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); } }

.cf-filter_input, .cf-filter_select, .cf-filter_button {
  display: block;
  padding: .5rem 1rem;
  margin: .5rem;
  min-width: 15rem;
  background: #fff;
  border: 2px solid #B6B6B6;
  border-radius: 5em;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5; }
  .cf-filter_input:hover, .cf-filter_select:hover, .cf-filter_button:hover {
    box-shadow: 0 0 0 2px #B6B6B6; }
  .cf-filter_input:focus, .cf-filter_select:focus, .cf-filter_button:focus {
    box-shadow: 0 0 0 2px #B6B6B6;
    box-shadow: 0 0 0 2px -moz-mac-focusring;
    outline: none; }

.cf-filter_input {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .cf-filter_input {
      flex: 1;
      width: auto; } }

.cf-filter_select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMjFsLTEyLTE4aDI0eiIvPjwvc3ZnPg==");
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%; }
  .cf-filter_select::-ms-expand {
    display: none; }
  .cf-filter_select option {
    font-weight: normal; }

.cf-filter_button {
  min-width: 0; }

.cf-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  margin: 0 auto 3rem;
  width: 100%; }
  .cf-list_item {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
    margin: 0;
    width: 100%; }
    .cf-list_item-input {
      position: absolute;
      z-index: -1;
      opacity: 0;
      pointer-events: none; }
      .cf-list_item-input:checked + .cf-list_item-label {
        box-shadow: 0 0 0 2px #303633; }
        .cf-list_item-input:checked + .cf-list_item-label + .cf-list_item-info {
          max-height: 800px; }
    .cf-list_item-label {
      padding: 1rem;
      width: 100%;
      background-color: #fff;
      box-shadow: 0 0 0 0 #303633;
      border-radius: .5rem;
      cursor: pointer;
      transition: box-shadow .2s ease-in-out; }
      .cf-list_item-label .main {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto; }
        @media only screen and (min-width: 768px) {
          .cf-list_item-label .main {
            grid-template-columns: 1fr auto;
            grid-template-rows: auto 1fr; } }
        .cf-list_item-label .main .title {
          grid-column: 1 / 2;
          grid-row: 1 / 2;
          font-weight: 600; }
          @media only screen and (min-width: 768px) {
            .cf-list_item-label .main .title {
              grid-column: 1 / 2;
              grid-row: 1 / 2; } }
        .cf-list_item-label .main .level {
          grid-column: 1 / 2;
          grid-row: 2 / 3; }
          @media only screen and (min-width: 768px) {
            .cf-list_item-label .main .level {
              grid-column: 2 / 3;
              grid-row: 1 / 2; } }
        .cf-list_item-label .main .venue {
          grid-column: 1 / 2;
          grid-row: 3 / 4;
          margin-top: 1rem;
          padding-top: 1rem;
          border-top: 2px solid #B6B6B6; }
          @media only screen and (min-width: 768px) {
            .cf-list_item-label .main .venue {
              grid-column: 1 / 3;
              grid-row: 2 / 3; } }
          .cf-list_item-label .main .venue span {
            display: inline-block;
            width: 100%; }
    .cf-list_item-info {
      display: flex;
      flex-flow: row wrap;
      align-items: flex-start;
      align-items: stretch;
      justify-content: flex-start;
      margin: 1rem -.5rem;
      width: calc(100% + 1rem);
      max-height: 0;
      overflow: hidden;
      transition: max-height .2s ease-in-out; }
      .cf-list_item-info .info_time,
      .cf-list_item-info .info_date,
      .cf-list_item-info .info_contact,
      .cf-list_item-info .info_more {
        padding: 1rem;
        margin: .5rem;
        background: #fff;
        border-radius: .25rem;
        border: 0; }
      .cf-list_item-info .info_time,
      .cf-list_item-info .info_date {
        flex: 1; }
        @media only screen and (min-width: 768px) {
          .cf-list_item-info .info_time,
          .cf-list_item-info .info_date {
            flex: none;
            width: auto; } }
        .cf-list_item-info .info_time-start span, .cf-list_item-info .info_time-end span,
        .cf-list_item-info .info_date-start span,
        .cf-list_item-info .info_date-end span {
          color: #B6B6B6; }
      .cf-list_item-info .info_contact {
        flex: 0 1 100%; }
        @media only screen and (min-width: 768px) {
          .cf-list_item-info .info_contact {
            flex: 1; } }
      .cf-list_item-info .info_more {
        flex: 0 1 100%;
        margin: .5rem .5rem 1.5rem; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-italic {
  font-style: italic; }

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

.text-white {
  color: #fff; }

.text-black {
  color: #000; }

.text-grey {
  color: #B6B6B6; }

b,
strong {
  font-weight: 700; }

.select label.hidden,
.hidden {
  display: none;
  visibility: hidden; }

.aria-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap; }

.gd.hidden, .en.hidden {
  display: none; }

.m-1 {
  margin: 1rem; }

.mt-1 {
  margin-top: 1rem; }

.mr-1 {
  margin-right: 1rem; }

.mb-1 {
  margin-bottom: 1rem; }

.ml-1 {
  margin-left: 1rem; }

.m-0 {
  margin: 0rem; }

.mt-0 {
  margin-top: 0rem; }

.mr-0 {
  margin-right: 0rem; }

.mb-0 {
  margin-bottom: 0rem; }

.ml-0 {
  margin-left: 0rem; }

.p-1 {
  padding: 1rem; }

.pt-1 {
  padding-top: 1rem; }

.pr-1 {
  padding-right: 1rem; }

.pb-1 {
  padding-bottom: 1rem; }

.pl-1 {
  padding-left: 1rem; }

.p-0 {
  padding: 0rem; }

.pt-0 {
  padding-top: 0rem; }

.pr-0 {
  padding-right: 0rem; }

.pb-0 {
  padding-bottom: 0rem; }

.pl-0 {
  padding-left: 0rem; }

.m-1 {
  margin: 1rem; }

.mt-1 {
  margin-top: 1rem; }

.mr-1 {
  margin-right: 1rem; }

.mb-1 {
  margin-bottom: 1rem; }

.ml-1 {
  margin-left: 1rem; }

.m-2 {
  margin: 2rem; }

.mt-2 {
  margin-top: 2rem; }

.mr-2 {
  margin-right: 2rem; }

.mb-2 {
  margin-bottom: 2rem; }

.ml-2 {
  margin-left: 2rem; }

.m-3 {
  margin: 3rem; }

.mt-3 {
  margin-top: 3rem; }

.mr-3 {
  margin-right: 3rem; }

.mb-3 {
  margin-bottom: 3rem; }

.ml-3 {
  margin-left: 3rem; }

.m-4 {
  margin: 4rem; }

.mt-4 {
  margin-top: 4rem; }

.mr-4 {
  margin-right: 4rem; }

.mb-4 {
  margin-bottom: 4rem; }

.ml-4 {
  margin-left: 4rem; }

.p-1 {
  padding: 1rem; }

.pt-1 {
  padding-top: 1rem; }

.pr-1 {
  padding-right: 1rem; }

.pb-1 {
  padding-bottom: 1rem; }

.pl-1 {
  padding-left: 1rem; }

.p-2 {
  padding: 2rem; }

.pt-2 {
  padding-top: 2rem; }

.pr-2 {
  padding-right: 2rem; }

.pb-2 {
  padding-bottom: 2rem; }

.pl-2 {
  padding-left: 2rem; }

.p-3 {
  padding: 3rem; }

.pt-3 {
  padding-top: 3rem; }

.pr-3 {
  padding-right: 3rem; }

.pb-3 {
  padding-bottom: 3rem; }

.pl-3 {
  padding-left: 3rem; }

.p-4 {
  padding: 4rem; }

.pt-4 {
  padding-top: 4rem; }

.pr-4 {
  padding-right: 4rem; }

.pb-4 {
  padding-bottom: 4rem; }

.pl-4 {
  padding-left: 4rem; }



.auphrase-wrapper
{
  display: grid;
  grid-template-columns: [gaelic] 50% [english] 50%;
  margin-bottom: 1em;
}

.auphrase-wrapper .auphrase
{
  padding-right: 2em;
  padding-bottom: .5em;
  padding-left: 1em;
  padding-top: .5em;
  font-weight: 600;
  flex: 0 0 50%;
  display: inline-block;
  position: relative;
  margin: 0;
  width: auto;
  background-color: #EFEFEF;
  font-family: "Freight-sans-pro",sans-serif;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  color: #303633;
  cursor: pointer;

}
.auphrase-wrapper .auphrase:hover
{
  background-color: #CFCFCF;
}
.auphrase-wrapper .auphrase:hover .audiolink::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23222222%22%20d%3D%22M14.44%2023.92c0%20.16-.09.32-.25.39-.16.05-.35.02-.46-.09l-4.47-4.47H6.1c-.23%200-.42-.18-.42-.42v-6.67c0-.23.19-.42.42-.42h3.15l4.47-4.47c.12-.12.3-.14.46-.09.16.07.25.23.25.39v15.85zm3.96-1.3l-1.18-1.16c-.16-.18-.16-.44%200-.6%202.69-2.69%202.69-7.04%200-9.72-.16-.16-.16-.42%200-.58l1.18-1.18c.16-.16.42-.16.58%200%203.66%203.66%203.66%209.58%200%2013.24-.17.16-.42.16-.58%200zm2.06%202.08c-.16-.19-.16-.44%200-.6%204.47-4.47%204.47-11.74%200-16.2-.16-.16-.16-.42%200-.58l1.18-1.18c.16-.16.42-.16.58%200%205.46%205.44%205.46%2014.28%200%2019.72-.16.16-.42.16-.58%200l-1.18-1.16z%22%2F%3E%3C%2Fsvg%3E");
}
.auphrase-wrapper .transphrase::before
{
  left:0;
  top:20%;
  width:2px;
  height:60%;
  position: absolute;
  background-color: #ffffff;
  content: '';
}
.auphrase-wrapper .transphrase
{
  flex: 0 0 calc(50% + .5em);
  margin-top: 0;
  margin-left: -0.5em;
  display: inline-block;
  position: relative;
  padding: .5em 1em;
  width: auto;
  background-color: #EFEFEF;
  border-radius: .25em;
  font-family: "Freight-sans-pro",sans-serif;
  font-size: 1.1875rem;
  line-height: 1.625rem;
  color: #303633;
}
.auphrase-wrapper .auphrase .audiolink
{
  position: absolute;
  top: 10px;
  right: 4px;
  margin-top:.2em;
  display: inline-block;
  color: #735E7E;
  margin-left: 15px;
  margin-right: 15px;
}