/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp, tt, var,
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; }

  /* .content-text kbd, .content-text q, .content-text s, .content-text samp, .content-text small, .content-text strike, .content-text strong, .content-text sub,  .content-text em, .content-text sup, .content-text tt, .content-text var, .content-text b, .content-text u, .content-text i, .content-text center, .content-text ol, .content-text ul, .content-text li {
     font: initial;
  } */


/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0; }

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

body {
  line-height: 1;
  font-family: "Poppins", sans-serif !important;
  background-color: #260d25 !important;
   }

ol, ul {
  list-style: none; }

.body-text ol,
.body-text ul {
    list-style: initial;
    list-style-position: inside; }

blockquote, q {
  quotes: none; }

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

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

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

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

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

html,
button,
input,
select,
textarea {
  color: #222; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

a[target="_blank"]:after {
  background: url("../images/new-page.png") no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
  content: "";
  margin-left: 5px;
  background-size: 15px; }
.night a[target="_blank"]:after {
  background: url("../images/new-page-night.png") no-repeat;  
  display: inline-block;
  width: 15px;
  height: 15px;
  content: "";
  margin-left: 5px;
  background-size: 15px;
}
.btn-primary {
color: #551a57 !important;
text-transform: uppercase;
text-decoration: none;
background: #fff !important;
padding: 4px;
padding-right: 6px;
padding-left: 6px;
margin: 2px;
display: inline-block;
border: 2px solid #551a57 !important;
transition: all 0.1s ease 0s;
letter-spacing: 0.15px;
}
.btn-primary:hover {
  color: #551a57 !important;
  background: #d37729 !important;
  transition: all 0.1s ease 0s;
    }
.btn-primary:active {
  color: #d37729 !important;
  background: #551a57 !important;
  transition: all 0.1s ease 0s;
}
.btn-primary:focus {
  box-shadow: none !important;
}

/* ===============================================================================
    LAYOUTS
=============================================================================== */
.eng-project.row,
.eng-project .row {
  margin: 0 !important; }

.glossary-page .eng-project ul.dropdown-menu.show,
.glossary-page .subpage-text {
  padding-left: 60px; }
  @media (min-width: 1200px) {
    .glossary-page .eng-project ul.dropdown-menu.show,
    .glossary-page .subpage-text {
      padding-left: 0; } }

.eng-project .open > .dropdown-menu {
  display: block; }

.eng-project nav.navbar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 47px;
  border-bottom: 1px solid #260d25;
  z-index: 2000;
  background-color: #260d25; }
  @media (min-width: 1200px) {
    .eng-project nav.navbar {
      background-color: #260d25; } }

.eng-project.row {
  position: fixed;
  display: inherit;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0; }

.eng-project ul.dropdown-menu.dropdown-settings.show {
  right: 0;
  width: 280px;
  left: unset;
  overflow: unset; }
  @media (min-width: 1200px) {
    .eng-project ul.dropdown-menu.dropdown-settings.show {
      width: 350px; } }
  .eng-project ul.dropdown-menu.dropdown-settings.show span.checkbox-container::after {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    left: 40px;
    background-color: #551a57;
    border-radius: 30px; }
  .eng-project ul.dropdown-menu.dropdown-settings.show input[type="checkbox"] {
    position: absolute;
    cursor: pointer;
    left: 42px;
    width: 220px;
    height: 30px;
    opacity: 0;
    z-index: 10;
    margin-top: 2px;
    background-color: transparent !important;
    border: none;
    border-image: none;
    border-color: transparent;
    margin-right: 1px; }
    .eng-project ul.dropdown-menu.dropdown-settings.show input[type="checkbox"].dyslexia:checked {
      opacity: 0; }
    .eng-project ul.dropdown-menu.dropdown-settings.show input[type="checkbox"].night-mode:checked {
      opacity: 0; }
body.dyslexia .dyslexia span.checkbox-container::before,
body.night .night-mode span.checkbox-container::before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 40px;
    background-color: #d37729;
    border-radius: 30px;
    z-index: 999;
    margin: 8px;
}
  .eng-project ul.dropdown-menu.dropdown-settings.show .buttons-container {
    position: relative; }
    .eng-project ul.dropdown-menu.dropdown-settings.show .buttons-container .zoomButtons {
      display: inline-block;
      position: absolute;
      right: 0;
      top: 18px; }
      .eng-project ul.dropdown-menu.dropdown-settings.show .buttons-container .zoomButtons button {
        border: none;
        background: transparent; }
        .eng-project ul.dropdown-menu.dropdown-settings.show .buttons-container .zoomButtons button:focus {
          outline: none; }

.eng-project ul.dropdown-menu.show {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  border-radius: 0;
  background-color: #260d25;
  padding: 0;
  overflow-y: scroll;
  padding-top: 54px; }
  @media (min-width: 1200px) {
    .eng-project ul.dropdown-menu.show {
      top: 40px;
      left: -3px;
      max-height: unset;
      overflow: unset;
      width: 520px; } }

.eng-project .modul-name {
  font-size: 1.4em; }
  @media (min-width: 1200px) {
    .eng-project .modul-name {
      width: 302px; } }
  .eng-project .modul-name:hover {
    background-color: transparent; }

.eng-project .dropdown-item {
  color:#fff;
  margin: 0 10px;
  padding: 10px 0; }
  .eng-project .dropdown-settings .dropdown-item {
    padding: 20px 10px;
  }
.eng-project .dropdown-menu li:not(:first-child) .dropdown-item {
  border-top: 1px solid #5a6a77 !important;  
}
.eng-project .dropdown-menu .dropdown-submenu li:first-child .dropdown-item {
  border-color: transparent !important;  
}
  .eng-project .dropdown-item:hover, .eng-project .dropdown-item:focus {
    color: #fff;
    text-decoration: none; }
  .eng-project .dropdown-item span {
    font-weight: bold; }
  .eng-project .dropdown-item.text-wrap {
    padding-right: 35px; }
.eng-project .dropdown-item.text-wrap.text-wrap-right {
    padding-left: 35px !important; }
.eng-project .dropdown-submenu {
  position: relative; }
  .eng-project .dropdown-submenu .dropdown-menu {
    width: 100%;
    padding: 0;
    background-color: #260d25; }
      .eng-project .dropdown-submenu .dropdown-menu.level-two {
    background-color: #551a57; }
  .eng-project .dropdown-submenu:hover {
    background-color: #260d25 !important; }
  .eng-project .dropdown-submenu .arrow-icon {
    position: absolute;
    right: 20px;
    top: 10px;
    width: 14px;
    text-decoration: none; }
    .eng-project .dropdown-submenu .arrow-icon.show .arrow-icon {
      transform: rotate(90deg); }
      @media (min-width: 1200px) {
        .eng-project .dropdown-submenu .arrow-icon.show .arrow-icon {
          transform: none; } }
  .eng-project .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 0px;
    top: 45px;
    left: 0;
    }
    @media (min-width: 1200px) {
      .eng-project .dropdown-submenu .dropdown-menu {
        top: 0;
        position: absolute !important;
        left: 100%; } }
    .eng-project .dropdown-submenu .dropdown-menu.show {
      position: static;
      padding: 0;
      background-color: #a6a6a6; }
      @media (min-width: 1200px) {
        .eng-project .dropdown-submenu .dropdown-menu.show {
          position: absolute;
          left: 300px;
          top: 0; } }
      .eng-project .dropdown-submenu .dropdown-menu.show li {
        border-left: 2px solid #2c2c2c; }
        @media (min-width: 1200px) {
          .eng-project .dropdown-submenu .dropdown-menu.show li {
            border-left: none; } }
        .eng-project .dropdown-submenu .dropdown-menu.show li a {
          padding-left: 35px; }

.eng-project .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0 !important;
  vertical-align: 0.255em;
  content: "";
  border-top: none !important;
  border-right: none !important;
  border-bottom: 0 !important;
  border-left: none !important; }

.eng-project .nav-link {
  padding-right: 24px;
  text-align: center;
  color: #fff; }
  .eng-project .nav-link:hover {
    color: #d37729; }
  .eng-project .nav-link .only-desktop {
    display: none; }

.eng-project .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0.6rem; }
  @media (min-width: 1200px) {
    .eng-project .navbar-expand-lg .navbar-nav .nav-link {
      padding: 0.6rem 2.5rem 0.6rem 1rem; } }

.eng-project .nav-icon {
  padding-right: 0px;
  width: 16px;
  height: auto;
  cursor: pointer;
  vertical-align: baseline; }

.eng-project .search-container {
  max-width: 60px; }
  @media (min-width: 500px) {
    .eng-project .search-container {
      text-align: left;
      max-width: unset; } }
  .eng-project .search-container .form-control {
    border-radius: 0;
    border: none;
    color:#fff;
    text-align: left;
    background-color: #551a57;
    outline: none;
    height: inherit;
    padding-bottom: 0;
    border-top-right-radius:15px !important;
    border-top-left-radius:15px !important;
    border-bottom-right-radius:15px !important;
    border-bottom-left-radius:15px !important;
    padding-top: 0; }
    @media (min-width: 1200px) {
      .eng-project .search-container .form-control {
        border-top-right-radius:15px !important;
        border-top-left-radius:15px !important;
        border-bottom-right-radius:15px !important;
        border-bottom-left-radius:15px !important;
        border: none;
        background: #551a57 url(../images/search.svg) no-repeat center right 15px;
        background-size: 15px 15px;
         } }
    .eng-project .search-container .form-control:focus {
      box-shadow: none;
      border-color: transparent;}
    .eng-project .search-container .form-control::placeholder {
      color: #828E98; }
      @media (min-width: 1200px) {
        .eng-project .search-container .form-control::placeholder {
          color: #828E98;
          text-align: left;
           } }
  .eng-project .search-container .input-group-append {
    cursor: pointer;
    margin-left: 0; }

.eng-project .navigation {
  font-size: 0; }

.eng-project li.nav-item {
  flex-grow: 1;
  font-size: 16px;
  position: static;
  max-width: 40px; }
  .eng-project li.nav-item.search-container {
    max-width: 170px;
    margin-left: auto; }
    @media (min-width: 500px) {
      .eng-project li.nav-item.search-container {
        max-width: unset; } }
  @media (min-width: 1200px) {
    .eng-project li.nav-item {
      max-width: 185px; }
  .eng-project li.nav-item:hover,
  .eng-project li.nav-item .dropdown.show {
     }
  .eng-project li.nav-item.last {
    border-right: none;
    min-width: 44px; } }
    @media (min-width: 500px) {
      .eng-project li.nav-item.last {
        min-width: unset; } }
    @media (min-width: 1200px) {
      .eng-project li.nav-item.last {
        min-width: 138px; } }
    @media (min-width: 1300px) {
      .eng-project li.nav-item.last {
        min-width: unset; } }
  .eng-project li.nav-item .search {
    background-color: #260d25;
    padding: 0.6rem; }

.eng-project ul.navbar-nav {
  flex-direction: row;
  width: 100%; }

@media (min-width: 1200px) {
  .eng-project .nav-link .only-desktop {
    display: inline-block; }
  .eng-project li.nav-item {
    position: relative; }
    .eng-project li.nav-item .search {
      background-color: #260d25;
      max-width: inherit; }
      .eng-project li.nav-item .search .nav-icon {
        cursor: pointer; }
    .eng-project li.nav-item.search-container {
      background-color: #260d25;
      font-size: 0; }
  .eng-project .nav-icon {
    padding-right: 8px;
    width: 24px; } }

.eng-project .dropdown-submenu:hover {
  color: #BAAD2C;
  text-decoration: none; }

header {
  width: 100%; }
  header.row {
    margin: 43px 0 0; }

.mw-1250 {
  max-width: 1250px !important;
  margin: 0 auto; }

.mw-600-l {
  max-width: 600px !important;
  margin-left: auto; }

.mw-600-r {
  max-width: 600px !important;
  margin-right: auto; }

.header-container {
  position: relative;
  align-items: center; }
  .header-container .hero-image {
    object-fit: cover;
    object-position: top center;
    width: 100%;
    min-height: 550px; }
    @media (min-width: 768px) {
      .header-container .hero-image {
        max-height: 360px;
        min-height: inherit; } }
  .header-container .eu-image {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 9;
     }
    .header-container .eu-image img {
      max-width: 100px;
      height: auto; }
  .header-container .header-text {
    position: absolute;
    display: flex;
    justify-content: center;
    flex-direction: column;
    top: 0;
    bottom: 0;
    color: #fff; }
    .header-container .header-text .header-title {
      font-weight: bold;
      font-size: 3.3rem;
      padding-bottom: 15px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .header-container .header-text .header-title {
          font-size: 4rem;
          padding-bottom: 25px; } }
    .header-container .header-text .header-subtitle {
      font-weight: 400;
      padding-bottom: 10px;
      text-transform: uppercase; }
      @media (min-width: 768px) {
        .header-container .header-text .header-subtitle {
          padding-bottom: 15px; } }
    .header-container .header-text .header-author {
      font-size: 1em;
      font-weight: bold; }
      @media (min-width: 768px) {
        .header-container .header-text .header-author {
          font-size: 1.5em; } }
  .header-button {
    text-align: center; }
    .header-button.cta-button {
      position: relative;
      margin: 0 auto;
      background-color: #d37729;
      padding: 5px 28px;
      color: #551a57;
      font-weight: bold; }
      .header-button.cta-button:hover {
        background-color: #fff;
        color: #d37729; }
      @media (min-width: 768px) {
        .header-button.cta-button {
          position: absolute;
          top: -38px;
          right: 0px;
          height: 38px;
          line-height: 1.8rem;
          } }
  .header-container.module-container .header-title {
    font-weight: normal; }

.results {
  position: absolute;
  left: 0;
  right: 0;
  top: 43px;
  z-index: 10;
  text-align: center;
  width: 80%;
  transform: translateX(15%);
  background-color: #260d25;
  display: block;
  max-height: 350px;
  overflow-y: scroll; }
  @media (min-width: 768px) {
    .results {
      width: 50%;
      transform: translateX(50%);
      max-height: 500px; } }
  .results.hidden {
    display: none; }
  .results .results-item {
    border-bottom: 2px solid #fff;
    padding: 10px; }
    .results .results-item.noBorder {
      border-bottom: none; }
    .results .results-item:last-of-type {
      border-bottom: none; }
    .results .results-item a {
      color: #fff; }
      .results .results-item a:hover {
        color: #d37729;
        text-decoration: none; }
  .results .results-close {
    color: #fff;
    line-height: 1;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    font-weight: bold;
    margin: 10px;
    display: block; }
    .results .results-close.hidden {
      display: none; }
  .results .no-results {
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    display: block; }
    .results .no-results.hidden {
      display: none; }

.eng-project.row.headroom--pinned {
  display: block; }

.eng-project.row.headroom--unpinned {
  display: none; }

.headroom {
  will-change: transform;
  transition: transform 500ms linear; }

.headroom--pinned {
  transform: translateY(0%); }

.headroom--unpinned {
  transform: translateY(-100%); }

  .cta-button.header-button {
    font-weight: bold;
    background-color: #fff;
    color:#260d25;
 }

  .cta-button.header-button.show {
    font-weight: normal;
    background-color: #d37729;
    color:#260d25;
 }

.popup {
  display: none !important;
  z-index: 25;
  text-align: left;
  position: relative;
  padding: 20px 40px;
  color: #fff;
  background-color: #d37729;
  margin: 0 auto;
   }
  .popup.show {
    display: block !important; }
  .popup ul {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
  }
  .popup ul li {
    list-style-type: disc;
    font-size: 1rem;
    letter-spacing: 1px;
    padding-right: 25px; }
  .popup .popup-close {
    position: absolute;
    top: 5px;
    right: 10px;
    background: transparent;
    border: none;
    font-size: 1.3rem;
    font-weight: bold;
    color: #fff; }
  .popup .popup-title {
    font-size: 1.5em; }

.subpage-title {
  font-size: 2em;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px; }
  @media (min-width: 1200px) {
    .subpage-title {
      font-size: 3em !important; } }

.subpage-subtitle {
  font-size: 1em;
  color: #ffffff; }
  .subpage-subtitle.rose {
    color: #d37729; }

.subpage-text .main-container {
  padding-left: 15px; }

.main-container.main-container--item {
  position: relative;
  max-width: initial!important;
}
.glossary-letter-container {
  width: 100%;
  max-width: 1250px !important;
  margin: 0 auto; }

.letter-nav {
  position: fixed;
  top: 43px;
  left: 0;
  width: 60px;
  bottom: 0;
  z-index: 20; }
  .letter-nav .letter-cover {
    background-color: #a6a6a6;
    height: 100%;
    overflow-y: scroll; }
    .letter-nav .letter-cover .letter-item {
      padding: 10px 2px;
      border-bottom: 1px solid #551a57;
      width: 35px;
      text-align: center;
      font-size: 1.5em;
      line-height: 1;
      font-weight: bold;
      background-color: #dadada;
      margin-right: 20px; }
      .letter-nav .letter-cover .letter-item a {
        color: #000; }
        .letter-nav .letter-cover .letter-item a:hover {
          color: #d37729;
          text-decoration: none; }

.headroom--pinned ~ .glossary .letter-nav {
  top: 43px; }

.headroom--unpinned ~ .glossary .letter-nav {
  top: 0px; }

.glossary-container {
  padding: 30px;
  margin-left: 60px;
  width: 100%; }
  .glossary-container .letter-container {
    border-bottom: 3px solid #d37729; }
    .glossary-container .letter-container:last-child {
      border: none; }
    .glossary-container .letter-container .letter {
      font-size: 3em;
      padding: 40px 0 20px;
      font-weight: 500;
      line-height: 1; }
    .glossary-container .letter-container .word-container .word {
      font-size: 1.6em;
      padding: 10px 0;
      font-weight: 500; }
    .glossary-container .letter-container .word-container .description {
      font-size: 1.4em;
      padding-bottom: 10px; }

.glossary {
  /* width */
  /* Track */
  /* Handle */ }
  .glossary ::-webkit-scrollbar {
    width: 20px; }
  .glossary ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #a6a6a6;
    border-radius: 10px; }
  .glossary ::-webkit-scrollbar-thumb {
    background: #a6a6a6;
    border-radius: 10px;
    background-image: url(../images/scroll-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }

.glossary ~ footer .footer-container {
  padding-left: 70px; }

.main-container {
  width: 100% !important;
  max-width: 1250px !important;
  margin: 0 auto; }
  .main-container a:hover {
    color: #d37729;
    text-decoration: none; }
    .main-container a:hover .module-title {
      text-decoration: underline;
      text-decoration-color: #d37729;
      color: #d37729; }

.container .modules.row > div[class*="col-"] {
  display: flex;
  flex: 1 0 auto; }

.modules {
  margin: 0 auto !important;
  padding: 30px 0; }
  .modules .mod {
    margin: 20px auto !important;
    background-color: #551a57;
    max-width: 380px;
    margin: 0 auto;
    cursor: pointer;
    padding: 0;
    height: 95%; }

.modules .mod.mod-color-1, .modules .mod.mod-color-5, .modules .mod.mod-color-9 { background-color: #551a57; }
.modules .mod.mod-color-2, .modules .mod.mod-color-6, .modules .mod.mod-color-10 { background-color: #260d25; }
.modules .mod.mod-color-3, .modules .mod.mod-color-7 { background-color: #204c68; }
.modules .mod.mod-color-4, .modules .mod.mod-color-8 { background-color: #1e2e57; }

    .modules .mod:hover {
      background-color: #d37729 !important;
    }
    .modules .mod .module-container .module-item .module-image {
      max-height: 400px;
      overflow: hidden;
      position: relative; }
      .modules .mod .module-container .module-item .module-image img {
        width: 100%;
        height: auto;
      }
    .modules .mod .module-container .module-item .module-number {
      font-size: 2em;
      font-weight: bold;
      padding: 10px 0 0 25px;
      color: #fff; }
    .modules .mod .module-container .module-item .module-title {
      color: #fff;
      padding: 0 30px 0 25px;
      font-size: 1.1em;
      font-weight: 500;
      line-height: 1.2;
      margin-bottom: 0; }
      @media (min-width: 768px) {
        .modules .mod .module-container .module-item .module-title {
          font-size: 1.4em; } }
    .modules .mod .module-container .module-item .module-summary {
      color: #fff;
      padding: 0 25px 20px;
      font-weight: 300;
      font-size: 0.8em; }
      @media (min-width: 768px) {
        .modules .mod .module-container .module-item .module-summary {
          font-size: 1em; } }
.transcript p, .code-block p {
  font-size: 1em !important;
  margin: 0 !important;
  padding: 0 !important;
}

.activity-item {
  margin-top: 30px; }
  .activity-item:nth-child(1) {
    margin-top: 0px; }
  @media (min-width: 1200px) {
    .activity-item:nth-child(1), .activity-item:nth-child(2) {
      margin-top: 0px; } }

.explores {
  margin: 0 auto !important;
  padding: 0 0 30px; }

.explore-container {
  border: 4px solid #d37729;
  padding: 15px;
  background-color: #551a57;
  font-size: 1.1em;
  color: #fff;
  margin: 0 auto !important; }
  .explore-container .explore-img {
    padding: 0; }
    .explore-container .explore-img img {
      max-width: 100%;
      height: auto;
      border-radius: 50%;
      border: 4px solid #d37729;
      width: 100px;
      height: 100px; }
      @media (min-width: 1200px) {
        .explore-container .explore-img img {
          width: 180px;
          height: 180px; } }
    .explore-container .explore-img .explore-title {
      font-size: 2em;
      margin: 20px 0 0 20px;
      display: inline-block; }
  .explore-container .explore-text {
    margin-top: 10px; }
    @media (min-width: 1200px) {
      .explore-container .explore-text {
        padding-right: 40px; } }

.explore-right {
  padding-top: 25px; }
  .explore-right img {
    width: 100%;
    max-width: 45px; }
    @media (min-width: 1200px) {
      .explore-right img {
        max-width: 65px; } }

.module-container .module-arrow .only-desktop {
  display: none; }
  @media (min-width: 1200px) {
    .module-container .module-arrow .only-desktop {
      display: inline-block; } }

.module-container .module-arrow .only-mobile {
  display: inline-block;
  width: 25px; }
  @media (min-width: 1200px) {
    .module-container .module-arrow .only-mobile {
      display: none; } }

.module-container .header-text {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .module-container .header-text h1.header-title {
    font-size: 2em !important;
    text-transform: none; }
    @media (min-width: 1200px) {
      .module-container .header-text h1.header-title {
        font-size: 4em !important; } }

.moduleItem-container {
  height: 350px;
  background: #551a57;
  margin-top: 43px; }

.main-container.moduleItem {
  padding-right: 15px;
  padding-left: 60px; }
  @media (min-width: 1200px) {
    .main-container.moduleItem {
      padding-left: 100px;
      padding-right: 100px; } }
      @media (min-width: 1400px) {
        .main-container.moduleItem {
          padding-left: 220px;
          padding-right: 220px; } }
  .main-container.moduleItem .breadcrumb-item + .breadcrumb-item::before {
    content: ""; }

.moduleItem h2 {
  margin-top: 40px; }

.moduleItem-sticky {
  position: sticky;
  left: 0px;
  color: #fff;
  z-index: 10;
  margin-bottom: 10px;
  position: sticky;
  top: 55px;
  width: 300px;
}

  @media (min-width: 500px) {
    .moduleItem-sticky {
      max-width: unset; } }
  @media (min-width: 1200px) {
    .moduleItem-sticky {
      width: 200px;
      max-width: unset; } }
  .moduleItem-sticky .sticky-itemName {
    border-bottom: none;
    background-color: #260d25;
     }
    @media (min-width: 992px) {
      .moduleItem-sticky .sticky-itemName {
        border-bottom: 2px solid #2c2c2c;}
       }
  .moduleItem-sticky .dot {
    width: 10px;
    height: 10px;
    background: grey;
    border-radius: 50%;
    margin: 0 auto; }
  .moduleItem-sticky .check-knowledge {
    border-left: 2px solid #2c2c2c;
    font-weight: bold; }
  .moduleItem-sticky .sticky-itemName,
  .moduleItem-sticky .check-knowledge {
    font-size: 0.9em;
    padding: 10px; }
    .moduleItem-sticky .sticky-itemName .name,
    .moduleItem-sticky .check-knowledge .name {
      width: 85%;
      display: inline-block;
      vertical-align: middle; }
    .moduleItem-sticky .sticky-itemName .icon,
    .moduleItem-sticky .check-knowledge .icon {
      display: inline-block;
      vertical-align: middle; }
    @media (min-width: 1200px) {
      .moduleItem-sticky .sticky-itemName,
      .moduleItem-sticky .check-knowledge {
        padding: 5px; } }
    .moduleItem-sticky .sticky-itemName .only-desktop,
    .moduleItem-sticky .check-knowledge .only-desktop {
      display: none; }
      @media (min-width: 1200px) {
        .moduleItem-sticky .sticky-itemName .only-desktop,
        .moduleItem-sticky .check-knowledge .only-desktop {
          display: inline-block; } }
    .moduleItem-sticky .sticky-itemName .only-mobile,
    .moduleItem-sticky .check-knowledge .only-mobile {
      display: block;
      text-align: center; }
      @media (min-width: 1200px) {
        .moduleItem-sticky .sticky-itemName .only-mobile,
        .moduleItem-sticky .check-knowledge .only-mobile {
          display: none; } }
    .moduleItem-sticky .sticky-itemName a,
    .moduleItem-sticky .check-knowledge a {
      color: #fff;
      text-decoration: none;
      display: flex;}
  .moduleItem-sticky nav {
    margin-bottom: 0;
    padding: 0;
    width: 100% !important; }
    .moduleItem-sticky nav li {
      padding: 0;
      font-size: 0.8em;
      border-bottom: none; }
      .moduleItem-sticky nav li.active .dot {
        background-color: #fff;
        width: 15px;
        height: 15px; }
      @media (min-width: 1200px) {
        .moduleItem-sticky nav li.active {
          color:#260d25;
          } }
        .moduleItem-sticky nav li:not(.procjenausvojenostiishodajedinice):not(:first-child) a {
          border-top: 2px solid #fff; }
      .moduleItem-sticky nav li a {
        color: #fff; }
        .moduleItem-sticky nav li a.nav-link {
          padding: 8px; }
          @media (min-width: 500px) {
            .moduleItem-sticky nav li a.nav-link {
              margin: 3px 10px; } }
          .moduleItem-sticky nav li a.nav-link.active {
            font-weight: bold;
            background-color: transparent !important;
            color: #260d25; }
            .moduleItem-sticky nav li a.nav-link.active .dot {
              background-color: #fff;
              width: 15px;
              height: 15px; }

.moduleItem-sticky nav li a[href="#procjenausvojenostiishodajedinicescroll"] {
  font-weight: bold;
  margin: 0 !important;
  padding-left: 40px !important;
  background-color: #3b0011 !important;
  background-image: url(../images/procjena.svg) !important;
  background-position: top 10px left 10px;
  background-repeat: no-repeat;
  background-size: 27px 27px;
}
.moduleItem-sticky nav li a[href="#procjenausvojenostiishodajedinicescroll"]:hover {
color:#fff !important;
}
        .moduleItem-sticky nav li a:hover {
          color: #260d25;
          text-decoration: none; }
        .moduleItem-sticky nav li a .only-desktop {
          display: none; }
          @media (min-width: 1200px) {
            .moduleItem-sticky nav li a .only-desktop {
              display: block; } }
        .moduleItem-sticky nav li a .only-mobile {
          display: block; }
          @media (min-width: 1200px) {
            .moduleItem-sticky nav li a .only-mobile {
              display: none; } }
      .moduleItem-sticky nav li:hover {
        color: #260d25;
        text-decoration: none; }

.breadcrumbs {
  margin: 40px auto 0;
  max-width: 1128px; }
  .breadcrumbs ol.breadcrumb {
    padding: 0; }
    .breadcrumbs ol.breadcrumb li.breadcrumb-item {
      flex: 1;
      max-width: 25%;
      text-align: center;
      color: #551a57;
      font-weight: bold;
      line-height: 1;
      font-size: 1em;
      display: inline-block;
      cursor: pointer; }
    .breadcrumbs ol.breadcrumb li.breadcrumb-item:not(:last-child) {
      background: url(../images/new_arrow.svg) no-repeat top right/15px;
      }
      body.night .breadcrumbs ol.breadcrumb li.breadcrumb-item:not(:last-child) {
        background: url(../images/new_arrow_white.svg) no-repeat top right/15px;
      }
      .breadcrumbs ol.breadcrumb li.breadcrumb-item:hover {
        color: #d37729;
        }
        .breadcrumbs ol.breadcrumb li.breadcrumb-item:hover a {
          color: #d37729; }
      .breadcrumbs ol.breadcrumb li.breadcrumb-item a {
        color: #551a57;
        text-decoration: none;
        display: block; }
      .breadcrumbs ol.breadcrumb li.breadcrumb-item.active {
        color: #d37729; }
        .breadcrumbs ol.breadcrumb li.breadcrumb-item.active:hover {
          color: #d37729;
          }
@media (max-width: 768px) {
     .breadcrumbs ol.breadcrumb li.breadcrumb-item {
      word-break: break-all;
      font-size: 0.7em;
      text-align: left;
 } 
 .breadcrumbs ol.breadcrumb li.breadcrumb-item:not(:last-child) {
  background: no-repeat top right/15px url(../images/new_arrow.svg);
 }
}
.content-container {
  padding: 0 0 20px;
  max-width: inherit;
  margin: 0 auto !important; }
  .content-container p {
    padding-bottom: 15px;}
    .content-container p,
    .content-container li,
    .content-container button {
      font-size: 1.25em;}

      @media (max-width: 768px) {
        .content-container p,
        .content-container li,
        .content-container button {
          font-size: 1em;}
      }
.figure-caption { font-size: 1rem !important; }
    /* .content-container h2 {
      font-size: 36px;}
      .content-container h5 {
        font-size: 22px;} */
  .content-container .content-text,
  .content-container .content-img,
  .content-container .content-video,
  .content-container .content-embeded {
    width: 100%;
    height: auto;
    margin: 15px 0; }
  .content-container .content-img,
  .content-container .content-video,
  .content-container .content-embeded {
    text-align: center; }
  .content-container .content-img img {
    width: 100%;
    height: auto; }
  .content-container .content-embeded embed {
    width: 100%;
    height: auto; }
  .content-container .content-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; }
    .content-container .content-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.nav-slider {
  margin: 0 !important; }
  .nav-slider .nav-container {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .nav-slider .nav-container .module-arrow .only-desktop {
      display: none; }
      @media (min-width: 1200px) {
        .nav-slider .nav-container .module-arrow .only-desktop {
          display: inline-block; } }
    .nav-slider .nav-container .module-arrow .only-mobile {
      display: inline-block; }
      @media (min-width: 1200px) {
        .nav-slider .nav-container .module-arrow .only-mobile {
          display: none; } }
    .nav-slider .nav-container .item-slider-link:hover {
      color: #d37729; }
    .nav-slider .nav-container .item-slider-link .item-slider-title {
      font-size: 1em !important;
      text-transform: none;
      color: #d37729; }
      @media (min-width: 1200px) {
        .nav-slider .nav-container .item-slider-link .item-slider-title {
          font-size: 1.3em !important; } }
    .nav-slider .nav-container h1.header-title {
      font-size: 1em !important;
      text-transform: none;
      color: #d37729; }
      @media (min-width: 1200px) {
        .nav-slider .nav-container h1.header-title {
          font-size: 2em !important; } }

.breadcrumbs {
  background-color: #fff;
  padding: 10px 0;
  margin-top: 10px;
  position: sticky;
  top: 0px;
  z-index: 10;
  /** The Spacing **/
  /** Default button **/ }
  .breadcrumbs .breadcrumb {
    padding: 0; }
  .breadcrumbs .breadcrumb-item:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    margin-left: -1px;
    left: 100%;
    z-index: 3; }
  .breadcrumbs .breadcrumb .breadcrumb-item:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 100%;
    z-index: 3; }
  .breadcrumbs .breadcrumb .breadcrumb-item {
    padding: 6px 12px 6px 24px;
    position: relative;
    padding: 6px 10px; }
    .breadcrumbs .breadcrumb .breadcrumb-item:hover {
      color: #ffffff;
      }
  .breadcrumbs .breadcrumb .breadcrumb-item {
    padding: 6px 32px 6px 24px; }
  .breadcrumbs .breadcrumb .breadcrumb-item:first-child {
    border-right: none; 
    padding: 6px 32px 6px 0;
  }
  .breadcrumbs .breadcrumb .breadcrumb-item:last-child {
    padding: 6px 18px 6px 24px;
    border-left: none; }
  .breadcrumbs .breadcrumb .breadcrumb-item:not(:last-child):after {
    border-left: 10px solid #e9ecef; }
  .breadcrumbs .breadcrumb .breadcrumb-item:not(:last-child):before {
    border-left: 10px solid #adadad; }
  .breadcrumbs .breadcrumb .breadcrumb-item:hover:not(:last-child):after {
    border-left: 10px solid #d37729; }
  .breadcrumbs .breadcrumb .breadcrumb-item:hover:not(:last-child):before {
    border-left: 10px solid #d37729; }

.modal-content {
  background-color: transparent !important;
  border: none !important;
  border-radius: unset !important; }

.modal-header {
  border: none !important; }

.modal-body.text-center img {
  width: 100% !important;
  height: auto !important; }

.moduleItem .content-container {
  max-width: 1128px; }

body.night {
  background-color: #551a57;
  color: #ffffff; }
  /*body.night .moduleItem-sticky .sticky-itemName .only-mobile,*/
  body.night .moduleItem-sticky .check-knowledge .only-mobile {
    filter: invert(100%); }
  body.night .moduleItem-sticky nav li a.nav-link.active .dot {
    background-color: #ffffff; }
  body.night .moduleItem-sticky nav li a.nav-link {
    color: #ffffff; }
  @media (min-width: 1200px) {
    body.night .moduleItem-sticky ol li,
    body.night .moduleItem-sticky .sticky-itemName {
      border-bottom: 2px solid #ffffff; } }
  body.night .breadcrumb {
    background-color: #551a57; }
    body.night .breadcrumb .breadcrumbs ol.breadcrumb li.breadcrumb-item a {
      color: #ffffff; }
    body.night .breadcrumb .breadcrumbs ol.breadcrumb {
      border: 2px solid #ffffff; }
  body.night .breadcrumbs ol.breadcrumb li.breadcrumb-item a {
    color: #ffffff; }
  body.night .letter-cover {
    background-color: #585858; }
    body.night .letter-cover .letter-item {
      border-bottom: 1px solid #fff;
      background-color: #2c2c2c; }
      body.night .letter-cover .letter-item a {
        color: #fff; }
        body.night .letter-cover .letter-item a:hover {
          color: #d37729; }
  body.night table {
    background-color: #551a57;
    color: #fff; }
  body.night .figure-caption {
    color: #fff;
  }
  body.night .breadcrumbs {
    background-color: #551a57;
  }
body.night .navbar {
  border-bottom: 1px solid #d37729;
}
body.night footer {
  border-top: 1px solid #d37729;
}
@font-face {
  font-family: Open-Dyslexic;
  src: url("../fonts/OpenDyslexic-Regular.ttf"); }


.featured-text {
background: #fdf5f5;
font-family: 'Poppins', sans-serif;
border: 1px solid #ddd;
padding: 30px;
font-weight: 300;
line-height: 2;
}

body.dyslexia {
  font-family: "Open-Dyslexic" !important; }

.footer-container {
  width: 100%;
  background-color: #260d25;
  text-align: center;
  color: #ffffff;
  padding: 10px 20px 60px;
  font-size: 0.8em; }
  @media (min-width: 768px) {
    .footer-container {
      font-size: 1em; } }
  @media (min-width: 1200px) {
    .footer-container {
      padding-left: 20px; } }
  .footer-container .row {
    max-width: 1250px;
    margin: 0 auto; }
  .footer-container a {
    color: #ffffff;
    text-decoration: underline;
    text-decoration-color: #d37729; }
    .footer-container a:hover {
      color: #d37729; }
  .footer-container .footer-images {
    display: inline-block; }
  .footer-container img {
    display: inline-block;
    margin: 10px 15px;
    max-width: 80px;
    height: auto; }
    @media (min-width: 768px) {
      .footer-container img {
        max-width: 210px; } }


/* footer {
  height: 540px;
} */

.moduleItem-wrapper {
  display: flex;
  /* flex-wrap: wrap; */
  align-items: baseline;
}


.breadcrumbs .breadcrumb-item+.breadcrumb-item::before {
    content: "";
}

.vjs-audio .vjs-fullscreen-control {
  display: none;
}

@media (max-width: 768px) {
  .swiper-slide {
    width: 100%;
  }
  .gallery-top .swiper-button-prev:after,
  .gallery-top .swiper-button-next:after {
    font-size: 16px;
  }

  .gallery-top .swiper-button-prev,
  .gallery-top .swiper-button-next  {
    width: 15px;
  }

  .gallery-top .swiper-pagination-fraction {
      bottom: -5px;
  }
}
      .swiper-container {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      /* background-size: cover;
      background-position: center; */
      /* width: 100%; */
    }
    .gallery-top {
      height: 80%;
      width: 100%;
    }

    .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .swiper-slide {
    background-size: cover;
    background-position: center;
  }
  .gallery-top {
    height: 80%;
    width: 100%;
  }
  .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
  }
  .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
  }
  .gallery-thumbs .swiper-slide-active,
  .swiper-slide-active .swiper-slide {
    opacity: 1;
  }
.pswp__caption .pswp__caption__center {
  text-align: center;
}
.video-js {
  background-color: #551A57;
}
.video-js button.vjs-picture-in-picture-control {display: none;}

.content-text .video-js.vjs-big-play-centered .vjs-control-bar {
  background-color: #551A57!important;
  bottom: -30px!important;
}


.moduleItem-sticky.active nav li a .only-mobile {
  display: none; }

.moduleItem-sticky.active nav li a .only-desktop {
  display: block;
  transition: all 300ms ease-out 0s; }

.moduleItem-sticky.active .sticky-itemName .only-desktop {
  display: inline-block; }

.moduleItem-sticky.active .sticky-itemName .only-mobile {
  transition: all 300ms ease-out 0s;
  text-align: right;}

.moduleItem-sticky.active .sticky-itemName .only-mobile img {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.moduleItem-sticky .sticky-itemName {
  transition: all 200ms ease-out;
  transform: none;}

.moduleItem-sticky.active {
  z-index: 20;
  background-color: #d37729;
  transition: all 300ms ease-out 0s; }

  .moduleItem-sticky {
    transition: all 300ms ease-out 0s; }

@media (max-width: 1200px) {
  .moduleItem-stickyWrapper {
    position: fixed !important;
    bottom: 0;
    left: 0;
    z-index: 99;
  }
  .moduleItem-sticky {
    margin:0 auto;
    width: 300px;
  }
  .moduleItem-sticky .sticky-itemName {
    display: block;
    float: right;
  }
  .moduleItem-sticky.active .sticky-itemName {
    float: unset;
  }
  .moduleItem-sticky:not(.active) nav {
    width: auto;
    display: none;
  }
  .moduleItem-sticky nav {
    width: auto;
    display: inline-block;
  }
  .moduleItem-sticky:not(.active) nav li {
    height: 40px;
    line-height: 20px;
    vertical-align: middle;
    display: inline-block !important;
  }
  .moduleItem-sticky nav li .nav-link.active .only-mobile {
    font-size: 24px;
  }
  .moduleItem-sticky.active .sticky-itemName .only-desktop img {
  display: none; }
}
    @media (min-width: 1200px) {
.moduleItem-sticky:not(.active) {
  width:80px;
}
.moduleItem-sticky .sticky-itemName .only-desktop img {
  width:45px;
  margin:15px;
}
.moduleItem-sticky.active .sticky-itemName .only-desktop img {
  width:25px;
  margin: 5px;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

  .moduleItem-sticky:not(.active) .only-desktop.name {
    width: auto;
    display: none;
  }

  .moduleItem-sticky:not(.active) nav {
    width: auto;
    display: none;
  }

      .moduleItem-sticky {
      background-color: #d37729;
      }
      .moduleItem-stickyWrapper {
      position: absolute !important;
      margin-left: -15px;
      bottom: 0;
      top: 0;
      }
    }

    .moduleItemWrapper.col-12 {
      padding-left:20px !important;
      padding-right:20px !important;
    }
    @media (min-width: 1200px) {
      .moduleItemWrapper.col-12 {
        padding: 0 210px;
      }
    }


    .vjs-texttrack-settings {
  display: none;
}
.content-container .content-text>h2 {
    padding-top: 40px;
    border-top: 4px solid #d37729;
}
h2#rememberboxscroll,
h2#rememberboxiscroll,
h2#rememberboxiiscroll,
h2#rememberboxiiiscroll,
h2#checklistscroll,
h2#grammarfocusscroll
 {
  background: url(../images/h2bg_eng5.png) no-repeat bottom 7px left;
  padding-left: 35px;
}
.night h2#rememberboxscroll,
.night h2#rememberboxiscroll,
.night h2#rememberboxiiscroll,
.night h2#rememberboxiiiscroll,
.night h2#checklistscroll,
.night h2#grammarfocusscroll
 {
  background: url(../images/h2bg_night.png) no-repeat bottom 7px left;
  padding-left: 35px;
}
.breadcrumb {
  background-color: transparent !important;
  display: inline-block;
}
.btn-outline-secondary:hover {
  color:#fff !important;
}
.no-blank:after {
  background: none !important;
  display: none !important;
}
.dropdown-menu {
  border-radius:0 !important;
}
.dropdown-menu:not(.level-two) {
  padding: 10px 30px 10px 30px !important;
}
.dropdown-item {
  width: auto !important;
}
.dropdown-item:focus, .dropdown-item:hover {
  background: none !important;
  color:#d37729 !important;
}
.dropdown-item.arrow {
  background: url(../images/arrow.svg) no-repeat center right 5px;
  background-size: 13px 22px;
}

.dropdown-item.arrow:hover, .dropdown-item.arrow:active, .dropdown-item.arrow:focus {
  background: url(../images/arrow_hover.svg) no-repeat center right 5px !important;
  background-size: 13px 22px !important;
}
.dropdown-item.dyslexia {
  background: url(../images/dyslexia.svg) no-repeat center right 5px !important;
  background-size: 40px !important;
}
.dropdown-item.night-mode {
  background: url(../images/night.svg) no-repeat center right 5px !important;
  background-size: 40px !important; 
}
.dropdown-item.help {
  background: url(../images/help.svg) no-repeat center right 5px !important;
  background-size: 40px !important; 
}

.eng1 .swiper-button-prev {
  background-image: url(../images/arrow-left_green.svg) !important;
  background-repeat: no-repeat;
}
.eng1 .swiper-button-next {
  background-image: url(../images/arrow-right_green.svg) !important;
  background-repeat: no-repeat;
}

.eng5 .swiper-button-prev {
  background-image: url(../images/arrow-left_orange.svg) !important;
  background-repeat: no-repeat;
}
.eng5 .swiper-button-next {
  background-image: url(../images/arrow-right_orange.svg) !important;
  background-repeat: no-repeat;
}


.main-wrapper {
  background-color: #fff;
}
@media (min-width: 1200px) {
  .main-wrapper {
  background-image: url(../images/planets.png);
  background-repeat: no-repeat;
  background-position: bottom 80px right 120px;
  border-bottom-right-radius: 240px;
  }
}
.night .main-wrapper {
  background-color: transparent;
}
.text-link a {
  color: #260d25 !important;
}
body.night .video-js .vjs-control-bar {
  background-color: #d37729 !important;
}
body.night .video-js .vjs-load-progress div {
  background: #fff !important;
}
.breadcrumbs.headroom--unpinned {
    transform: none !important;
}
.breadcrumbs.headroom--pinned {
    top: 47px;
}