@font-face {
  font-family: "Archivo VF";
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url("/css/fonts/archivo/archivo-italic-variable.woff2") format("woff2 supports variations"), url("/css/fonts/archivo/archivo-italic-variable.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Archivo VF";
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url("/css/fonts/archivo/archivo-variable.woff2") format("woff2 supports variations"), url("/css/fonts/archivo/archivo-variable.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Archivo";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-ThinItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-ExtraLightItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-LightItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-MediumItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-SemiBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-ExtraBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-BlackItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-Thin.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-ExtraLight.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-ExtraBold.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/css/fonts/archivo/static/Archivo-Black.woff2") format("woff2");
}
a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

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

html {
  font-size: 62.5%; /* defaults 1rem to 10px */
}

body {
  margin: 0;
  font-size: 1.6rem; /* 16px */
  overflow: hidden;
  overflow-y: auto;
  font-family: "Archivo", sans-serif;
  background-color: #E5E5E5;
  color: #444444;
  letter-spacing: 0.02rem;
}

button {
  font-family: "Archivo", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-variation-settings: "wdth" 90;
}

@supports (font-variation-settings: normal) {
  body {
    font-family: "Archivo VF", sans-serif;
  }
  button {
    font-family: "Archivo VF", sans-serif;
  }
}
.no-scroll {
  position: fixed;
  overflow: hidden;
}

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

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

.txt_fullwidth {
  font-variation-settings: "wdth" 100;
}

@media only screen and (max-width: 480px) {
  .extra_content {
    display: none;
  }
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  .hamburger {
    display: inline-block;
  }
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover, .hamburger:focus-within:hover, .showHideMenu:checked + .hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after, .hamburger:focus-within .hamburger-inner,
.hamburger:focus-within .hamburger-inner::before,
.hamburger:focus-within .hamburger-inner::after, .showHideMenu:checked + .hamburger .hamburger-inner,
.showHideMenu:checked + .hamburger .hamburger-inner::before,
.showHideMenu:checked + .hamburger .hamburger-inner::after {
  background-color: #fff;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 2px;
}
.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider.is-active .hamburger-inner, .hamburger--slider:focus-within .hamburger-inner, .showHideMenu:checked + .hamburger--slider .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before, .hamburger--slider:focus-within .hamburger-inner::before, .showHideMenu:checked + .hamburger--slider .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after, .hamburger--slider:focus-within .hamburger-inner::after, .showHideMenu:checked + .hamburger--slider .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

.dropdown__title {
  background-color: transparent;
  border: none;
  font-family: inherit;
  cursor: pointer;
}

.dropdown__title_mobile {
  display: none;
}

header {
  background-color: #856B99;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32), 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

nav {
  background-color: #856B99;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 125.2rem;
  padding: 0 1.6rem;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
nav ul li {
  padding: 0;
}
nav a {
  display: flex;
  align-items: center;
  justify-content: center;
}
nav a, nav a:hover {
  text-decoration: none;
}
nav > ul {
  flex-direction: row;
  align-items: center;
  max-width: 125.2rem;
  flex: 2 0 auto;
  /*> li:last-of-type {
  	border-right: none;
  }*/
}
nav > ul > li {
  border-right: 1px solid #92829A;
  flex: 1 1 auto;
}
nav > ul > li a, nav > ul > li .dropdown__title {
  color: white;
  font-weight: 400;
  font-size: 1.7rem;
  letter-spacing: 0.025rem;
  min-height: 6.4rem;
}
nav a.logo {
  letter-spacing: 0;
  flex: 1 0 auto;
  font-size: 2.4rem;
  font-variation-settings: "wdth" 90;
  color: white;
  border-right: 1px solid #92829A;
  font-weight: 400;
}
nav a.logo span {
  margin-right: auto;
}
nav a.logo b {
  font-weight: 900;
}
nav a.logo:hover {
  background-color: inherit;
}
nav #search-dropdown {
  background-color: transparent;
}
nav .nav_search-form {
  display: flex;
}
nav .nav_search-input {
  max-width: 25.55rem;
  width: 100%;
  padding: 1.6rem;
  background-color: rgba(255, 255, 255, 0.8666666667);
  border: none;
  height: 6.4rem;
  margin: 0;
  font-size: 1.8rem;
}
nav .nav_search-button {
  text-indent: -9999px;
  background-image: url("/images/search_ico2.svg");
  background-size: 2.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #856B99;
  border: none;
  cursor: pointer;
  width: 4.45rem;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 1200px) {
  nav {
    padding: 0 1.6rem;
    padding-right: 0;
  }
  nav > ul > li:last-of-type {
    border-right: none;
  }
  nav .search > button {
    text-indent: -9999px;
    background-image: url("/images/search_ico2.svg");
    background-size: contain;
    width: 3rem;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media only screen and (max-width: 768px) {
  nav {
    position: relative;
  }
  nav > ul {
    width: 35rem;
    flex-direction: column;
    align-items: flex-start;
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    transform: translateX(35rem);
    opacity: 0.3;
    transition: opacity, transform 300ms ease-out;
    z-index: 99;
    padding-top: 2rem;
    padding-bottom: 2rem;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32), 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
  }
  nav a.logo {
    border-right: none;
    color: white;
    font-size: 2.1rem;
  }
  nav .hamburger {
    margin-left: auto;
    z-index: 100;
  }
  nav .showHideMenu:checked ~ ul {
    background-color: #856B99;
    opacity: 1;
    transform: translateX(0);
    visibility: visible;
    position: absolute;
    height: 100vh;
    overflow-y: auto;
    padding-left: 1rem;
  }
  nav .showHideMenu:checked ~ ul .logo {
    display: none;
  }
  nav .showHideMenu:checked ~ ul li {
    border-right: 0;
  }
  nav .showHideMenu:checked ~ ul > li a, nav .showHideMenu:checked ~ ul > li .dropdown__title {
    min-height: auto;
  }
  nav .showHideMenu:checked ~ ul > li a {
    font-weight: 300;
    background-color: inherit;
    color: white;
    letter-spacing: 0.025rem;
    padding: 0.4rem 0;
  }
  nav .showHideMenu:checked ~ ul > li .dropdown__title {
    display: none;
  }
  nav .showHideMenu:checked ~ ul > li .dropdown__title_mobile {
    cursor: pointer;
    display: block;
    font-weight: 800;
    font-variation-settings: "wdth" 90;
  }
  nav .showHideMenu:checked ~ ul .dropdown {
    text-align: left;
  }
  nav .showHideMenu:checked ~ ul .dropdown .dropdown__menu {
    width: 100%;
    color: white;
    letter-spacing: 0.025rem;
    list-style: circle;
    margin-left: 1.5em;
    position: static;
    visibility: visible;
    opacity: 1;
    transform: none;
    background-color: inherit;
    box-shadow: none;
    margin-bottom: 2rem;
  }
  nav .showHideMenu:checked ~ ul .dropdown.learn:hover, nav .showHideMenu:checked ~ ul .dropdown.learn:focus-within, nav .showHideMenu:checked ~ ul .dropdown.watch:hover, nav .showHideMenu:checked ~ ul .dropdown.watch:focus-within, nav .showHideMenu:checked ~ ul .dropdown.ref:hover, nav .showHideMenu:checked ~ ul .dropdown.ref:focus-within, nav .showHideMenu:checked ~ ul .dropdown.how:hover, nav .showHideMenu:checked ~ ul .dropdown.how:focus-within, nav .showHideMenu:checked ~ ul .dropdown.more:hover, nav .showHideMenu:checked ~ ul .dropdown.more:focus-within, nav .showHideMenu:checked ~ ul .dropdown.search:hover, nav .showHideMenu:checked ~ ul .dropdown.search:focus-within {
    background-color: inherit;
  }
  nav .showHideMenu:checked ~ ul .dropdown.learn:hover .dropdown__menu a:hover, nav .showHideMenu:checked ~ ul .dropdown.learn:focus-within .dropdown__menu a:hover, nav .showHideMenu:checked ~ ul .dropdown.watch:hover .dropdown__menu a:hover, nav .showHideMenu:checked ~ ul .dropdown.watch:focus-within .dropdown__menu a:hover, nav .showHideMenu:checked ~ ul .dropdown.ref:hover .dropdown__menu a:hover, nav .showHideMenu:checked ~ ul .dropdown.ref:focus-within .dropdown__menu a:hover, nav .showHideMenu:checked ~ ul .dropdown.how:hover .dropdown__menu a:hover, nav .showHideMenu:checked ~ ul .dropdown.how:focus-within .dropdown__menu a:hover, nav .showHideMenu:checked ~ ul .dropdown.more:hover .dropdown__menu a:hover, nav .showHideMenu:checked ~ ul .dropdown.more:focus-within .dropdown__menu a:hover, nav .showHideMenu:checked ~ ul .dropdown.search:hover .dropdown__menu a:hover, nav .showHideMenu:checked ~ ul .dropdown.search:focus-within .dropdown__menu a:hover {
    background-color: inherit;
    text-decoration: underline;
  }
  nav .showHideMenu:checked ~ ul .dropdown.search .dropdown__title {
    display: none;
  }
  nav .showHideMenu:checked ~ ul .dropdown.search .dropdown__menu {
    list-style: none;
    margin: 0;
    padding: 0 0 80px 0;
  }
}
@media only screen and (max-width: 480px) {
  nav > ul {
    width: 100%;
    left: 0;
    transform: translateX(100%);
  }
}

nav.breadcrumb {
  background-color: transparent;
  box-shadow: none;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
}
nav.breadcrumb ol {
  list-style: none;
  padding: 0;
  margin: 4rem 0 0 0;
  display: flex;
  justify-content: flex-start;
}
nav.breadcrumb a {
  color: white;
  letter-spacing: 0.025rem;
  font-weight: 400;
  font-size: 1.4rem;
  text-transform: uppercase;
  position: relative;
  padding-right: 2em;
}
nav.breadcrumb a:before {
  position: absolute;
  border-right: 1px solid white;
  transform: rotate(20deg);
  right: 1em;
  content: "";
  top: 0.17em;
  height: 0.9em;
}
nav.breadcrumb li:last-child a:before {
  display: none;
}

.dropdown {
  position: relative;
  text-align: center;
}
.dropdown:hover .dropdown__menu, .dropdown:focus-within .dropdown__menu {
  opacity: 1;
  transform: rotateX(0);
  visibility: visible;
}
.dropdown .dropdown__menu {
  z-index: 100;
  background-color: white;
  width: 30rem;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.05), 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  transform: rotateX(-90deg);
  transform-origin: top center;
  opacity: 0.3;
  visibility: hidden;
  transition: 280ms opacity, transform 120ms ease-out;
}
.dropdown .dropdown__menu a {
  display: block;
  color: #444444;
  padding: 2.4rem;
  background-color: white;
  justify-content: left;
  text-align: left;
  min-height: initial;
}
.dropdown .dropdown__menu a:hover {
  color: white;
}
.dropdown #more-dropdown, .dropdown #search-dropdown {
  right: 0;
  left: auto;
}

.dropdown.learn:hover, .dropdown.learn:focus-within {
  background-color: #17997A;
}
.dropdown.learn:hover .dropdown__menu a:hover, .dropdown.learn:focus-within .dropdown__menu a:hover {
  background-color: #17997A;
}

.dropdown.watch:hover, .dropdown.watch:focus-within {
  background-color: #4C9DBF;
}
.dropdown.watch:hover .dropdown__menu a:hover, .dropdown.watch:focus-within .dropdown__menu a:hover {
  background-color: #4C9DBF;
}

.dropdown.ref:hover, .dropdown.ref:focus-within {
  background-color: #CCAB52;
}
.dropdown.ref:hover .dropdown__menu a:hover, .dropdown.ref:focus-within .dropdown__menu a:hover {
  background-color: #CCAB52;
}

.dropdown.how:hover, .dropdown.how:focus-within {
  background-color: #BF4368;
}
.dropdown.how:hover .dropdown__menu a:hover, .dropdown.how:focus-within .dropdown__menu a:hover {
  background-color: #BF4368;
}

.dropdown.more:hover, .dropdown.more:focus-within {
  background-color: #17997A;
}
.dropdown.more:hover .dropdown__menu a:hover, .dropdown.more:focus-within .dropdown__menu a:hover {
  background-color: #17997A;
}

.dropdown.search:hover, .dropdown.search:focus-within {
  background-color: #17997A;
}
.dropdown.search:hover .dropdown__menu a:hover, .dropdown.search:focus-within .dropdown__menu a:hover {
  background-color: #17997A;
}

/*************** End of nav styles **************************/
/*************** Floating tabs styles ***********************/
.floating-tabs {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: flex-end;
  position: fixed;
  top: 7.7rem;
  right: 0;
  z-index: 99;
  width: 3em;
}
.floating-tabs a {
  text-decoration: none;
}

.floating-tabs_tab {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.25em;
  padding: 0.25em 1.25em 0.25em 0.25em;
  -webkit-transform: translateX(100%) translateX(-3em);
  transform: translateX(100%) translateX(-3em);
  width: auto;
  height: auto;
  background: #735E7E;
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  text-decoration: none;
  cursor: pointer;
  color: white;
  letter-spacing: 0.025rem;
}

.floating-tabs_tab:last-child {
  margin-bottom: 0;
}

.floating-tabs_tab--grey {
  background: #EFEFEF;
  color: #856B99;
}

.floating-tabs_tab-icon {
  display: block;
}

.floating-tabs span {
  display: inline-block;
}

.floating-tabs_tab span {
  margin: 0 0 0 0.5em;
  text-decoration: none;
}

.floating-tabs_tab-icon--language::before {
  margin: 0.1em;
  width: 2.2em;
  height: 2.2em;
  opacity: 0.75;
}

.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-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 {
  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);
}

.floating-tabs_tab:focus, .floating-tabs_tab:hover {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/*************** homepage introductory box styles ***********/
.webp section.home-intro, .webp section.home-intro--portal {
  background-image: linear-gradient(to right, #17997A, rgba(92, 142, 133, 0) 70%), linear-gradient(to left, #17997A, rgba(92, 142, 133, 0) 70%), url("/images/home/quirang.webp");
}

.no-webp section.home-intro, .no-webp section.home-intro--portal {
  background-image: linear-gradient(to right, #17997A, rgba(92, 142, 133, 0) 70%), linear-gradient(to left, #17997A, rgba(92, 142, 133, 0) 70%), url("/images/home/quirang.jpg");
}

section.home-intro, section.home-intro--portal {
  margin-top: 6.4rem;
  background-repeat: no-repeat;
  background-size: cover;
  /*@media only screen and (max-width: $standard-width) {
       //padding: $padding-1024;
     }
     @media only screen and (max-width: $narrow-mid-width) {
         //used if bg does *not* extend down to intro patch when it drops below header text
     	background: none;
     }*/
}
@media only screen and (max-width: 768px) {
  section.home-intro, section.home-intro--portal {
    margin-top: 54px;
  }
}
section.home-intro > div, section.home-intro--portal > div {
  max-width: 125.2rem;
  margin: 0 auto;
  padding: 0 1.6rem;
  min-height: 428px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
  section.home-intro > div, section.home-intro--portal > div {
    padding: 0 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  section.home-intro > div, section.home-intro--portal > div {
    min-height: initial;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }
}
section.home-intro > div > div, section.home-intro--portal > div > div {
  width: 100%;
  max-width: 70.5rem;
  flex: 1 1 auto;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding-right: 12rem;
}
@media only screen and (max-width: 1024px) {
  section.home-intro > div > div, section.home-intro--portal > div > div {
    padding-right: 4rem;
  }
}
@media only screen and (max-width: 768px) {
  section.home-intro > div > div, section.home-intro--portal > div > div {
    /*background-image: 	linear-gradient(to right, $lg-green, rgba(92, 142, 133, 0) 70%),
    			linear-gradient(to left, $lg-green, rgba(92, 142, 133, 0) 70%),
    			url('/images/home/quirang.jpg');
    background-repeat: no-repeat;
    background-size: cover;*/
    padding: 0 1.6rem;
    max-width: initial;
  }
}
section.home-intro > div > div h1, section.home-intro--portal > div > div h1 {
  margin: 4.3rem 0 2.3rem 0;
  z-index: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.home-intro > div > div h1 img, section.home-intro--portal > div > div h1 img {
  width: 100%;
  height: auto;
  max-height: 38rem;
}
section.home-intro > div > div h2, section.home-intro--portal > div > div h2 {
  margin: 0;
  font-weight: 400;
  font-size: 3.6rem;
  letter-spacing: -0.02em;
  line-height: 4rem;
  padding-right: 1.5rem;
}
@media only screen and (max-width: 1024px) {
  section.home-intro > div > div h2, section.home-intro--portal > div > div h2 {
    font-size: 3.6rem;
    --minFontSize: 2rem;
    --maxFontSize: 3.6rem;
    --scaler: 7vw;
    font-size: clamp(var(--minFontSize), var(--scaler), var(--maxFontSize));
    line-height: clamp(2.2rem, var(--scaler), 4rem);
  }
}
section.home-intro > div > div h2 strong, section.home-intro--portal > div > div h2 strong {
  font-weight: 800;
}
section.home-intro--portal {
  background-image: none;
  background-color: #4C9DBF;
}
@media only screen and (max-width: 700px) {
  section.home-intro--portal {
    background-color: transparent;
  }
}
section.home-intro--portal > div {
  min-height: 28.8rem;
}
section.home-intro--portal > div > div {
  max-width: 102.4rem;
}
@media only screen and (max-width: 700px) {
  section.home-intro--portal > div > div {
    background-image: none;
  }
}
section.home-intro--portal > div > div h1 {
  font-weight: 800;
  font-size: 7.2rem;
  margin-top: 3.3rem;
}
@media only screen and (max-width: 480px) {
  section.home-intro--portal > div > div h1 {
    font-size: 4.8rem;
  }
}
section.home-intro--portal > div > div h2, section.home-intro--portal > div > div h3 {
  font-weight: 400;
  font-size: 2rem;
  margin-top: 0rem;
  line-height: 2.75rem;
  letter-spacing: 0.03em;
}
section.home-intro--portal > div > div h3 {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.8);
  margin: 2.7rem 0;
}
section.home-intro--portal > div > div h3 a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: underline;
}
section.home-intro--portal.portal--learn {
  background-color: #17997A;
}
section.home-intro--portal.portal--reference {
  background-color: #CCAB52;
}
section.home-intro--portal.portal--how {
  background-color: #BF4368;
}

section.is-live-false > div {
  position: relative;
}
section.is-live-false > div:before {
  position: absolute;
  content: "not live";
  color: white;
  font-size: 1.6rem;
  text-transform: uppercase;
  background-color: red;
  padding: 6px 50px;
  font-weight: bold;
  bottom: 0;
  right: 0;
}

.nowebp .intro-patches a div.background-container:after, .nowebp .intro-patches--portal a div.background-container:after {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("/images/home/writing.jpg");
}

.webp .intro-patches a div.background-container:after, .webp .intro-patches--portal a div.background-container:after {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("/images/home/writing.webp");
}

.intro-patches, .intro-patches--portal {
  flex: 1 0 auto;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  display: grid;
  grid-template-columns: [col1] 1fr;
  grid-template-rows: [top-margin] 3.2rem [first-patch] 1fr [centre-margin] 3.2rem [last-patch] 1fr [bottom-margin] 6.1rem;
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 2rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .intro-patches, .intro-patches--portal {
    font-size: 1.4rem;
    grid-template-rows: [top-margin] 2.4rem [patch] 1fr [bottom-margin] 3.2rem;
    padding: 0;
  }
}
.intro-patches h3, .intro-patches--portal h3 {
  font-variation-settings: "wdth" 90;
  margin: 0;
  font-weight: 900;
  font-size: 4rem;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .intro-patches h3, .intro-patches--portal h3 {
    font-size: 3.2rem;
  }
}
.intro-patches p, .intro-patches--portal p {
  margin: 0.3rem 0;
  z-index: 1;
}
.intro-patches a, .intro-patches--portal a {
  position: relative;
  border-radius: 4px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  min-height: 160px;
  max-width: 52rem;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32), 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
  padding: 4px 2rem;
}
.intro-patches a div.background-container, .intro-patches--portal a div.background-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 4px;
}
.intro-patches a div.background-container:after, .intro-patches--portal a div.background-container:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1);
  transition: transform 0.05s ease;
}
@media only screen and (max-width: 1200px) {
  .intro-patches a, .intro-patches--portal a {
    min-height: 12.8rem;
    max-width: 39.4rem;
    min-width: 32rem;
  }
}
@media only screen and (max-width: 768px) {
  .intro-patches a, .intro-patches--portal a {
    max-width: initial;
    margin: 0 1.6rem;
    min-width: initial;
  }
}
.intro-patches a:hover, .intro-patches--portal a:hover {
  text-decoration: none;
}
.intro-patches a:hover div.background-container:after, .intro-patches--portal a:hover div.background-container:after {
  transform: scale(1.2);
}
.intro-patches li:nth-child(1), .intro-patches--portal li:nth-child(1) {
  grid-column-start: col1;
  grid-row-start: first-patch;
}
.intro-patches li:nth-child(1) a div.background-container:after, .intro-patches--portal li:nth-child(1) a div.background-container:after {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("/images/speakgaelic.svg");
  background-position: center;
}
.intro-patches li:nth-child(2), .intro-patches--portal li:nth-child(2) {
  grid-column-start: col1;
  grid-row-start: last-patch;
}
@media only screen and (max-width: 768px) {
  .intro-patches, .intro-patches--portal {
    /*li:nth-child(1) {
    	display:none;
    }
    li:nth-child(2) {
    	margin-top: 0;
    	grid-row-start: patch;
    }*/
    display: none;
  }
}
section.strapline h2 {
  text-align: center;
  max-width: 125.2rem;
  padding: 0 1.6rem;
  font-weight: 400;
  font-size: 4.4rem;
  font-variation-settings: "wdth" 90;
  letter-spacing: 0.5%;
  margin-left: auto;
  margin-right: auto;
}
section.strapline h2 b {
  font-weight: 900;
}

section.speakgaelic {
  display: none;
  padding: 0 1.6rem;
  text-align: center;
  max-width: 125.2rem;
  margin: 3.8rem auto;
}
@media only screen and (max-width: 768px) {
  section.speakgaelic {
    display: block;
  }
}
section.speakgaelic a {
  position: relative;
  min-height: 13rem;
  text-decoration: none;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.8rem 0.2rem;
  border-radius: 3px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32), 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
  transition: background-size 0.05s ease;
  margin: 6rem auto 4rem auto;
}
section.speakgaelic a div.background-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
section.speakgaelic a div.background-container:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-image: url("/images/speakgaelic.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: scale(1);
  transition: transform 0.05s ease;
}
section.speakgaelic a:hover {
  text-decoration: none;
}
section.speakgaelic a:hover div.background-container:after {
  transform: scale(1.1);
}
section.speakgaelic a:before {
  content: "";
  position: absolute;
  border-top: 2px dashed #cccccc;
  width: 100%;
  top: -4rem;
}

section.new-to-site {
  max-width: 125.2rem;
  margin: 4.4rem auto;
  padding: 0 1.6rem;
}
@media only screen and (max-width: 1200px) {
  section.new-to-site {
    padding: 0 1.6rem;
    margin-top: 2.95rem;
  }
}
section.new-to-site a {
  display: block;
  color: white;
  letter-spacing: 0.025rem;
  padding: 18.78px 19px 18.78px 20px;
  background-color: #17997A;
  margin-right: 1.5rem;
  max-width: 30rem;
  min-height: 17.6rem;
  height: 100%;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32), 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  transition: background-color 0.05s ease;
}
@media only screen and (max-width: 768px) {
  section.new-to-site a {
    margin-right: 0;
    max-width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  section.new-to-site a {
    min-height: initial;
  }
}
section.new-to-site a:hover {
  background-color: #856B99;
}
section.new-to-site li:nth-child(2) a {
  background-color: #4C9DBF;
}
section.new-to-site li:nth-child(2) a:hover {
  background-color: #856B99;
}
section.new-to-site li:nth-child(3) a {
  background-color: #CCAB52;
}
section.new-to-site li:nth-child(3) a:hover {
  background-color: #856B99;
}
section.new-to-site li:last-of-type a {
  background-color: #BF4368;
  margin-right: 0;
}
section.new-to-site li:last-of-type a:hover {
  background-color: #856B99;
}
section.new-to-site a:hover {
  text-decoration: none;
}
section.new-to-site h2 {
  border-top: 2px dashed #cccccc;
  font-weight: 400;
  font-size: 2.4rem;
  font-variation-settings: "wdth" 90;
  letter-spacing: 0.01em;
  margin: 2.7rem 0;
  padding-top: 2.7rem;
}
@media only screen and (max-width: 480px) {
  section.new-to-site h2 {
    padding-top: 2.4rem;
  }
}
section.new-to-site h3 {
  margin: 0 0 1rem 0;
  font-weight: 800;
  font-size: 2.4rem;
  font-variation-settings: "wdth" 90;
}
section.new-to-site p {
  margin: 0;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.3rem;
}
section.new-to-site ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
@media only screen and (max-width: 768px) {
  section.new-to-site ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 480px) {
  section.new-to-site ul {
    flex-wrap: nowrap;
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  section.new-to-site li {
    width: calc(50% - 0.85rem);
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  section.new-to-site li {
    width: 100%;
  }
}

section.categories, section.categories--portal, section.latest {
  max-width: 125.2rem;
  margin: 4.4rem auto;
  padding: 0 1.6rem;
}
@media only screen and (max-width: 1200px) {
  section.categories, section.categories--portal, section.latest {
    padding: 0 1.6rem;
  }
}
section.categories h2, section.categories--portal h2, section.latest h2 {
  border-top: 2px dashed #cccccc;
  font-weight: 400;
  font-size: 2.4rem;
  margin: 2.7rem 0;
  padding-top: 2.7rem;
  font-variation-settings: "wdth" 90;
}
section.categories h4, section.categories--portal h4, section.categories h5, section.categories--portal h5, section.latest h4, section.latest h5 {
  font-size: 1.8rem;
  margin: 0 0 0.8rem 0;
  font-weight: 400;
}
section.categories img, section.categories--portal img, section.latest img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 1200px) {
  section.categories img, section.categories--portal img, section.latest img {
    object-fit: cover;
  }
}
section.categories span.zoom-image-wrapper, section.categories--portal span.zoom-image-wrapper, section.latest span.zoom-image-wrapper {
  display: block;
  width: 100%;
  padding-top: 51%;
  position: relative;
  overflow: hidden;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
section.categories span.zoom-image-wrapper img, section.categories--portal span.zoom-image-wrapper img, section.latest span.zoom-image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.05s ease;
}
section.categories h3 + span.zoom-image-wrapper, section.categories--portal h3 + span.zoom-image-wrapper, section.latest h3 + span.zoom-image-wrapper {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
section.categories span.zoom-image, section.categories--portal span.zoom-image, section.latest span.zoom-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1);
  transition: transform 0.05s ease;
}
section.categories p, section.categories--portal p, section.latest p {
  color: #444444;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
  letter-spacing: 0.015em;
  padding: 2rem;
}
@media only screen and (max-width: 480px) {
  section.categories p, section.categories--portal p, section.latest p {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
section.categories p.levels-help, section.categories--portal p.levels-help, section.latest p.levels-help {
  font-weight: 400;
  font-size: 2.2rem;
  text-align: center;
  line-height: 4.25rem;
  padding: 0;
  margin: 3rem 0 4rem 0;
}
section.categories p.levels-help span, section.categories--portal p.levels-help span, section.latest p.levels-help span {
  color: #4C9DBF;
}
@media only screen and (max-width: 480px) {
  section.categories p.levels-help span, section.categories--portal p.levels-help span, section.latest p.levels-help span {
    display: none;
  }
}
section.categories p.levels-help a, section.categories--portal p.levels-help a, section.latest p.levels-help a {
  color: #4C9DBF;
  text-decoration: underline;
}
@media only screen and (max-width: 480px) {
  section.categories p.levels-help a, section.categories--portal p.levels-help a, section.latest p.levels-help a {
    display: block;
  }
}
section.categories p.levels-help a:hover, section.categories--portal p.levels-help a:hover, section.latest p.levels-help a:hover {
  color: #856B99;
}
section.categories ul, section.categories--portal ul, section.latest ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  /* add badge to notlive litir cards */
}
section.categories ul p, section.categories--portal ul p, section.latest ul p {
  margin: 0;
}
section.categories ul li, section.categories--portal ul li, section.latest ul li {
  width: calc(25% - 1.2rem);
  margin-right: 1.6rem;
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
}
section.categories ul li:nth-of-type(4n), section.categories--portal ul li:nth-of-type(4n), section.latest ul li:nth-of-type(4n) {
  margin-right: 0;
}
section.categories ul li:nth-of-type(n+5), section.categories--portal ul li:nth-of-type(n+5), section.latest ul li:nth-of-type(n+5) {
  margin-top: 1.7rem;
}
@media only screen and (max-width: 1024px) {
  section.categories ul li:nth-of-type(n+3), section.categories--portal ul li:nth-of-type(n+3), section.latest ul li:nth-of-type(n+3) {
    margin-top: 1.7rem;
  }
}
@media only screen and (max-width: 480px) {
  section.categories ul, section.categories--portal ul, section.latest ul {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  section.categories ul li, section.categories--portal ul li, section.latest ul li {
    margin-right: 0;
    margin-bottom: 1.7rem;
  }
  section.categories ul li:nth-of-type(n+3), section.categories--portal ul li:nth-of-type(n+3), section.latest ul li:nth-of-type(n+3) {
    margin-top: 0;
  }
}
section.categories ul a, section.categories--portal ul a, section.latest ul a {
  display: block;
  flex: 1 0 auto;
  border-radius: 4px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32), 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
  background-color: white;
  transition: background-color 0.05s ease;
}
section.categories ul a h3, section.categories--portal ul a h3, section.latest ul a h3 {
  color: white;
  letter-spacing: 0.025rem;
  position: relative;
  margin: 0;
  padding: 2rem;
  font-weight: 800;
  font-size: 2.4rem;
  font-variation-settings: "wdth" 90;
  background-color: #17997A;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  transition: background-color 0.05s ease;
}
section.categories ul a p, section.categories--portal ul a p, section.latest ul a p {
  color: #444444;
  transition: color 0.05s ease;
  font-weight: 300;
  line-height: 2.3rem;
}
section.categories ul a div, section.categories--portal ul a div, section.latest ul a div {
  flex: 0 1 auto;
  border-top: 1px solid #E5E5E5;
  padding: 2.1rem 2rem;
  font-weight: 400;
  font-size: 1.8rem;
  transition: border-top-color 0.05s ease;
}
section.categories ul a div h4, section.categories--portal ul a div h4, section.categories ul a div h5, section.categories--portal ul a div h5, section.latest ul a div h4, section.latest ul a div h5 {
  color: #999;
  transition: color 0.05s ease;
}
section.categories ul a div p, section.categories--portal ul a div p, section.latest ul a div p {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #17997A;
  font-weight: 400;
  letter-spacing: 0.01em;
  transition: color 0.05s ease;
}
section.categories ul a:hover, section.categories--portal ul a:hover, section.latest ul a:hover {
  text-decoration: none;
  background-color: #856B99;
  color: white;
}
section.categories ul a:hover h3, section.categories--portal ul a:hover h3, section.latest ul a:hover h3 {
  background-color: #856B99;
}
section.categories ul a:hover span.zoom-image-wrapper img, section.categories--portal ul a:hover span.zoom-image-wrapper img, section.latest ul a:hover span.zoom-image-wrapper img {
  transform: scale(1.1);
}
section.categories ul a:hover span.zoom-image, section.categories--portal ul a:hover span.zoom-image, section.latest ul a:hover span.zoom-image {
  transform: scale(1.1);
}
section.categories ul a:hover div, section.categories--portal ul a:hover div, section.latest ul a:hover div {
  border-top-color: #92829A;
}
section.categories ul a:hover h3, section.categories--portal ul a:hover h3, section.categories ul a:hover h4, section.categories--portal ul a:hover h4, section.categories ul a:hover p, section.categories--portal ul a:hover p, section.categories ul a:hover div, section.categories--portal ul a:hover div, section.latest ul a:hover h3, section.latest ul a:hover h4, section.latest ul a:hover p, section.latest ul a:hover div {
  color: white;
}
section.categories ul a.is-live-false, section.categories--portal ul a.is-live-false, section.latest ul a.is-live-false {
  position: relative;
}
section.categories ul a.is-live-false:before, section.categories--portal ul a.is-live-false:before, section.latest ul a.is-live-false:before {
  position: absolute;
  content: "not live";
  background-color: red;
  width: 140px;
  height: 25px;
  top: 0;
  left: 0;
  z-index: 2;
  color: white;
  font-weight: bold;
  padding: 4px;
  text-align: center;
  font-size: 1.5rem;
  text-transform: uppercase;
  transform: rotate(-45deg) translateX(-40px) translateY(1px);
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

@media only screen and (max-width: 1023px) {
  section.categories ul, section.categories--portal ul {
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 480px) {
  section.categories ul, section.categories--portal ul {
    flex-wrap: nowrap;
    flex-direction: column;
  }
}
section.categories ul li, section.categories--portal ul li {
  display: block;
}
@media only screen and (max-width: 1023px) {
  section.categories ul li, section.categories--portal ul li {
    flex: 0 1 auto;
    margin-right: 0;
    width: calc(50% - 0.85rem);
  }
  section.categories ul li:last-of-type(), section.categories--portal ul li:last-of-type() {
    margin-bottom: 2.4rem;
  }
}
@media only screen and (max-width: 480px) {
  section.categories ul li, section.categories--portal ul li {
    width: 100%;
  }
}
section.categories ul li a, section.categories--portal ul li a {
  display: flex;
  flex-direction: column;
  height: 100%;
}
section.categories ul li a > p, section.categories--portal ul li a > p {
  flex: 1 1 auto;
}
section.categories ul li.lgblue h3, section.categories--portal ul li.lgblue h3 {
  background-color: #4C9DBF;
}
section.categories ul li.lgblue a:hover h3, section.categories--portal ul li.lgblue a:hover h3 {
  background-color: #856B99;
}
section.categories ul li.lgblue div p, section.categories--portal ul li.lgblue div p {
  color: #4C9DBF;
}
section.categories ul li.lgblue a:hover p, section.categories--portal ul li.lgblue a:hover p {
  color: white;
}
section.categories ul li.lgyellow h3, section.categories--portal ul li.lgyellow h3 {
  background-color: #CCAB52;
}
section.categories ul li.lgyellow a:hover h3, section.categories--portal ul li.lgyellow a:hover h3 {
  background-color: #856B99;
}
section.categories ul li.lgyellow div p, section.categories--portal ul li.lgyellow div p {
  color: #CCAB52;
}
section.categories ul li.lgyellow a:hover p, section.categories--portal ul li.lgyellow a:hover p {
  color: white;
}
section.categories ul li.lgpink h3, section.categories--portal ul li.lgpink h3 {
  background-color: #BF4368;
}
section.categories ul li.lgpink a:hover h3, section.categories--portal ul li.lgpink a:hover h3 {
  background-color: #856B99;
}
section.categories ul li.lgpink div p, section.categories--portal ul li.lgpink div p {
  color: #BF4368;
}
section.categories ul li.lgpink a:hover p, section.categories--portal ul li.lgpink a:hover p {
  color: white;
}
section.categories--portal ul a span.zoom-image-wrapper {
  padding-top: 56%;
}
section.categories--portal ul a h2 {
  color: #4C9DBF;
}
section.categories--portal ul a h3 {
  color: rgba(76, 157, 191, 0.66);
  font-weight: 500;
  font-size: 1.4rem;
  background-color: white;
  text-transform: uppercase;
  padding: 0 2rem;
  margin-top: 1.6rem;
  transition: background-color 0.05s ease;
}
section.categories--portal ul a h4 {
  font-weight: 800;
  font-size: 2.4rem;
  color: #444444;
  padding: 0 2rem;
  margin: 1.3rem 0 0 0;
  font-variation-settings: "wdth" 90;
}
section.categories--portal ul a h5 {
  font-weight: 400;
  color: #999;
  margin: 0;
  transition: color 0.05s ease;
}
section.categories--portal ul a div p {
  color: #4C9DBF;
}
section.categories--portal ul a:hover h3 {
  background-color: #856B99;
}
section.categories--portal ul a:hover h5 {
  color: white;
}
section.categories--portal.portal--l a h2 {
  color: #17997A;
}
section.categories--portal.portal--l a h3 {
  color: rgba(23, 153, 122, 0.66);
}
section.categories--portal.portal--l a div p {
  color: #17997A;
}
section.categories--portal.portal--l a:hover div p {
  color: white;
}
section.categories--portal.portal--r a h2 {
  color: #CCAB52;
}
section.categories--portal.portal--r a h3 {
  color: rgba(204, 171, 82, 0.66);
}
section.categories--portal.portal--r a div p {
  color: #CCAB52;
}
section.categories--portal.portal--r a:hover div p {
  color: white;
}
section.categories--portal.portal--h a h2 {
  color: #BF4368;
}
section.categories--portal.portal--h a h3 {
  color: rgba(191, 67, 104, 0.66);
}
section.categories--portal.portal--h a div p {
  color: #BF4368;
}
section.categories--portal.portal--h a:hover div p {
  color: white;
}
section.categories--portal.portal--p a h2 {
  color: #856B99;
}
section.categories--portal.portal--p a h3 {
  color: #856B99;
}
section.categories--portal.portal--p a div p {
  color: #856B99;
}
section.categories--portal.portal--p a:hover div p {
  color: white;
}

@media only screen and (max-width: 1024px) {
  section.latest ul li {
    display: none;
    flex: 1 1 auto;
  }
  section.latest ul li:nth-child(1) {
    display: block;
  }
  section.latest ul li:nth-child(2) {
    display: block;
  }
  section.latest ul li:nth-child(3) {
    display: block;
    margin-right: 0;
  }
}
@media only screen and (max-width: 768px) {
  section.latest ul li {
    width: calc(50% - 0.85rem);
    margin-bottom: 2rem;
    flex: 0 1 auto;
    display: none;
  }
  section.latest ul li:nth-child(1) {
    display: block;
  }
  section.latest ul li:nth-child(2) {
    display: block;
    margin-right: 0;
  }
  section.latest ul li:nth-child(3) {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  section.latest ul li {
    width: 100%;
  }
}
section.latest ul a {
  padding: 0;
  height: 100%;
}
section.latest ul a div.video, section.latest ul a div.audio {
  position: relative;
  padding: 0;
  border-top: none;
}
section.latest ul a p {
  padding: 0 0 1.8rem 0;
  margin: 1.8rem 2rem 0 2rem;
}
section.latest ul a span.zoom-image-wrapper {
  padding-top: 61.7647058824%;
}
section.latest ul a div.audio:before, section.latest ul a div.video:before, section.latest ul a div.audio:after, section.latest ul a div.video:after {
  content: "";
  width: 5.6rem;
  height: 5.6rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
section.latest ul a div.video:before, section.latest ul a div.audio:before {
  background-image: url("/images/audio.svg");
  background-repeat: no-repeat;
  background-size: 42%;
  background-color: transparent;
  background-position: center;
  z-index: 2;
}
section.latest ul a div.video:before {
  background-image: url("/images/play4.svg");
  background-size: 42%;
}
section.latest ul a div.video:after, section.latest ul a div.audio:after {
  background-color: white;
  transition: background-color 0.05s ease;
}
section.latest ul a img {
  display: block;
  width: 100%;
  height: 16.8rem;
  object-fit: cover;
}
section.latest ul a h3 {
  color: #4C9DBF;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.3rem;
  letter-spacing: 0.02em;
  margin: 2.8rem 2rem 1.6rem 2rem;
  background-color: white;
  padding: 0;
  transition: background-color 0.05s ease, color 0.05s ease;
}
section.latest ul a h4 {
  font-size: 2.4rem;
  font-weight: 800;
  font-variation-settings: "wdth" 90;
  line-height: 2.4rem;
  margin: 1.6rem 2rem 1.8rem 2rem;
  color: #444444;
}
section.latest ul a:hover div {
  border-top: none;
}
section.latest ul a:hover h3 {
  color: white;
  background-color: #856B99;
}
section.latest ul a:hover div.audio:after, section.latest ul a:hover div.video:after {
  background-color: #856B99;
  color: inherit;
}
section.latest ul a:hover div.audio:before, section.latest ul a:hover div.video:before {
  filter: brightness(1000);
  background-color: transparent;
}
section.latest ul a:hover h5 {
  color: white;
}

section.latest.latest--l h3 {
  color: #17997A;
}

section.latest.latest--r h3 {
  color: #CCAB52;
}

section.latest.latest--h h3 {
  color: #BF4368;
}

.interior-search {
  width: 100%;
  max-width: 768px;
  margin: 1rem auto;
}

.interior-search .search {
  display: flex;
}

.interior-search .search-input {
  flex: 1 1 auto;
  padding: 1.6rem;
  background-color: rgba(255, 255, 255, 0.8666666667);
  border: none;
  height: 6.4rem;
  margin: 0;
  font-size: 1.8rem;
}

.interior-search .search-submit {
  flex: 0 1 auto;
  text-indent: -9999px;
  background-image: url("/images/search_ico2.svg");
  background-size: 2.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #856B99;
  border: none;
  cursor: pointer;
  width: 4.45rem;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 600px) {
  section.home-intro--portal .breadcrumb ol {
    display: none;
  }
}

section.home-intro--portal.by-level {
  background-image: none;
  background-color: #856B99;
}

section.categories--portal ul.topborder {
  border-top: 2px dashed #cccccc;
  padding-top: 3rem;
}
section.home-intro--portal.lg-beginners--intro {
  background-color: #17997A;
  background-image: none;
}

section.home-intro--portal.lg-watch--intro {
  background-color: #4C9DBF;
  background-image: none !important;
}

section.home-intro--portal.lg-ref--intro {
  background-color: #CCAB52;
  background-image: none !important;
}

section.home-intro--portal.lg-how--intro {
  background-color: #BF4368;
  background-image: none !important;
}

section.av-items ul > li > a > div.audio, section.av-items ul > li > a div.video {
  position: relative;
  padding: 0;
  border-top: none;
}
section.av-items ul > li > a > div.audio:before, section.av-items ul > li > a div.video:before {
  background-size: 42%;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
  content: "";
  width: 5.6rem;
  height: 5.6rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
section.av-items ul > li > a > div.audio:before {
  background-image: url("/images/audio.svg");
}
section.av-items ul > li > a > div.video:before {
  background-image: url("/images/play4.svg");
}
section.av-items ul > li > a > div.audio:after, section.av-items ul > li > a div.video:after {
  background-color: white;
  transition: background-color 0.05s ease;
  content: "";
  width: 5.6rem;
  height: 5.6rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
section.av-items ul > li > a:hover > div.audio:before, section.av-items ul > li > a:hover div.video:before {
  filter: brightness(1000);
}
section.av-items ul > li > a:hover > div.audio:after, section.av-items ul > li > a:hover div.video:after {
  background-color: #856B99;
  color: inherit;
}

section.latest ul#programmes li {
  display: block;
  margin-top: 0;
}
section.latest ul#programmes li:nth-of-type(n+5) {
  margin-top: 1.7rem;
}
@media screen and (max-width: 1024px) {
  section.latest ul#programmes li:nth-child(odd) {
    margin-right: 1.6rem;
  }
  section.latest ul#programmes li:nth-child(3) {
    margin-right: 1.6rem;
  }
  section.latest ul#programmes li:nth-of-type(n+3) {
    margin-top: 1.7rem;
  }
}

section.lg-beginners, section.lg-watch, section.lg-ref {
  margin-top: 4rem;
  margin-bottom: 2.8rem;
}
section.lg-beginners .unit_toggle, section.lg-watch .unit_toggle, section.lg-ref .unit_toggle {
  display: none;
}
section.lg-beginners label, section.lg-watch label, section.lg-ref label, section.lg-beginners .load-more, section.lg-watch .load-more, section.lg-ref .load-more, section.lg-beginners .next-series, section.lg-watch .next-series, section.lg-ref .next-series {
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: #17997A;
  color: white;
  padding: 1.7rem 3.2rem;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.05s linear;
  font-weight: 800;
}
section.lg-beginners label.rad_on, section.lg-watch label.rad_on, section.lg-ref label.rad_on {
  background-color: #856B99;
}
section.lg-beginners label:hover, section.lg-watch label:hover, section.lg-ref label:hover, section.lg-beginners .load-more:hover, section.lg-watch .load-more:hover, section.lg-ref .load-more:hover, section.lg-beginners .next-series:hover, section.lg-watch .next-series:hover, section.lg-ref .next-series:hover {
  background-color: rgba(133, 107, 153, 0.85);
}
section.lg-beginners .load-more, section.lg-watch .load-more, section.lg-ref .load-more, section.lg-beginners .next-series, section.lg-watch .next-series, section.lg-ref .next-series {
  width: 98%;
  max-width: 330px;
  padding: 4px 4rem;
  margin: 0 auto 4rem auto;
  border: none;
  font-size: 2.4rem;
}
section.lg-beginners .load-more, section.lg-watch .load-more, section.lg-ref .load-more {
  display: none;
}
section.lg-beginners ul.filterunits, section.lg-watch ul.filterunits, section.lg-ref ul.filterunits {
  display: flex;
  justify-content: flex-start;
  height: auto;
  opacity: 1;
  margin: 4rem 0;
  padding-top: 4rem;
  /*li:nth-of-type(4n),
  li:nth-of-type(n+5)
  {
  	margin-top: 0;
  	margin-right: 1.6rem;
  	margin-bottom: 1.6rem;
  }*/
}
section.lg-beginners ul.filterunits li, section.lg-watch ul.filterunits li, section.lg-ref ul.filterunits li {
  flex: 0 1 auto;
  width: auto;
  margin-top: 0;
  margin-right: 1.6rem;
  margin-bottom: 1.6rem;
}
section.lg-beginners ul.filterunits--with-heading, section.lg-watch ul.filterunits--with-heading, section.lg-ref ul.filterunits--with-heading {
  margin: 3.2rem 0;
  padding-top: 0;
}
section.lg-beginners > section, section.lg-watch > section, section.lg-ref > section {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.3s linear, height 0.6s linear;
}
section.lg-beginners > section > h2, section.lg-watch > section > h2, section.lg-ref > section > h2 {
  margin: 0;
  font-size: 2.4rem;
  padding-top: 2rem;
  padding-bottom: 2.6rem;
  letter-spacing: 0.01em;
}
section.lg-beginners > section > ul, section.lg-watch > section > ul, section.lg-ref > section > ul {
  margin-bottom: 4rem;
}
section.lg-beginners > section > ul > li, section.lg-watch > section > ul > li, section.lg-ref > section > ul > li {
  display: flex;
}
section.lg-beginners > section > ul > li > a:first-child, section.lg-watch > section > ul > li > a:first-child, section.lg-ref > section > ul > li > a:first-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: auto;
}
section.lg-beginners > section > ul > li > a:first-child > p, section.lg-watch > section > ul > li > a:first-child > p, section.lg-ref > section > ul > li > a:first-child > p {
  flex: 0 1 auto;
  padding: 2rem 2rem 0 2rem;
}
section.lg-beginners > section > ul > li > a:first-child > p:last-of-type, section.lg-watch > section > ul > li > a:first-child > p:last-of-type, section.lg-ref > section > ul > li > a:first-child > p:last-of-type {
  padding-bottom: 2rem;
}
section.lg-beginners > section > ul > li > a:nth-child(2), section.lg-watch > section > ul > li > a:nth-child(2), section.lg-ref > section > ul > li > a:nth-child(2) {
  flex: 0 1 auto;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: block;
  border-top: 1px solid #e5e5e5;
  font-weight: 400;
  font-size: 1.8rem;
  transition: border-top-color 0.05s ease;
  height: auto;
  min-height: auto;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #17997A;
  font-weight: 400;
  letter-spacing: 0.01em;
  padding: 2rem;
}
section.lg-beginners > section > ul > li > a:last-child, section.lg-watch > section > ul > li > a:last-child, section.lg-ref > section > ul > li > a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
section.lg-beginners > section > ul > li > a:nth-child(2):hover, section.lg-watch > section > ul > li > a:nth-child(2):hover, section.lg-ref > section > ul > li > a:nth-child(2):hover {
  color: white;
}
section.lg-beginners input#all_units:checked ~ section, section.lg-watch input#all_units:checked ~ section, section.lg-ref input#all_units:checked ~ section {
  height: auto;
  opacity: 1;
  overflow: auto;
}
section.lg-beginners input.unit_toggle:checked + section, section.lg-watch input.unit_toggle:checked + section, section.lg-ref input.unit_toggle:checked + section {
  height: auto;
  opacity: 1;
  overflow: auto;
}

section.lg-ref label, section.lg-ref .load-more, section.lg-ref .next-series {
  background-color: #CCAB52;
}
section.lg-ref ul > li > a h3 {
  color: #CCAB52;
}

section.lg-watch #note_checkbox {
  display: none;
}
@media screen and (max-width: 768px) {
  section.lg-watch.no-top-margin {
    margin-top: 0;
  }
  section.lg-watch.no-top-margin > h2 {
    margin-top: 0;
  }
  section.lg-watch.no-bottom-margin {
    margin-bottom: 0;
  }
  section.lg-watch .note_label label {
    position: relative;
  }
  section.lg-watch .note_label label:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center center;
    left: auto;
    right: -0.5em;
    content: "";
    pointer-events: none;
    width: 50px;
    height: 50px;
    background-color: #4C9DBF;
    border-radius: 4px;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%22400%22%20height%3D%22400%22%20version%3D%221.1%22%20viewBox%3D%220%200%20105.83%20105.83%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%2210.022%22%3E%0A%3Cpath%20d%3D%22m10.226%2052.385h85.559%22%2F%3E%0A%3Cpath%20d%3D%22m52.652%2010.221%200.33754%2085.558%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
    background-size: 70%;
    text-align: center;
  }
  section.lg-watch .note_content {
    width: 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease;
  }
  section.lg-watch #note_checkbox:checked ~ .note_content {
    max-height: 9999px;
    opacity: 1;
  }
  section.lg-watch #note_checkbox:checked ~ .note_label label::before {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%22400%22%20height%3D%22400%22%20version%3D%221.1%22%20viewBox%3D%220%200%20105.83%20105.83%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%3E%0A%3Cpath%20d%3D%22m10.226%2052.385h85.559%22%20fill%3D%22none%22%20stroke%3D%22%23FFFFFF%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%2210.022%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-size: 65%;
  }
}
section.lg-watch ul.filterunits li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  section.lg-watch ul.filterunits {
    flex-direction: row;
    flex-wrap: wrap;
  }
  section.lg-watch ul.filterunits li {
    width: fit-content;
  }
}
section.lg-watch .load-more {
  display: block;
  margin-top: 4rem;
}
section.lg-watch .load-more[disabled] {
  color: rgba(255, 255, 255, 0.3);
}
section.lg-watch .load-more[disabled]:hover {
  background-color: rgba(76, 157, 191, 0.85);
}
section.lg-watch .prog_toggle {
  display: none;
}
section.lg-watch label, section.lg-watch .load-more, section.lg-watch .next-series {
  background-color: #4C9DBF;
}
section.lg-watch .note_label label {
  background-color: transparent;
  font-weight: inherit;
  color: inherit;
  text-align: left;
  padding: 0;
}
section.lg-watch .litirfinder {
  align-content: space-between;
  flex-wrap: nowrap;
}
@media screen and (max-width: 722px) {
  section.lg-watch .litirfinder {
    flex-wrap: wrap;
  }
}
section.lg-watch .litirfinder li {
  flex: 1 1 auto;
  width: auto;
  margin-bottom: 1.6rem;
}
section.lg-watch .litirfinder li:last-child {
  margin-right: 0;
}
section.lg-watch .litirfinder form {
  display: flex;
}
section.lg-watch .litirfinder form input[type=text] {
  min-width: 10rem;
  max-width: 21rem;
  flex: 1 1 auto;
  border: 1px solid #cccccc;
  border-right-width: 0;
  border-radius: 4px 0 0 4px;
  padding: 1.1rem 1.6rem;
  outline: none;
  font-size: 1.8rem;
}
@media screen and (max-width: 854px) {
  section.lg-watch .litirfinder form input[type=text] {
    max-width: 15rem;
  }
}
@media screen and (max-width: 722px) {
  section.lg-watch .litirfinder form input[type=text] {
    width: 100%;
    max-width: 100%;
  }
}
section.lg-watch .litirfinder form input[type=text]:focus {
  border-color: #4C9DBF;
}
section.lg-watch .litirfinder form.searchLitirForm {
  justify-content: flex-end;
}
@media screen and (max-width: 890px) {
  section.lg-watch .litirfinder form.searchLitirForm {
    justify-content: flex-start;
  }
}
section.lg-watch .litirfinder form.searchLitirForm input[type=text] {
  max-width: 31rem;
}
@media screen and (max-width: 854px) {
  section.lg-watch .litirfinder form.searchLitirForm input[type=text] {
    max-width: 20rem;
  }
}
@media screen and (max-width: 722px) {
  section.lg-watch .litirfinder form.searchLitirForm input[type=text] {
    width: 100%;
    max-width: 100%;
  }
}
section.lg-watch .litirfinder label {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  background-color: transparent;
  color: #888888;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 1.9rem;
}
@media screen and (max-width: 490px) {
  section.lg-watch .litirfinder label {
    padding-left: 0;
  }
}
section.lg-watch .litirfinder button {
  border: 0;
  background-color: #4C9DBF;
  color: white;
  font-weight: 700;
  font-size: 1.8rem;
  min-height: 4.8rem;
  padding: 0.4rem 1.4rem;
  border-radius: 0 4px 4px 0;
}
section.lg-watch .litirfinder .search-icon {
  text-indent: -9999px;
  background-image: url("/images/search_ico2.svg");
  background-size: 2.5rem;
  background-repeat: no-repeat;
  background-position: center;
  min-width: 5rem;
  min-height: 4.8rem;
}
section.lg-watch ul a h4 {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

section.newsletter {
  padding: 0 1.6rem;
  text-align: center;
  max-width: 125.2rem;
  margin: 3.8rem auto;
}
@media only screen and (max-width: 1200px) {
  section.newsletter {
    padding: 0 1.6rem;
  }
}
section.newsletter hr {
  border: 0;
  border-top: 2px dashed #CCCCCC;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
section.newsletter a {
  position: relative;
  text-decoration: none;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.8rem 0.2rem;
  border-radius: 3px;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32), 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
  transition: background-size 0.05s ease;
}
section.newsletter a div.background-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
section.newsletter a div.background-container:after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-image: url("/images/home/newsletter.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transform: scale(1);
  transition: transform 0.05s ease;
}
section.newsletter a:hover {
  text-decoration: none;
}
section.newsletter a:hover div.background-container:after {
  transform: scale(1.1);
}
section.newsletter h2 {
  font-weight: 900;
  font-size: 6.4rem;
  font-variation-settings: "wdth" 90;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  margin: 0;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  section.newsletter h2 {
    font-size: 4.8rem;
  }
}
@media only screen and (max-width: 480px) {
  section.newsletter h2 {
    font-size: 2.4rem;
  }
}
section.newsletter p {
  font-weight: 400;
  font-size: 2.4rem;
  margin: 0;
  z-index: 1;
}
@media only screen and (max-width: 480px) {
  section.newsletter p {
    font-size: 1.6rem;
  }
}

.sitemap-footer {
  text-align: center;
  margin: 4rem 0 0 0;
  background-color: #856B99;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  color: white;
  letter-spacing: 0.025rem;
  text-align: left;
}
.sitemap-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sitemap-footer a {
  color: white;
}

section.sitemap {
  margin: 0 auto;
  padding: 0 1.6rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  max-width: 125.2rem;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
@media only screen and (max-width: 768px) {
  section.sitemap {
    display: none;
  }
}
@media only screen and (max-width: 1200px) {
  section.sitemap {
    padding: 0 1.6rem;
  }
}
section.sitemap > ul {
  display: flex;
  justify-content: space-between;
}
section.sitemap > ul > li {
  border-left: 1px solid #92829A;
  padding: 0.9rem 1.55rem;
  flex: 1 1 0;
}
@media only screen and (max-width: 1200px) {
  section.sitemap > ul > li:nth-child(4) {
    padding-right: 0;
  }
}
@media only screen and (max-width: 1200px) {
  section.sitemap > ul > li:last-of-type {
    display: none;
  }
}
section.sitemap h2 {
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 0.01em;
  font-variation-settings: "wdth" 90;
  margin: 0 0 1.8rem 0;
  padding-bottom: 1.8rem;
  border-bottom: 2px dashed #92829A;
}
section.sitemap > ul > li > ul > li {
  margin-bottom: 1.2rem;
}

footer {
  max-width: 125.2rem;
  margin: 4.5rem auto 0 auto;
  padding: 0 1.6rem;
  padding-bottom: 1.6rem;
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
  footer {
    margin-top: 1.5rem;
    padding: 3rem 2.4rem 1.6rem 2.4rem;
  }
  footer .footer_copy, footer footer_nav, footer > p {
    max-width: 35.2rem;
  }
}
footer .footer_nav {
  display: flex;
}
footer .footer_nav a {
  text-decoration: underline;
}
footer .footer_nav li {
  margin-right: 0.8rem;
  padding-right: 0.8rem;
  border-right: 1px solid white;
}
footer .footer_nav li:last-of-type {
  margin: 0;
  padding: 0;
  border-right: none;
}

ul.footer_social {
  display: flex;
}
@media only screen and (max-width: 768px) {
  ul.footer_social {
    justify-content: flex-end;
    float: right;
    margin-left: 2rem;
  }
}
@media only screen and (max-width: 480px) {
  ul.footer_social {
    float: none;
    margin-left: 0;
    justify-content: flex-start;
  }
}
ul.footer_social a {
  background-image: url("/images/lfim.svg");
  background-repeat: no-repeat;
  display: block;
  text-indent: -9999px;
  height: 45px;
  width: 45px;
  margin-right: 1.5rem;
}
ul.footer_social a.facebook {
  background-position-x: -58px;
}
ul.footer_social a.instagram {
  background-position-x: -115px;
}
ul.footer_social a.mail {
  background-position-x: -173px;
}

footer {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
footer b {
  font-weight: 900;
}

/*# sourceMappingURL=lg.css.map */