/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  text-decoration: none;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
*,
:after,
:before,
::backdrop {
  box-sizing: border-box;
  border: 0 solid;
  margin: 0;
  padding: 0;
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/manrope/200.woff) format('woff');
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/manrope/300.woff) format('woff');
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/manrope/400.woff) format('woff');
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/manrope/500.woff) format('woff');
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/manrope/600.woff) format('woff');
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/manrope/700.woff) format('woff');
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/manrope/800.woff) format('woff');
}
@font-face {
  font-family: CocogoosePro;
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(../fonts/cocogoose-pro/100.woff2) format('woff2'),
    url(../fonts/cocogoose-pro/100.woff) format('woff'),
    url(../fonts/cocogoose-pro/100.ttf) format('truetype'),
    url(../fonts/cocogoose-pro/100.otf) format('opentype');
}
@font-face {
  font-family: CocogoosePro;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/cocogoose-pro/300.woff2) format('woff2'),
    url(../fonts/cocogoose-pro/300.woff) format('woff'),
    url(../fonts/cocogoose-pro/300.ttf) format('truetype'),
    url(../fonts/cocogoose-pro/300.otf) format('opentype');
}
@font-face {
  font-family: pionova;
  src: url(../fonts/pionova.eot);
  src: url(../fonts/pionova.eot#iefix) format('embedded-opentype'),
    url(../fonts/pionova.woff2) format('woff2'),
    url(../fonts/pionova.woff) format('woff'),
    url(../fonts/pionova.ttf) format('truetype'),
    url(../fonts/pionova.svg#pionova) format('svg');
  font-weight: 400;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: pionova;
    src: url(../fonts/pionova.svg#pionova) format('svg');
  }
}
.pi:before {
  font-family: pionova !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-feature-settings: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: never;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi-arrow-down:before {
  content: '';
}
.pi-filter:before {
  content: '';
}
.pi-linkedin:before {
  content: '';
}
.pi-location:before {
  content: '';
}
.pi-phone:before {
  content: '';
}
.pi-print:before {
  content: '';
}
.pi-youtube:before {
  content: '';
}
.pi-pdf:before {
  content: '';
}
.pi-instagram:before {
  content: '';
}
.pi-play:before {
  content: '';
}
.pi-share:before {
  content: '';
}
.pi-home:before {
  content: '';
}
html {
  overflow-x: hidden;
  overflow-y: auto;
}
html.overflow-hidden {
  overflow: hidden;
}
body {
  background-color: #fff;
  color: #000;
  font-family: Manrope, Segoe UI, Arial, Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 400;
  overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
a,
a:hover,
a:focus {
  outline: 0;
}
.main {
  margin: 0 auto;
  padding: 0 0.125em;
}
@media screen and (min-width: 768px) {
  .main {
    padding: 0 0.1354166667em;
  }
}
@media screen and (min-width: 1024px) {
  .main {
    padding: 0 0.111328125em;
  }
}
@media screen and (min-width: 1400px) {
  .main {
    margin: 0 auto;
    padding: 0 0.0857142857em;
  }
}
.about-essential {
  font-size: 100vw;
  color: #fff;
  background: #000;
  padding: 0.0958333333em 0.125em 0.0833333333em;
  background-color: #1f1f1f;
}
.about-essential .title {
  position: relative;
  margin-left: 0.0833333333em;
}
.about-essential .title span {
  display: block;
  font-weight: 800;
  font-size: 0.625em;
  line-height: 0.68;
  color: rgba(255, 255, 255, 0.1);
}
.about-essential .title .label {
  position: absolute;
  top: 2%;
  left: -12%;
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 300;
  font-size: 0.05em;
  line-height: 1.25em;
  width: 7.5em;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
}
.about-essential .box {
  display: flex;
  flex-wrap: wrap;
  margin: 0.1666666667em -0.0416666667em 0 0;
}
.about-essential .item {
  width: 33.333%;
  padding-right: 0.0208333333em;
  margin-bottom: 0.0666666667em;
}
.about-essential .icon {
  height: 0.1041666667em;
}
.about-essential .icon img {
  display: block;
  max-height: 100%;
}
.about-essential .description {
  font-size: 0.0208333333em;
  line-height: 1.5em;
  margin-top: 1em;
  letter-spacing: 0.05em;
}
.about-essential .description b {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .about-essential {
    padding: 0.0911458333em 0.1015625em 0.0598958333em;
  }
  .about-essential .title {
    margin-left: 0.078125em;
  }
  .about-essential .title span {
    font-size: 0.4557291667em;
  }
  .about-essential .title .label {
    top: 15%;
    left: -11%;
    font-size: 0.0390625em;
    line-height: 1.3333333333em;
    width: 7.3333333333em;
  }
  .about-essential .box {
    margin: 0.1171875em -0.1171875em 0 0;
  }
  .about-essential .item {
    padding-right: 0.0130208333em;
    margin-bottom: 0.0390625em;
  }
  .about-essential .icon {
    height: 0.0651041667em;
  }
  .about-essential .description {
    font-size: 0.015625em;
    line-height: 1.4166666667em;
    margin-top: 1.6666666667em;
  }
}
@media screen and (min-width: 1024px) {
  .about-essential {
    padding: 0.0390625em 0.1171875em 0.017578125em;
  }
  .about-essential .title {
    margin-left: 0.068359375em;
  }
  .about-essential .title span {
    font-size: 0.390625em;
  }
  .about-essential .title .label {
    top: 15%;
    left: -10%;
    font-size: 0.03125em;
    line-height: 1.40625em;
    width: 7.5em;
  }
  .about-essential .box {
    margin: 0.09765625em -0.087890625em 0 0;
  }
  .about-essential .item {
    width: auto;
    padding-right: 0;
    margin-bottom: 0.05078125em;
  }
  .about-essential .item:nth-child(1),
  .about-essential .item:nth-child(6) {
    width: 0.21484375em;
  }
  .about-essential .item:nth-child(2),
  .about-essential .item:nth-child(7) {
    width: 0.171875em;
  }
  .about-essential .item:nth-child(3),
  .about-essential .item:nth-child(8) {
    width: 0.1875em;
  }
  .about-essential .item:nth-child(4),
  .about-essential .item:nth-child(9) {
    width: 0.1328125em;
  }
  .about-essential .icon {
    height: 0.048828125em;
  }
  .about-essential .description {
    font-size: 0.01171875em;
    line-height: 1.4166666667em;
    margin-top: 1.6666666667em;
  }
}
@media screen and (min-width: 1400px) {
  .about-essential {
    padding: 0.0614285714em 0.0821428571em 0.0485714286em;
  }
  .about-essential .title {
    margin-left: 0.0214285714em;
  }
  .about-essential .title span {
    font-size: 0.3571428571em;
  }
  .about-essential .title .label {
    top: 15%;
    left: -2.8%;
    font-size: 0.025em;
    line-height: 1.2857142857em;
    width: 7.4285714286em;
  }
  .about-essential .box {
    margin: 0.0871428571em 0.0071428571em 0 0;
  }
  .about-essential .item {
    width: auto;
    padding-right: 0;
    margin-bottom: 0.0385714286em;
  }
  .about-essential .item:nth-child(1),
  .about-essential .item:nth-child(6) {
    width: 0.2028571429em;
  }
  .about-essential .item:nth-child(2),
  .about-essential .item:nth-child(7) {
    width: 0.1714285714em;
  }
  .about-essential .item:nth-child(3),
  .about-essential .item:nth-child(8) {
    width: 0.1828571429em;
  }
  .about-essential .item:nth-child(4),
  .about-essential .item:nth-child(9) {
    width: 0.1385714286em;
  }
  .about-essential .icon {
    height: 0.0357142857em;
  }
  .about-essential .description {
    font-size: 0.0085714286em;
    line-height: 1.4166666667em;
    margin-top: 1.6666666667em;
  }
}
.about-from-to {
  position: relative;
  font-size: 100vw;
  background-size: cover;
  background-position: center;
  height: 1.4583333333em;
  color: #fff;
}
.about-from-to .title {
  position: relative;
  font-weight: 800;
  font-size: 0.0416666667em;
  line-height: 1.5em;
  padding: 24.5em 3em 0 11.5em;
}
.about-from-to .from {
  position: absolute;
  top: 22%;
  left: 0.125em;
}
.about-from-to .from span {
  display: block;
  font-weight: 800;
  font-size: 0.625em;
  line-height: 0.68;
  color: rgba(255, 255, 255, 0.1);
}
.about-from-to .from .label {
  position: absolute;
  top: 54%;
  left: 4%;
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 300;
  font-size: 0.05em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
}
.about-from-to .to {
  top: 62%;
  left: 0.0958333333em;
}
.about-from-to .to .label {
  top: -11%;
  left: 11%;
  font-size: 0.0666666667em;
}
@media screen and (min-width: 768px) {
  .about-from-to {
    height: 1.015625em;
  }
  .about-from-to .title {
    font-size: 0.0520833333em;
    line-height: 1.375em;
    padding: 12.85em 1.9em 0 8.25em;
  }
  .about-from-to .from {
    top: 21%;
    left: 0.0885416667em;
  }
  .about-from-to .from span {
    font-size: 0.4557291667em;
  }
  .about-from-to .from .label {
    font-size: 0.0416666667em;
  }
  .about-from-to .to {
    top: 61%;
    left: 0.0729166667em;
  }
  .about-from-to .to .label {
    top: -5%;
    left: 7%;
    font-size: 0.0455729167em;
  }
}
@media screen and (min-width: 1024px) {
  .about-from-to {
    height: 0.791015625em;
  }
  .about-from-to .title {
    font-size: 0.046875em;
    line-height: 1.1458333333em;
    padding: 11.7916666667em 1em 0 10.6666666667em;
  }
  .about-from-to .from {
    top: 17%;
    left: 0.10546875em;
  }
  .about-from-to .from span {
    font-size: 0.390625em;
  }
  .about-from-to .from .label {
    font-size: 0.0341796875em;
  }
  .about-from-to .to {
    top: 60%;
    left: 0.091796875em;
  }
  .about-from-to .to .label {
    top: -7%;
    font-size: 0.0341796875em;
  }
}
@media screen and (min-width: 1400px) {
  .about-from-to {
    height: 0.6857142857em;
  }
  .about-from-to .title {
    font-size: 0.0535714286em;
    line-height: 1.2em;
    padding: 7.7866666667em 1em 0 7.92em;
  }
  .about-from-to .from {
    top: 14%;
    left: 0.0642857143em;
  }
  .about-from-to .from span {
    font-size: 0.3571428571em;
  }
  .about-from-to .from .label {
    font-size: 0.025em;
  }
  .about-from-to .to {
    top: 57%;
    left: 0.0642857143em;
  }
  .about-from-to .to .label {
    top: -8%;
    font-size: 0.025em;
  }
}
.about-orchestration {
  font-size: 100vw;
  height: 1.625em;
  padding: 0.175em 0 0 0.1395833333em;
  color: #fff;
  background-size: cover;
  background-position: center;
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
}
.about-orchestration .label {
  font-weight: 100;
  font-size: 0.0833333333em;
  line-height: 1.125em;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
}
.about-orchestration .title {
  font-weight: 300;
}
.about-orchestration .description {
  font-weight: 300;
  font-size: 0.05em;
  line-height: 1.375em;
  margin-top: 12.5em;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
}
@media screen and (min-width: 768px) {
  .about-orchestration {
    height: 1.015625em;
    padding: 0.1302083333em 0 0 0.1015625em;
  }
  .about-orchestration .label {
    font-size: 0.09765625em;
    line-height: 1.0666666667em;
  }
  .about-orchestration .description {
    font-size: 0.03125em;
    line-height: 1.375em;
    margin-top: 15.8333333333em;
  }
}
@media screen and (min-width: 1024px) {
  .about-orchestration {
    height: 0.791015625em;
    padding: 0.078125em 0 0 0.1171875em;
  }
  .about-orchestration .label {
    font-size: 0.09375em;
    line-height: 1.0416666667em;
  }
  .about-orchestration .description {
    font-size: 0.0341796875em;
    line-height: 1.2857142857em;
    margin-top: 8.8571428571em;
  }
}
@media screen and (min-width: 1400px) {
  .about-orchestration {
    height: 0.6642857143em;
    padding: 0.0714285714em 0 0 0.0821428571em;
  }
  .about-orchestration .label {
    font-size: 0.1em;
    line-height: 0.8571428571em;
  }
  .about-orchestration .description {
    font-size: 0.025em;
    line-height: 1.2857142857em;
    margin-top: 11.4285714286em;
  }
}
.alerts {
  position: fixed;
  bottom: 1rem;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1000;
}
.alerts .item {
  display: inline-block;
  margin-top: 0.5em;
  font-size: 1.25rem;
  padding: 0.4em 1em;
  border-radius: 0.2em;
  background-color: #000;
  color: #fff;
  font-weight: 300;
}
.alerts .item.success {
  background-color: green;
}
.alerts .item.failed {
  background-color: red;
}
@media print {
  .awards-header {
    display: none !important;
  }
}
.awards {
  font-size: 100vw;
  background-color: #ddd;
  padding: 0.05em 0.0416666667em 0.1041666667em;
}
.awards .filter {
  margin-bottom: 0.0520833333em;
}
.awards table {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0.03125em;
  line-height: 1;
  letter-spacing: -0.05em;
  border-spacing: 0;
}
.awards tr.hide {
  display: none;
}
.awards th {
  border-bottom: 2px solid rgba(0, 0, 0, 0.45);
  font-weight: 700;
  padding: 0.6666666667em 0 0.6666666667em 1.7333333333em;
  text-align: left;
}
.awards th:first-child {
  padding-left: 0;
}
.awards td {
  font-weight: 300;
  padding: 1.6em 0 0.4em 1.7333333333em;
}
.awards td:first-child {
  padding-left: 0;
}
.awards .pdf {
  font-size: 1.3333333333em;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.awards a {
  color: #000;
}
@media screen and (min-width: 768px) {
  .awards {
    padding: 0.0677083333em 0.0520833333em 0.0520833333em;
  }
  .awards .filter {
    margin-bottom: 0.0364583333em;
  }
  .awards table {
    font-size: 0.0234375em;
  }
  .awards th {
    padding: 0.5555555556em 1.4444444444em;
  }
  .awards td {
    padding: 1.3333333333em 1.4444444444em 0.3333333333em;
  }
  .awards .pdf {
    font-size: 1.3888888889em;
  }
}
@media screen and (min-width: 1024px) {
  .awards {
    padding: 0.033203125em 0.0390625em;
  }
  .awards .filter {
    margin-bottom: 44px;
  }
  .awards table {
    font-size: 20px;
  }
  .awards th {
    padding: 10px 26px;
  }
  .awards td {
    padding: 24px 26px 6px;
  }
  .awards .pdf {
    font-size: 25px;
  }
}
@media screen and (min-width: 1400px) {
  .awards {
    padding: 0.0228571429em 0.0428571429em 0.0428571429em;
  }
  .awards .filter {
    margin-bottom: 44px;
  }
  .awards table {
    font-size: 20px;
  }
  .awards th {
    padding: 10px 26px;
  }
  .awards td {
    padding: 24px 26px 6px;
  }
  .awards .pdf {
    font-size: 25px;
  }
}
@media print {
  .awards {
    padding: 0;
  }
  .awards .filter {
    display: none !important;
  }
  .awards table {
    font-size: 16px;
  }
  .awards th {
    padding: 10px 26px;
  }
  .awards td {
    padding: 24px 26px 6px;
  }
}
.simple-button {
  font-size: 100vw;
  display: flex;
  margin-top: 0.0416666667em;
}
.simple-button .button {
  font-weight: 500;
  font-size: 0.0270833333em;
  padding: 0 1.6923076923em;
  height: 2.6153846154em;
  line-height: 2.6153846154em;
  border-radius: 0.7692307692em;
  background: #000;
  color: #fff;
  outline: 0;
  position: relative;
}
.simple-white-button {
  font-size: 100vw;
  display: flex;
  margin: 0.0291666667em 0 0;
}
.simple-white-button .button {
  font-weight: 900;
  font-size: 0.03125em;
  padding: 0 1em;
  height: 1.8666666667em;
  line-height: 1.8666666667em;
  border-radius: 0.6666666667em;
  background: #fff;
  color: #000;
  outline: 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .simple-button {
    margin-top: 0.0234375em;
  }
  .simple-button .button {
    font-size: 0.0234375em;
    padding: 0 1.2222222222em;
    height: 2.3333333333em;
    line-height: 2.3333333333em;
    border-radius: 0.5555555556em;
  }
  .simple-white-button {
    margin: 0.02734375em 0 0;
  }
  .simple-white-button .button {
    font-size: 0.01953125em;
    padding: 0 1em;
    height: 2.2666666667em;
    line-height: 2.2666666667em;
    border-radius: 0.6666666667em;
  }
}
@media screen and (min-width: 1024px) {
  .simple-button {
    margin-top: 0.01953125em;
  }
  .simple-button .button {
    font-size: 25px;
    padding: 0 30px;
    height: 42px;
    line-height: 42px;
    border-radius: 10px;
    margin-left: 0;
  }
  .simple-white-button {
    margin-top: 0.0224609375em;
  }
  .simple-white-button .button {
    font-size: 18px;
    padding: 0 30px;
    height: 42px;
    line-height: 42px;
    border-radius: 10px;
  }
}
@media screen and (min-width: 1400px) {
  .simple-button {
    margin-top: 0.0142857143em;
  }
  .simple-button .button {
    font-size: 25px;
    padding: 0 30px;
    height: 42px;
    line-height: 42px;
    border-radius: 10px;
  }
  .simple-white-button {
    margin-top: 0.0178571429em;
  }
  .simple-white-button .button {
    font-size: 18px;
    padding: 0 30px;
    height: 42px;
    line-height: 42px;
    border-radius: 10px;
  }
}
.career-header {
  position: relative;
  font-size: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
  background-size: cover;
  background-position: right 36% center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 0.125em 0.2395833333em;
  height: 1.6666666667em;
}
.career-header:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.career-header video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.career-header .title {
  position: relative;
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 100;
  font-size: 0.1041666667em;
  line-height: 1em;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
  color: #c9c9c9;
}
.career-header .sub {
  position: relative;
  font-weight: 300;
  font-size: 0.0520833333em;
  line-height: 1.28em;
  margin-top: 0.56em;
  letter-spacing: 0.05em;
  color: #c9c9c9;
}
.career-header .label {
  position: relative;
  font-weight: 100;
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-size: 0.0833333333em;
  line-height: 1;
  margin-bottom: 4.4em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
  color: #c9c9c9;
}
.career-header.darken:before {
  background-color: rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 768px) {
  .career-header {
    padding: 0 0.078125em 0.1497395833em;
    height: 1.1588541667em;
  }
  .career-header .title {
    font-size: 0.09765625em;
    line-height: 0.8666666667em;
  }
  .career-header .sub {
    font-size: 0.0390625em;
    line-height: 1.0666666667em;
    margin-top: 0.4em;
  }
  .career-header .label {
    font-size: 0.0651041667em;
    margin-bottom: 2.44em;
  }
}
@media screen and (min-width: 1024px) {
  .career-header {
    padding: 0 0.1123046875em 0.115234375em;
    height: 0.6640625em;
  }
  .career-header .title {
    font-size: 0.087890625em;
    line-height: 1em;
  }
  .career-header .sub {
    font-size: 0.029296875em;
    line-height: 1.0666666667em;
    margin-top: 0.7333333333em;
  }
  .career-header .label {
    font-size: 0.048828125em;
    margin-bottom: 2.6em;
  }
}
@media screen and (min-width: 1400px) {
  .career-header {
    padding: 0 0.0821428571em 0.0571428571em;
    height: 0.4857142857em;
  }
  .career-header .title {
    font-size: 0.0714285714em;
    line-height: 1.1em;
  }
  .career-header .sub {
    font-size: 0.0257142857em;
    line-height: 1.1111111111em;
    margin-top: 0.2222222222em;
  }
  .career-header .label {
    font-size: 0.0357142857em;
    margin-bottom: 1.4em;
  }
}
.career-join {
  position: relative;
  font-size: 100vw;
  background-color: #ddd;
}
.career-join .why {
  background-size: cover;
  padding: 0.2166666667em 0.125em;
}
.career-join .why .title {
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 300;
  font-size: 0.0625em;
  line-height: 1.3333333333em;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
  color: #fff;
  vertical-align: middle;
}
.career-join .why .description {
  font-size: 0.0416666667em;
  line-height: 1.9em;
  margin-top: 4em;
  color: #fff;
}
.career-join .form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.1125em 0.125em;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .career-join {
    display: flex;
    flex-wrap: wrap;
  }
  .career-join .why {
    padding: 0.0572916667em 0.0390625em 0.0572916667em 0.0520833333em;
    width: 50%;
  }
  .career-join .why .title {
    font-size: 0.0390625em;
    line-height: 1.3333333333em;
  }
  .career-join .why .description {
    font-size: 0.0260416667em;
    line-height: 1.75em;
    margin-top: 4em;
  }
  .career-join .form {
    width: 50%;
    padding: 0.1328125em 0.0520833333em 0.0651041667em 0.0208333333em;
  }
}
@media screen and (min-width: 1024px) {
  .career-join .why {
    padding: 0.10546875em 0.046875em 0.0537109375em 0.1123046875em;
  }
  .career-join .why .title {
    font-size: 30px;
    line-height: 40px;
  }
  .career-join .why .description {
    font-size: 20px;
    line-height: 35px;
    margin-top: 92px;
  }
  .career-join .form {
    padding: 0.146484375em 0.1123046875em 0.076171875em 0.021484375em;
  }
}
@media screen and (min-width: 1400px) {
  .career-join .why {
    padding: 0.0671428571em 0.1092857143em 0.0428571429em 0.0821428571em;
  }
  .career-join .why .title {
    font-size: 30px;
    line-height: 40px;
  }
  .career-join .why .description {
    font-size: 20px;
    line-height: 35px;
    margin-top: 92px;
  }
  .career-join .form {
    padding: 0.0978571429em 0.0821428571em 0.0642857143em 0.0978571429em;
  }
}
.career-student {
  position: relative;
  font-size: 100vw;
  height: 1.8541666667em;
}
.career-student .item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.1166666667em 0.125em 0;
  background-color: rgba(0, 0, 0, 0.5);
  background-size: cover;
  background-position: right center;
  transition: opacity 0.5s ease;
  opacity: 0;
}
.career-student .item.active {
  opacity: 1;
}
.career-student .item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.career-student .label {
  position: relative;
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 300;
  font-size: 0.03125em;
  line-height: 3em;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
  color: #fff;
  vertical-align: middle;
}
.career-student .title {
  position: relative;
  font-weight: 800;
  font-size: 0.0625em;
  line-height: 1.3333333333em;
}
@media screen and (min-width: 768px) {
  .career-student {
    height: 1.1588541667em;
  }
  .career-student .item {
    padding: 0.390625em 0.4947916667em 0 0.0520833333em;
    align-items: center;
  }
  .career-student .label {
    font-size: 0.0325520833em;
    line-height: 1.8em;
  }
  .career-student .title {
    font-size: 0.0520833333em;
    line-height: 1.5em;
    padding-right: 1.25em;
  }
}
@media screen and (min-width: 1024px) {
  .career-student {
    height: 0.6640625em;
  }
  .career-student .item {
    padding: 0.17578125em 0.419921875em 0 0.1123046875em;
  }
  .career-student .label {
    font-size: 0.029296875em;
    line-height: 1.5em;
  }
  .career-student .title {
    font-size: 0.0439453125em;
    line-height: 1.6666666667em;
    padding-right: 0;
  }
}
@media screen and (min-width: 1400px) {
  .career-student {
    height: 0.4857142857em;
  }
  .career-student .item {
    padding: 0.1128571429em 0.4142857143em 0 0.0821428571em;
  }
  .career-student .label {
    font-size: 0.025em;
    line-height: 1.2857142857em;
    margin-bottom: 0.6285714286em;
  }
  .career-student .title {
    font-size: 0.0464285714em;
    line-height: 1.1538461538em;
  }
}
.career-header.catalouge-header {
  background-position: center bottom;
}
.posts.catalouge .name {
  font-weight: 400;
}
.ceo-message {
  font-size: 100vw;
  padding: 0.1041666667em 0.125em;
  background-color: #ddd;
}
.ceo-message .title {
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 300;
  font-size: 0.0416666667em;
  line-height: 2.25em;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
}
.ceo-message .box .title {
  display: none;
}
.ceo-message .image {
  margin-top: 0.0416666667em;
  padding-bottom: 62.04%;
  background-size: cover;
  background-position-y: 20%;
}
.ceo-message .description {
  font-weight: 300;
  font-size: 0.03125em;
  line-height: 1.6666666667em;
  margin-top: 1.3333333333em;
}
.ceo-message .description p {
  margin: 0;
  padding-bottom: 1.6666666667em;
}
.ceo-message .signature {
  display: flex;
  margin-top: 0.0354166667em;
}
.ceo-message .signature img {
  width: 0.0854166667em;
}
.ceo-message .author {
  font-weight: 600;
  font-size: 0.025em;
  line-height: 1.6666666667em;
  margin-top: 1em;
}
.ceo-message .label {
  font-weight: 300;
  font-size: 0.025em;
  line-height: 1.6666666667em;
}
@media screen and (min-width: 768px) {
  .ceo-message {
    padding: 0.0911458333em 0.078125em;
  }
  .ceo-message .title {
    font-size: 0.0325520833em;
    line-height: 1.8em;
  }
  .ceo-message .image {
    margin-top: 0.0286458333em;
  }
  .ceo-message .description {
    font-size: 0.01953125em;
    line-height: 1.6666666667em;
    margin-top: 1.6em;
  }
  .ceo-message .description p {
    padding-bottom: 1.6666666667em;
  }
  .ceo-message .signature {
    margin-top: 0.0234375em;
  }
  .ceo-message .signature img {
    width: 0.06640625em;
  }
  .ceo-message .author {
    font-size: 0.015625em;
    line-height: 1.6666666667em;
    margin-top: 0.8333333333em;
  }
  .ceo-message .label {
    font-size: 0.015625em;
    line-height: 1.6666666667em;
  }
}
@media screen and (min-width: 1024px) {
  .ceo-message {
    padding: 0.068359375em 0.1123046875em;
    display: flex;
  }
  .ceo-message .title {
    display: none;
    font-size: 0.0244140625em;
    line-height: 1.8em;
  }
  .ceo-message .box .title {
    display: block;
  }
  .ceo-message .image {
    min-width: 0.341796875em;
    max-width: 0.341796875em;
    background-position: center;
    margin: 0 0.03515625em 0 0;
  }
  .ceo-message .description {
    font-size: 0.0146484375em;
    line-height: 1.6666666667em;
    margin-top: 1.2em;
  }
  .ceo-message .description p {
    padding-bottom: 1.6666666667em;
  }
  .ceo-message .signature {
    margin-top: 0.0205078125em;
  }
  .ceo-message .signature img {
    width: 0.0498046875em;
  }
  .ceo-message .author {
    font-size: 0.01171875em;
    line-height: 1.6666666667em;
    margin-top: 0.9166666667em;
  }
  .ceo-message .label {
    font-size: 0.01171875em;
    line-height: 1.6666666667em;
  }
}
@media screen and (min-width: 1400px) {
  .ceo-message {
    padding: 0.05em 0.0821428571em;
  }
  .ceo-message .title {
    font-size: 0.025em;
    line-height: 1.2857142857em;
  }
  .ceo-message .image {
    min-width: 0.35em;
    max-width: 0.35em;
    background-position: center;
    margin: 0 0.06em 0 0;
  }
  .ceo-message .description {
    font-size: 0.0142857143em;
    line-height: 1.5em;
    margin-top: 0.9em;
  }
  .ceo-message .description p {
    padding-bottom: 1.5em;
  }
  .ceo-message .signature {
    margin-top: 0.0271428571em;
  }
  .ceo-message .signature img {
    width: 0.0414285714em;
  }
  .ceo-message .author {
    font-size: 0.0107142857em;
    line-height: 1.3333333333em;
    margin-top: 1.2em;
  }
  .ceo-message .label {
    font-size: 0.0107142857em;
    line-height: 1.3333333333em;
  }
}
.career-header.co-op-header {
  background-position: right 68% top;
}
.career-student .item.co-op-student {
  background-position: right 93% bottom;
}
@media screen and (min-width: 768px) {
  .career-student .item.co-op-student {
    padding: 0.1236979167em 0.0520833333em 0 0.4609375em;
    align-items: initial;
    background-position: 20% bottom;
    background-size: auto 120%;
  }
  .career-student .item.co-op-student .title {
    padding-right: 0;
  }
  .career-student .item.co-op-student .simple-button .button {
    margin-left: auto;
  }
}
@media screen and (min-width: 1024px) {
  .career-student .item.co-op-student {
    padding: 0.107421875em 0.0390625em 0 0.482421875em;
    background-position: 12% bottom;
    background-size: auto 126%;
  }
  .career-student .item.co-op-student .simple-button .button {
    margin-left: 0;
  }
}
@media screen and (min-width: 1400px) {
  .career-student .item.co-op-student {
    padding: 0.0957142857em 0.05em 0 0.4542857143em;
    align-items: center;
    background-position: left bottom;
    background-size: cover;
  }
}
.career-header.contact-us-header {
  background-position: right 45% top 80%;
}
.contact-us {
  position: relative;
  font-size: 100vw;
  background-color: #ddd;
  padding: 0.1041666667em 0.125em;
}
.contact-us .why {
  color: #000;
}
.contact-us .description {
  font-weight: 300;
  font-size: 0.03125em;
  line-height: 2em;
}
.contact-us .contact {
  display: flex;
  margin-top: 0.0375em;
}
.contact-us .contact .icon {
  font-size: 0.0520833333em;
  margin-right: 0.6em;
  line-height: 1.44em;
  width: 1em;
  height: 1em;
  text-align: center;
}
.contact-us .contact .content {
  font-weight: 200;
  font-size: 0.03125em;
  line-height: 2em;
}
.contact-us .social {
  display: flex;
  margin-top: 0.0375em;
  position: relative;
  z-index: 1;
}
.contact-us .social a {
  display: block;
  font-size: 0.0416666667em;
  margin-right: 1.9em;
  color: #000;
}
.contact-us .map {
  margin-top: -0.0625em;
  position: relative;
}
.contact-us .map img {
  display: block;
  width: 100%;
}
.contact-us .map a {
  position: absolute;
  top: 64%;
  left: 50%;
  font-size: 0.0625em;
  text-align: center;
  color: #fff;
}
.contact-us .map a i {
  display: block;
  width: 1em;
  height: 1em;
}
.contact-us .map a span {
  display: block;
  font-weight: 700;
  font-size: 0.3333333333em;
  margin-top: 0.2666666667em;
}
.contact-us .form {
  margin-top: 0.0833333333em;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contact-us {
    padding: 0.0911458333em 0.0520833333em 0;
    display: flex;
    flex-wrap: wrap;
  }
  .contact-us .why {
    width: 0.4453125em;
  }
  .contact-us .description {
    font-size: 0.0260416667em;
    line-height: 1.5em;
    padding-bottom: 1.5em;
  }
  .contact-us .contact {
    margin-top: 0.03125em;
  }
  .contact-us .contact .icon {
    font-size: 0.0455729167em;
    margin-right: 0.4285714286em;
    line-height: 1.0285714286em;
  }
  .contact-us .contact .content {
    font-size: 0.0260416667em;
    line-height: 1.5em;
  }
  .contact-us .social {
    margin-top: 0.03125em;
  }
  .contact-us .social a {
    font-size: 0.0390625em;
    margin-right: 0.9333333333em;
  }
  .contact-us .map {
    margin-top: -0.0390625em;
  }
  .contact-us .map a {
    font-size: 0.0390625em;
  }
  .contact-us .map a span {
    font-size: 0.3333333333em;
    margin-top: 0.2666666667em;
  }
  .contact-us .form {
    width: 0.4166666667em;
    margin: 0.0130208333em 0 0 auto;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .contact-us {
    padding: 0.068359375em 0.1123046875em 0;
  }
  .contact-us .why {
    width: 0.345703125em;
  }
  .contact-us .description {
    font-size: 0.01953125em;
    line-height: 1.5em;
    padding-bottom: 1.5em;
  }
  .contact-us .contact {
    margin-top: 0.0234375em;
  }
  .contact-us .contact .icon {
    font-size: 0.0341796875em;
    margin-right: 0.4285714286em;
    line-height: 1.0285714286em;
  }
  .contact-us .contact .content {
    font-size: 0.01953125em;
    line-height: 1.5em;
  }
  .contact-us .social {
    margin-top: 0.0234375em;
  }
  .contact-us .social a {
    font-size: 0.029296875em;
    margin-right: 0.9333333333em;
  }
  .contact-us .map {
    margin-top: -0.029296875em;
  }
  .contact-us .map a {
    font-size: 0.029296875em;
  }
  .contact-us .map a span {
    font-size: 0.3333333333em;
    margin-top: 0.2666666667em;
  }
  .contact-us .form {
    width: 0.37890625em;
    margin: 0.009765625em 0 0 auto;
  }
}
@media screen and (min-width: 1400px) {
  .contact-us {
    padding: 0.05em 0.0821428571em 0;
  }
  .contact-us .why {
    width: 0.4357142857em;
  }
  .contact-us .description {
    font-size: 0.0142857143em;
    line-height: 1.5em;
    padding-bottom: 1.5em;
  }
  .contact-us .contact {
    margin-top: 0.0171428571em;
  }
  .contact-us .contact .icon {
    font-size: 0.025em;
    margin-right: 0.4285714286em;
    line-height: 1.0285714286em;
  }
  .contact-us .contact .content {
    font-size: 0.0142857143em;
    line-height: 1.5em;
  }
  .contact-us .social {
    margin-top: 0.0171428571em;
  }
  .contact-us .social a {
    font-size: 0.0214285714em;
    margin-right: 0.9333333333em;
  }
  .contact-us .map {
    margin-top: -0.0214285714em;
  }
  .contact-us .map a {
    font-size: 0.0214285714em;
  }
  .contact-us .map a span {
    font-size: 0.3333333333em;
    margin-top: 0.2666666667em;
  }
  .contact-us .form {
    width: 0.3057142857em;
    margin: 0.0071428571em 0 0 auto;
  }
}
.career-header.faq-header {
  background-position: center bottom;
}
.faq {
  font-size: 100vw;
  background-color: #ddd;
  padding: 0.05em 0.125em 0.1041666667em;
}
.faq:after {
  content: '';
  display: block;
  height: 0.0041666667em;
  background-color: rgba(0, 0, 0, 0.24);
  border-radius: 0.0041666667em;
}
.faq .filter {
  margin-bottom: 0.0520833333em;
}
.faq .content {
  width: 100%;
}
.faq .question {
  display: flex;
  align-items: center;
  padding-top: 0.0520833333em;
}
.faq .question span {
  margin-right: auto;
  font-weight: 500;
  font-size: 0.03125em;
  line-height: 1.3333333333em;
}
.faq .question .icon {
  font-size: 0.0458333333em;
  margin: 0 0.7272727273em;
  text-align: center;
  min-width: 1em;
  max-width: 1em;
  height: 1em;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.4s ease;
}
.faq .answer {
  font-weight: 300;
  font-size: 0.03125em;
  line-height: 2em;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}
.faq .answer:before {
  content: '';
  display: block;
  height: 1.6666666667em;
}
.faq .answer b {
  font-weight: 700;
}
.faq .tags {
  margin-top: 2em;
  font-size: 0.0208333333em;
  line-height: 1.4;
}
.faq .tags span {
  display: inline-block;
  font-weight: 300;
  padding: 0.4em 1.4em;
  border: 1px solid #000;
  border-radius: 5em;
  color: #000;
  margin-right: 1em;
}
.faq > .item {
  position: relative;
  padding-bottom: 0.05em;
}
.faq > .item:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 0.0041666667em;
  background-color: rgba(0, 0, 0, 0.24);
  border-radius: 0.0041666667em;
}
.faq > .item.active .icon {
  transform: rotate(180deg);
}
.faq > .item.active .answer {
  max-height: 20em;
}
.faq > .item.hide {
  display: none;
}
@media screen and (min-width: 768px) {
  .faq {
    padding: 0.0677083333em 0.0520833333em 0.0520833333em;
  }
  .faq:after {
    height: 0.0026041667em;
    border-radius: 0.0026041667em;
  }
  .faq .filter {
    margin-bottom: 0.0364583333em;
  }
  .faq .question {
    padding-top: 0.0208333333em;
  }
  .faq .question span {
    font-size: 0.0234375em;
    line-height: 2.6666666667em;
  }
  .faq .question .icon {
    font-size: 0.0390625em;
    margin: 0;
  }
  .faq .answer {
    font-size: 0.0234375em;
    line-height: 1.6666666667em;
  }
  .faq .answer:before {
    height: 0.0208333333em;
  }
  .faq .tags {
    margin-top: 1.6em;
    font-size: 0.01953125em;
  }
  .faq .tags span {
    padding: 0.3333333333em 1.7333333333em;
    margin-right: 0.6666666667em;
  }
  .faq > .item {
    padding-bottom: 0.0416666667em;
  }
  .faq > .item:before {
    height: 0.0026041667em;
    border-radius: 0.0026041667em;
  }
  .faq > .item.active .answer {
    max-height: 16.6666666667em;
  }
}
@media screen and (min-width: 1024px) {
  .faq {
    padding: 0.033203125em 0.05859375em;
  }
  .faq:after {
    height: 2px;
    border-radius: 2px;
  }
  .faq .filter {
    margin-bottom: 44px;
  }
  .faq .question {
    padding-top: 16px;
  }
  .faq .question span {
    font-size: 18px;
    line-height: 48px;
  }
  .faq .question .icon {
    font-size: 30px;
  }
  .faq .answer {
    font-size: 18px;
    line-height: 30px;
  }
  .faq .answer:before {
    height: 10px;
  }
  .faq .answer:after {
    content: '';
    display: block;
    height: 10px;
  }
  .faq .tags {
    order: -1;
    margin-top: 24px;
    margin-right: 22px;
    font-size: 15px;
  }
  .faq .tags span {
    padding: 5px 26px;
    margin-right: 10px;
    width: 150px;
    text-align: center;
  }
  .faq > .item {
    display: flex;
    padding-bottom: 16px;
  }
  .faq > .item:before {
    height: 2px;
    border-radius: 2px;
  }
  .faq > .item.active .answer {
    max-height: 300px;
  }
}
@media screen and (min-width: 1400px) {
  .faq {
    padding: 0.0228571429em 0.0821428571em 0.0428571429em;
  }
  .faq:after {
    height: 2px;
    border-radius: 2px;
  }
  .faq .filter {
    margin-bottom: 44px;
  }
  .faq .question {
    padding-top: 16px;
  }
  .faq .question span {
    font-size: 20px;
    line-height: 48px;
  }
  .faq .question .icon {
    font-size: 35px;
  }
  .faq .answer {
    font-size: 20px;
    line-height: 30px;
  }
  .faq .answer:before {
    height: 20px;
  }
  .faq .answer:after {
    height: 20px;
  }
  .faq .tags {
    margin-top: 24px;
    margin-right: 22px;
    font-size: 15px;
  }
  .faq .tags span {
    padding: 5px 26px;
    margin-right: 10px;
    width: 150px;
    text-align: center;
  }
  .faq > .item {
    padding-bottom: 16px;
  }
  .faq > .item:before {
    height: 2px;
    border-radius: 2px;
  }
  .faq > .item.active .answer {
    max-height: 300px;
  }
}
.filter {
  font-size: 100vw;
}
.filter .tools {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.filter .tools .item {
  cursor: pointer;
  font-size: 0.0416666667em;
  height: 1em;
  margin-left: 0.9em;
  color: rgba(0, 0, 0, 0.8);
}
.filter .tools .item:first-child {
  margin-left: 0;
}
.filter .radio {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  overflow: hidden;
  max-height: 0;
  transition: all 0.25s ease;
}
.filter .radio:before {
  content: '';
  height: 0.0333333333em;
  width: 100%;
}
.filter .radio .item {
  font-size: 0.0208333333em;
  height: 2.2em;
  line-height: 2em;
  padding: 0 1.5em;
  min-width: 7.4em;
  margin: 0.8em 0 0 3.6em;
  border: 1px solid #000;
  border-radius: 2em;
  text-align: center;
  cursor: pointer;
}
.filter .radio .item:first-child {
  margin-left: 0;
}
.filter .radio .item.active {
  background-color: #000;
  color: #fff;
}
.filter .radio.active {
  max-height: 0.4166666667em;
}
.filter .multi {
  display: flex;
  overflow: hidden;
  max-height: 0;
  transition: all 0.25s ease;
}
.filter .multi .item {
  padding-top: 0.0333333333em;
  margin-right: 0.1041666667em;
}
.filter .multi .item .title {
  font-weight: 600;
  font-size: 0.025em;
  margin-bottom: 0.5em;
}
.filter .multi .item ul li {
  list-style: none;
  display: flex;
  align-items: center;
  font-size: 0.0208333333em;
  padding: 0.5em 0;
  cursor: pointer;
}
.filter .multi .item ul li:before {
  content: '';
  width: 1em;
  height: 1em;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 0.5em;
}
.filter .multi .item ul li.active:before {
  background-color: #000;
}
.filter .multi .item:last-child {
  margin-right: 0;
}
.filter .multi.active {
  max-height: 0.625em;
}
@media screen and (min-width: 768px) {
  .filter .tools .item {
    font-size: 0.03125em;
    margin-left: 0.8333333333em;
  }
  .filter .radio:before {
    height: 0.03125em;
  }
  .filter .radio .item {
    font-size: 0.01953125em;
    height: 2em;
    line-height: 1.8666666667em;
    padding: 0 1.4666666667em;
    min-width: 6.6666666667em;
    margin: 0.5333333333em 0 0 0.3333333333em;
  }
  .filter .radio.active {
    max-height: 0.2604166667em;
  }
  .filter .multi .item {
    padding-top: 0.03125em;
    margin-right: 0.0651041667em;
  }
  .filter .multi .item .title {
    font-size: 0.01953125em;
    margin-bottom: 0.5333333333em;
  }
  .filter .multi .item ul li {
    font-size: 0.01953125em;
    padding: 0.3333333333em 0;
  }
  .filter .multi.active {
    max-height: 0.390625em;
  }
}
@media screen and (min-width: 1024px) {
  .filter .tools .item {
    font-size: 24px;
    margin-left: 25px;
  }
  .filter .radio:before {
    height: 20px;
  }
  .filter .radio .item {
    font-size: 15px;
    height: 30px;
    line-height: 28px;
    padding: 0 22px;
    min-width: 100px;
    margin: 8px 0 0 70px;
  }
  .filter .radio.active {
    max-height: 200px;
  }
  .filter .multi .item {
    padding-top: 24px;
    margin-right: 50px;
  }
  .filter .multi .item .title {
    font-size: 15px;
    margin-bottom: 8px;
  }
  .filter .multi .item ul li {
    font-size: 15px;
    padding: 5px 0;
  }
  .filter .multi.active {
    max-height: 300px;
  }
}
@media screen and (min-width: 1400px) {
  .filter .tools .item {
    font-size: 24px;
    margin-left: 25px;
  }
  .filter .radio:before {
    height: 20px;
  }
  .filter .radio .item {
    font-size: 15px;
    height: 30px;
    line-height: 28px;
    padding: 0 22px;
    min-width: 100px;
    margin: 8px 0 0 70px;
  }
  .filter .radio.active {
    max-height: 200px;
  }
  .filter .multi .item {
    padding-top: 24px;
    margin-right: 50px;
  }
  .filter .multi .item .title {
    font-size: 15px;
    margin-bottom: 8px;
  }
  .filter .multi .item ul li {
    font-size: 15px;
    padding: 5px 0;
  }
  .filter .multi.active {
    max-height: 300px;
  }
}
footer {
  background-color: #000;
  font-size: 100vw;
  padding: 0.0833333333em 0.0625em 0;
  color: #fff;
}
footer .box {
  display: flex;
  flex-wrap: wrap;
}
footer .box > .item {
  width: 42%;
  margin-bottom: 0.0708333333em;
}
footer .box > .item.group,
footer .box > .item.more {
  width: 100%;
}
footer .title {
  font-weight: 800;
  font-size: 0.025em;
  line-height: 1;
  margin-bottom: 0.8333333333em;
}
footer .group-box {
  display: flex;
  padding-top: 0.0208333333em;
}
footer .group-box .item {
  margin-right: 0.05625em;
  color: #fff;
}
footer .group-box .item:last-child {
  margin-right: 0;
}
footer .group-box .item img {
  display: block;
  height: 0.0193125em;
  filter: invert(100%);
}
footer .group-box .item .description {
  margin-top: 0.6785714286em;
  font-size: 0.0145833333em;
  line-height: 1;
}
footer .group-box .item.pionova img {
  height: 0.0248333333em;
}
footer .group-box .item.pionova .description {
  margin-top: 0.2742857143em;
}
footer ul li {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0.025em;
  font-weight: 200;
  line-height: 2.0833333333em;
}
footer ul a {
  color: #ededed;
  text-decoration: none;
}
footer .award,
footer .contact {
  display: none;
}
footer .social {
  display: flex;
  margin-top: -0.0833333333em;
  justify-content: center;
}
footer .social a {
  display: block;
  font-size: 0.03125em;
  color: #fff;
  margin-left: 1.3333333333em;
}
@media screen and (min-width: 768px) {
  footer {
    padding: 0.0625em 0.0520833333em;
  }
  footer .box > .item {
    margin-bottom: 0;
    width: 25%;
  }
  footer .box > .item.group,
  footer .box > .item.more {
    width: 25%;
  }
  footer .title {
    font-size: 0.015625em;
    margin-bottom: 1.1666666667em;
  }
  footer .group-box {
    justify-content: initial;
    flex-direction: column;
    padding-top: 0.015625em;
  }
  footer .group-box .item {
    margin: 0 0 0.0134635417em;
  }
  footer .group-box .item:last-child {
    margin: 0;
  }
  footer .group-box .item img {
    height: 0.0137239583em;
  }
  footer .group-box .item .description {
    margin-top: 0.66875em;
    font-size: 0.0104166667em;
  }
  footer .group-box .item.pionova img {
    height: 0.0176432292em;
  }
  footer .group-box .item.pionova .description {
    margin-top: 0.003203125em;
  }
  footer ul li {
    font-size: 0.015625em;
    line-height: 2.0833333333em;
  }
  footer .award {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.0182291667em;
  }
  footer .award img {
    height: 0.05859375em;
  }
  footer .contact {
    display: flex;
    margin-bottom: 0.0130208333em;
  }
  footer .contact .icon {
    font-size: 0.0260416667em;
    margin-right: 0.4em;
    text-align: center;
    line-height: 1em;
  }
  footer .contact .content {
    font-weight: 200;
    font-size: 0.015625em;
    line-height: 1.8333333333em;
    color: #ededed;
  }
  footer .social {
    padding-top: 0.0078125em;
    margin-top: 0;
    justify-content: flex-start;
  }
  footer .social a {
    font-size: 0.0234375em;
    margin-right: 1.4444444444em;
    margin-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  footer {
    padding: 0.046875em 0.1123046875em;
  }
  footer .title {
    font-size: 13px;
    margin-bottom: 14px;
  }
  footer .group-box {
    padding-top: 12px;
  }
  footer .group-box .item {
    margin: 0 0 14px;
  }
  footer .group-box .item:last-child {
    margin: 0;
  }
  footer .group-box .item img {
    height: 13.38px;
  }
  footer .group-box .item .description {
    margin-top: 6.31px;
    font-size: 8px;
  }
  footer .group-box .item.pionova img {
    height: 17.2px;
  }
  footer ul li {
    font-size: 12px;
    line-height: 25px;
  }
  footer .award {
    padding-bottom: 14px;
    max-width: 204px;
  }
  footer .award img {
    height: 45px;
  }
  footer .contact {
    margin-bottom: 10px;
  }
  footer .contact .icon {
    font-size: 20px;
    margin-right: 8px;
    line-height: 20px;
  }
  footer .contact .content {
    font-weight: 200;
    font-size: 12px;
    line-height: 22px;
  }
  footer .social {
    padding-top: 6px;
  }
  footer .social a {
    font-size: 18px;
    margin-right: 26px;
  }
}
@media screen and (min-width: 1400px) {
  footer {
    padding: 0.0342857143em 0.0821428571em;
  }
  footer .title {
    font-size: 15px;
    margin-bottom: 24px;
  }
  footer .group-box {
    padding-top: 12px;
  }
  footer .group-box .item {
    margin: 0 0 18px;
  }
  footer .group-box .item:last-child {
    margin: 0;
  }
  footer .group-box .item img {
    height: 13.63px;
  }
  footer .group-box .item .description {
    margin-top: 7.69px;
    font-size: 10px;
  }
  footer .group-box .item.pionova img {
    height: 17.58px;
  }
  footer .group-box .item.pionova .description {
    margin-top: 3.03px;
  }
  footer ul li {
    font-size: 15px;
    line-height: 30px;
  }
  footer .award {
    padding-bottom: 30px;
    max-width: 260px;
  }
  footer .award img {
    height: 66px;
  }
  footer .contact {
    margin-bottom: 14px;
  }
  footer .contact .icon {
    font-size: 15px;
    margin-right: 14px;
    line-height: 30px;
  }
  footer .contact .content {
    font-size: 15px;
    line-height: 30px;
  }
  footer .social {
    padding-top: 10px;
  }
  footer .social a {
    font-size: 24px;
    margin-right: 32px;
  }
}
@media print {
  footer {
    display: none !important;
  }
}
.form {
  font-size: 100vw;
}
.form .input input,
.form .textarea textarea {
  display: block;
  font-size: 0.0270833333em;
  margin: 0 0 2.3076923077em;
  padding: 0 0.7692307692em;
  width: 100%;
  height: 3.2307692308em;
  line-height: 3.2307692308em;
  background: none;
  border: 2px solid #000;
  border-radius: 0.7692307692em;
  outline: 0;
}
.form .input input::placeholder,
.form .textarea textarea::placeholder {
  color: rgba(0, 0, 0, 0.8);
}
.form .textarea textarea {
  height: auto !important;
}
.form .button {
  display: flex;
  justify-content: flex-end;
}
.form .button button {
  display: inline-block;
  font-weight: 500;
  font-size: 0.0270833333em;
  padding: 0 1.6923076923em;
  margin: 0 0 0 0.6153846154em;
  height: 3.2307692308em;
  line-height: 3.2307692308em;
  border-radius: 0.7692307692em;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  outline: 0;
}
@media screen and (min-width: 768px) {
  .form .input input,
  .form .textarea textarea {
    font-size: 0.0169270833em;
    margin: 0 0 1.2307692308em;
    padding: 0 0.7692307692em;
    height: 3.2307692308em;
    line-height: 3.2307692308em;
    border-radius: 0.7692307692em;
  }
  .form .button button {
    font-size: 0.01953125em;
    padding: 0 1.4666666667em;
    margin: 0 0 0 0.5333333333em;
    height: 2.8em;
    line-height: 2.8em;
    border-radius: 0.6666666667em;
  }
}
@media screen and (min-width: 1024px) {
  .form .input input,
  .form .textarea textarea {
    font-size: 15px;
    margin: 0 0 16px;
    padding: 0 12px;
    height: 42px;
    line-height: 42px;
    border-radius: 10px;
  }
  .form .button button {
    font-size: 15px;
    padding: 0 30px;
    margin: 0 0 0 8px;
    height: 42px;
    line-height: 42px;
    border-radius: 10px;
  }
}
@media screen and (min-width: 1400px) {
  .form .input input,
  .form .textarea textarea {
    font-size: 18px;
    margin: 0 0 16px;
    padding: 0 12px;
    height: 42px;
    line-height: 42px;
    border-radius: 10px;
  }
  .form .button button {
    font-size: 22px;
    padding: 0 30px;
    margin: 0 0 0 8px;
    height: 42px;
    line-height: 42px;
    border-radius: 10px;
  }
}
header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 0.1625em !important;
  font-size: 100vw;
  transition: all 0.4s ease;
}
header .nav-toggle {
  width: 0.1em;
  height: 0.1em;
  padding-top: 0.0041666667em;
  margin-left: -0.075em;
  cursor: pointer;
}
header .nav-toggle i {
  display: block;
  width: 0.075em;
  margin: 0.0208333333em auto 0;
  background-color: #fff;
  height: 0.0041666667em;
  border-radius: 0.0041666667em;
  transition: all 0.4s ease;
}
header .description {
  font-size: 0.0291666667em;
  line-height: 1.3;
  margin-left: 2.2857142857em;
  color: #fff;
  transition: all 0.4s ease;
}
header .description b {
  font-weight: 800;
}
header .description i {
  margin-right: 0.2857142857em;
}
header.dark-nav-toggle .nav-toggle i {
  background-color: #000;
}
header.dark .nav-toggle i {
  background-color: #000;
}
header.dark .description {
  color: #000;
}
header.compact-in-mobile .description {
  display: none;
}
header.sticky {
  position: fixed;
}
header.sticky.active {
  padding-top: 0.0333333333em !important;
  padding-bottom: 0.0333333333em !important;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(7.5px);
}
header.sticky.active .nav-toggle i {
  background-color: #000;
}
header.sticky.active .description {
  color: #000;
}
.header-sticky-effect {
  padding-top: 0.1625em;
  transition: all 0.4s ease;
  z-index: 1000;
}
.header-sticky-effect.header-sticky-active {
  padding-top: 0.0333333333em;
}
@media screen and (min-width: 480px) {
  header {
    padding-top: 78px !important;
  }
  header .nav-toggle {
    width: 48px;
    height: 48px;
    padding-top: 2px;
    margin-left: -36px;
  }
  header .nav-toggle i {
    width: 36px;
    margin: 10px auto 0;
    height: 2px;
    border-radius: 2px;
  }
  header .description {
    font-size: 14px;
    margin-left: 32px;
  }
  header .description i {
    margin-right: 4px;
  }
  header.sticky.active {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .header-sticky-effect {
    padding-top: 78px;
    transition: all 0.4s ease;
    z-index: 1000;
  }
  .header-sticky-effect.header-sticky-active {
    padding-top: 16px;
  }
}
@media screen and (min-width: 768px) {
  header {
    padding-top: 56px !important;
  }
  header .nav-toggle {
    margin-left: -56px;
  }
  header.compact-in-mobile .description {
    display: block;
  }
  header.sticky.active {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
  .header-sticky-effect {
    padding-top: 56px;
    transition: all 0.4s ease;
    z-index: 1000;
  }
  .header-sticky-effect.header-sticky-active {
    padding-top: 22px;
  }
}
@media print {
  header {
    display: none !important;
  }
}
.mastering-the-balance {
  position: relative;
  font-size: 100vw;
  background-color: rgba(0, 0, 0, 0.15);
  overflow: hidden;
  height: 1.8541666667em;
}
.mastering-the-balance:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../images/art/recognized-top.png) right 0.5208333333em
    no-repeat;
  background-size: 0.3458333333em auto;
  transform: scaleY(-1);
  opacity: 0.5;
}
.mastering-the-balance .item {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: left bottom no-repeat;
  background-size: 108% auto;
  padding: 0.0916666667em 0.125em 0;
  transition: opacity 0.5s ease;
  opacity: 0;
}
.mastering-the-balance .item.active {
  opacity: 1;
}
.mastering-the-balance .label {
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 300;
  font-size: 0.0520833333em;
  line-height: 1.8em;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
  color: #fff;
}
.mastering-the-balance .title {
  margin-top: 0.2857142857em;
  font-weight: 800;
  font-size: 0.0729166667em;
  line-height: 1.7142857143em;
}
@media screen and (min-width: 768px) {
  .mastering-the-balance {
    height: 1.1588541667em;
  }
  .mastering-the-balance:before {
    background-size: 0.2838541667em auto;
    background-position-y: top;
  }
  .mastering-the-balance .item {
    background-size: 0.8385416667em auto;
    background-position-x: -0.0364583333em;
    background-position-y: 0.3697916667em;
    padding: 0.078125em 0.0651041667em 0 0.40625em;
  }
  .mastering-the-balance .label {
    font-size: 0.0325520833em;
    line-height: 1.8em;
  }
  .mastering-the-balance .title {
    margin-top: 0.25em;
    font-size: 0.0520833333em;
    line-height: 1.5em;
  }
}
@media screen and (min-width: 1024px) {
  .mastering-the-balance {
    height: 0.8984375em;
  }
  .mastering-the-balance:before {
    background-size: 0.2265625em auto;
  }
  .mastering-the-balance .item {
    background-size: 0.68359375em auto;
    background-position-x: -0.095703125em;
    background-position-y: bottom;
    padding: 0.10546875em 0.0390625em 0 0.365234375em;
  }
  .mastering-the-balance .label {
    font-size: 0.029296875em;
    line-height: 1.5em;
  }
  .mastering-the-balance .title {
    margin-top: 0.1666666667em;
    font-size: 0.05859375em;
    line-height: 1.5em;
  }
}
@media screen and (min-width: 1400px) {
  .mastering-the-balance {
    height: 0.6571428571em;
  }
  .mastering-the-balance:before {
    background-size: 0.25em auto;
  }
  .mastering-the-balance .item {
    background-size: auto 96%;
    background-position-x: -0.0428571429em;
    padding: 0.0757142857em 0.0514285714em 0 0.3857142857em;
  }
  .mastering-the-balance .label {
    font-size: 0.025em;
    line-height: 1.2857142857em;
  }
  .mastering-the-balance .title {
    margin-top: 0.24em;
    font-size: 0.0535714286em;
    line-height: 1.2em;
  }
}
.our-family {
  font-size: 100vw;
  position: relative;
}
.our-family:before {
  content: '';
  display: block;
  position: relative;
  top: 0;
  left: 0;
  margin-right: -100px;
  height: 0.375em;
  background: url(../images/art/header-top.png) 0.0666666667em top no-repeat;
  background-size: auto 0.375em;
}
.our-family:after {
  content: '';
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 0.1541666667em;
  height: 0.2708333333em;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWUAAACCCAYAAACes9k1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmE2YTYzOTY4YSwgMjAyNC8wMy8wNi0xMTo1MjowNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjExIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNTY4NDg3ODI0MkIxMUYwQUYwQUJCRjAwQ0RDNjRCMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFNTY4NDg3OTI0MkIxMUYwQUYwQUJCRjAwQ0RDNjRCMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU1Njg0ODc2MjQyQjExRjBBRjBBQkJGMDBDREM2NEIxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU1Njg0ODc3MjQyQjExRjBBRjBBQkJGMDBDREM2NEIxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+UMdkCQAAC2tJREFUeNrsnU1sXFcVgK9nPP43KUmTNG1DEyhpSUEqQiiwAgkQsCurqmLDggUSAhawQAIhuqELVkhskRALxAY2CBCiG6DiZ0NVCqGlLYLGjhPXTWzP+G/G4+GcvHM1Vy/PY8f2vJ/r75OO5tl+nrHvm/neeefed2/dAUAMXJKYlFiVqEv0aJJqUqMJAKJgVuKaxCmJrsQoTQIAUBwXLDvekDhj30PMAAAF8W6JHRNzR+I8Yq4mlC8A4mLHRPw/ifdIbCNmAIBiM+VusH2FjBkAoFgpp8X8lO2jozJGaCoAgPyl3LOvt23727ZfDTEDABQjZR9ezD+3fUcc/UkAAIVJ2Y/I0MdXXL++TJ0ZAKAgKYdibkk8Zr9HnRkAoCAph6UMjS/Y71JnBgAoSMrpDsBfBs9BOQMAoAApp8sZN12/nEHWDABQkJTT5YxvBs9Xp0kBAPKXcrqc8Q+Jh8maAQCKk3JW1vx1smYAgGKlnM6a35B4PMiaueEEACBnKac7ATV+7JJVTShpAAAUJGWfNXdtuy3xpeD1EDMAQM5SzppxTudp/lTwumTOAAA5SznsCPSv8U+JD6cyZ+QMAJCjlLNGabws8VEyZwCA4qQcljX8ts4+91nkDABQnJSz5Lwg8TWJ6VRpAwAAKRco53WJn0hcTsmZ2jMAIOUC5Bz+La9JfEXiZIagAQCQco6RXsz1BYlnJE6k/n4EDQBIOWc5h3+f3ozyB5dMtH82Q9BIGgCQckGC1nhV4jmJKxJTGf/fsZE0ZyOAeKT8ekU/073U3910yRSiv5H4nUuG2y0jZQBAysUIOu2mLYlrLil3/Eniry653buJlAEAKRefSStak55zyciOF11yZ+G/JG5I3DKRI2UAQMoFSdqzbRn0LcumNf4r8aZL1iLUuG37rLlkitJukKEP8mQPKQMAUh4OXRP4hoUKet22/WPX2vNp+zoXKbOkOAAcR+oW4xL37bHvu1zS2ZgLLO8CADCY9+b5YjXkDAAwkCfyfDFfvtCB3Fdse9UlNRWtsWgPpvZydt3exXAAgBh5vAgpa23ljxKN4Gd+fS4thm9aeFlrNE3gLXv0sRI8Nu1xzX6/Y5Jv2/P6iUsAAJByIOUZd3evrV9SXEU9eQSv5Sck6QQZuD763k8V/nJK7Msp2bdM9L63dMOewweSB4Cj5hFzYS+PaoGX8ik3/JEYI/Yao0ck+XQ2v21i3jRh+wy+mcram8F2y8Tvv+eHwnQsfDbf5X0JcCxRCeuUoxPmh9wy5Qcq2mBhNq/MHqHoveDbQSafLt0sB4JfSWX5Ldcv+bSDqwMv+6wzbsN+DgDlQJPJMZfjsDgv5bO0faboZ45Q8l3Xr6d7SftsXvm1xPdofoBScjFvKT9Im+ci+YkB+00gZYDS8phLZq3LRRjKedq8cN6mCQBKy+U8szgyZQCAwbw/p9cZqXpHHwBAHlyQmHZJGXIYkz7pvSJ37uegow8AYDA6UuqcS0qMwxqnrH1K35V41kv5BO0OAJCJz4zHc5D/nZqyjsGbpN0BAAplx0t5HCkDAJSDmgl5gqYAACiPlFmBBACgJFKecqzrBQBQGinP0AwAAOWR8kmaAQCgPFJmjDIAQImkPEszAAAgZQAAyJDyO2gGAIDySHmKZgAAKI+UucUaAKBEUp6mGQAAyiNl5r0AACiRlBs0AwAAUgYAgAwpj9EMAADlkXKPZgAAKI+Ux2mGUsDJEQDuSJm5lMvB1j3uz3EDiBBWHCkPH5f4hcQtiQWJeYnrFksSTYl1ibZEl8waACnD8NBVbHUOks8N2KcjsSbRklg2Uc+ZtP3josRbEiuBxHdoXoBqSZnL4OKp7WMfHbp4n8VDexy3rmXUG5Z537TsW8V9wx4XLJZM9Jsm/nthhIwd4Oil3KUZKsdeJ9K6S+Y00dCVZR7dY/+2ZdarJvFFE/Zc6nHZ9muZ8BEywBCk3KEZjj06Vv2UxcV9CFyz6jWTdLr+vWCZ+aIJXiWunZiUUQDIlGFIAtfQxRHOSbxvwL47QRZ+2yX1bhX2jZTIr5vgfQbeJgsHpAxwb+ynL8JPeKVxWuLSgH17llG3XL8z0wt73sJn4ZqB+85MBA7OPFav+P8w5aW8xfGEkkjeC/x++96TA/bfDiS+ZNm377z0mbj/nmbp67b/Nk0dJSrkF+wYV1HOZySuImWo+lWehs4HflbiiT2y8HUT+IpJfDHIwH0pZdH1yygty8KhOjwl8XbV39f6pt7kWMIxyMKnA4EPKqNoHdyPCV+zD/n1QNxhNr5kWfia/U7vAH8XpZej43wEUt4etQwCABL8fDAaJ+2DPqiMorVM7ZxsmhA02/bjwr3I5+z7fjjh5gElDoOZjeUScI1jCXBgtH45Y3Fuj329wNcCic8FAp83ofvOTC/x/dTBGXKY3BWLlAHgQALXjh29qefKLvv2LJvWrFrr4G+5ftnEl1B8OeWaY1X6qKTc4lgC5M7IPn7ux4SrbM7vsf+2Zcv1Y9ym0ZQvVvl8AETxWT7uRCFl7dRY5lgCQAREUb6okSkDAJlyuaR8m2MJABEwE4uUGX0BAGTKJZLyfsdBAgAg5RykzCQtABAD0XT06R1GzH8BAFUnmpqyn3wFAKDKTMciZb0fv8nxBICKo2tSVn4haL+K8i2OJwBEkCnXqv5P+H9gnuMJABWngZQBAMol5QZSBgAoBzpD3lgsUp7jeAJABD6bjEXK1zmeABBBphyNlG9yPAEgAiq/AksoZb3VmoUcAQApFyxlHWytd/RtuAgGXgPAsabyt1rXXH+BxkWOJwBUnMrfah0OtGYEBgBUncrPFBdK+Q2OJwBUnMrPqYyUAQApl1TKr3M8AaDinIhJyq9yPAGg4kRVU9aOPpaFAgCkXBIp61jlVY4pAFSYqGrKuk7fAscUAMiUyyFl5TWOKQBUmKg6+pSXOaaZdGkCgEpQ+VniRlNfv8QxzUSnBLwq8bzEkxITLrmdc9K2x6wtG/ZYs9+p0XQAuVL5CYnSExB9QOLvHNdMtOb+kMteZNZLeMyiYY8TQUyZxFXm2hkxYzFr35tJxVTwu+MZzz1qr8kkUgB9dBWlC67CI8nSH2gtkt80CfBh7+OnNO1YG21Z++Q11WktEH89yMi9oKcs0nKfTm1nhT9ZhFl/I3itGhk/VIgliYftM1r58oVKpmmZ4IMc27tOXl0T1isSF4OTVh5i3rEY9tm/FoTPzMcDYU8E8vcngpkBMR1cCUyksv1GSv6Hzfp3OHmAvb/qVf4HRjOywatIOZO6SVEvjX4v8bFAArEsDuDlr7SHdHLz2fdoIObwBDDm7i7x7BZTduWiY+w/7SJYNBMOTRQrWqd5ziRDZEfHHn8WZJdQLB/ifUlYaNnidJXfzFlCeZHP+J5XF5oxPy3xfcss6zRLISWlEcuu/xJk+MAV7XhsUn4pskvyYYr5GxLfcUm9eZRmyf29q+/RX9H2ELOUNfN40yXDvxh9sT8xPyvxLdsmY86v7bt2tfIJ26aMBJ5KT6xW3+UfekbiDMd2Xyc1FcInXdLJ9DxyGDqaLGip4gHXL1twMoQQ7aTWjuJLLrm34H6Jd7qkc1iz6EYq6eyV7Q2exU9NzLD/M7Nmbz+S+GJwaU0JaHjvVx1Pf9ramKs68Gy5weWLHUukNDq2v47eWbfQYcGr9tgKtleD7ZXge2v2HB07GXSC59857Js85MsSP+T4HkjMv5X4jOt3RNEBdXRC9lcmf5b4iG2TJUPR9Oy92DZB+8cNi/VA5l7u6W1/EmjtJuUPSvyNtj6wmP8tcdn1OwBZPODohOyv4nxbA0TFbvXP/5jh4d7wAtZa1rLEo67fAcgl9uGF/AOEDJHT3k3Kmk7P0z4HFrMKRDsVdH7qz9vXI4j5UELWctpXETJETu//AgwAC4N6T7lWz9MAAAAASUVORK5CYII=)
    left bottom no-repeat;
  background-size: auto 0.2708333333em;
}
.our-family .title {
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 100;
  font-size: 0.0979166667em;
  line-height: 1.0638297872em;
  letter-spacing: 0.05em;
  padding-top: 2.5531914894em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
}
.our-family .subtitle {
  margin-top: 0.4em;
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 300;
  font-size: 0.03125em;
  line-height: 3em;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
}
.our-family .label {
  margin-top: 3.3333333333em;
  font-weight: 300;
  font-size: 0.03125em;
  line-height: 3em;
}
.our-family .group {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.0333333333em;
}
.our-family .item {
  width: 0.375em;
}
.our-family .item img {
  display: block;
  height: 0.0339791667em;
}
.our-family .item .description {
  margin-top: 0.77em;
  font-size: 0.0208333333em;
  line-height: 1.4em;
  color: #000;
}
.our-family .item:first-child img {
  height: 0.0436875em;
}
.our-family .item:first-child .description {
  margin-top: 0.303em;
}
.our-family .break {
  height: 0.0833333333em;
  width: 100%;
}
@media screen and (min-width: 480px) {
  .our-family:before {
    height: 180px;
    background-position: 32px top;
    background-size: auto 180px;
  }
  .our-family:after {
    height: 130px;
    background-size: auto 130px;
  }
  .our-family .item {
    width: 180px;
  }
  .our-family .item img {
    height: 16.31px;
  }
  .our-family .item .description {
    margin-top: 7.7px;
    font-size: 10px;
    line-height: 14px;
  }
  .our-family .item:first-child img {
    height: 20.97px;
  }
  .our-family .item:first-child .description {
    margin-top: 3.03px;
  }
}
@media screen and (min-width: 768px) {
  .our-family:before {
    background-position: left top;
  }
  .our-family:after {
    background-position: left bottom;
    margin-top: 0.0963541667em;
  }
  .our-family .title {
    font-size: 0.1041666667em;
    line-height: 1.125em;
    padding-top: 1.125em;
  }
  .our-family .subtitle {
    margin-top: 0.9em;
    font-size: 0.0260416667em;
    line-height: 2.25em;
  }
  .our-family .label {
    margin-top: 4.6666666667em;
    font-size: 0.01953125em;
    line-height: 3em;
  }
  .our-family .group {
    margin-top: 0.0104166667em;
  }
  .our-family .item {
    margin-right: 26px;
    width: auto;
  }
  .our-family .item:last-child {
    margin-right: 0;
  }
  .our-family .break {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .our-family:after {
    margin-top: 0.0244140625em;
  }
  .our-family .title {
    font-size: 0.107421875em;
    line-height: 1.0909090909em;
    padding-top: 0.5em;
  }
  .our-family .subtitle {
    margin-top: 0.4em;
    font-size: 0.029296875em;
    line-height: 1.5em;
  }
  .our-family .label {
    margin-top: 2.5333333333em;
    font-size: 0.0146484375em;
    line-height: 3em;
  }
}
@media screen and (min-width: 1400px) {
  .our-family:after {
    margin-top: 0.0178571429em;
  }
  .our-family .title {
    font-size: 0.1em;
    line-height: 0.8571428571em;
    padding-top: 0.2142857143em;
  }
  .our-family .subtitle {
    margin-top: 0.5142857143em;
    font-size: 0.025em;
    line-height: 1.2857142857em;
  }
  .our-family .label {
    margin-top: 2.1333333333em;
    font-size: 0.0107142857em;
    line-height: 3em;
  }
}
.recognized-for {
  position: relative;
  font-size: 100vw;
  background-color: rgba(0, 0, 0, 0.88);
  color: #fff;
  overflow: hidden;
}
.recognized-for:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../images/art/recognized-top.png) right top no-repeat;
  background-size: 0.375em auto;
}
.recognized-for:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../images/art/recognized-bottom.png) right bottom no-repeat;
  background-size: 0.3541666667em auto;
}
.recognized-for .main {
  margin-bottom: 0.3583333333em;
}
.recognized-for .main:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: -0.1458333333em;
  right: 0;
  background: url(../images/art/recognized-stand.png) left bottom no-repeat;
  background-size: 0.325em auto;
  background-position-x: 0.1333333333em;
}
.recognized-for .main:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url(../images/art/recognized-rock.png) left bottom no-repeat;
  background-size: 0.3333333333em auto;
  background-position-x: 0.2583333333em;
}
.recognized-for .title {
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 300;
  font-size: 0.0520833333em;
  line-height: 1.8em;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
  padding-top: 0.6em;
}
.recognized-for .score {
  padding-top: 0.0416666667em;
}
.recognized-for .score .item {
  width: 0.4791666667em;
  margin-bottom: 0.0541666667em;
}
.recognized-for .score .item:last-child {
  margin-bottom: 0;
}
.recognized-for .score .label {
  font-weight: 200;
  font-size: 0.0416666667em;
  line-height: 1;
}
.recognized-for .score .value {
  font-weight: 300;
  font-size: 0.1291666667em;
  line-height: 1.1290322581em;
}
.recognized-for .score .value b {
  font-weight: 800;
}
.recognized-for .score .description {
  font-size: 0.025em;
  line-height: 1.4166666667em;
}
.recognized-for .award {
  margin: 0.0958333333em 0 0 0.3541666667em;
}
.recognized-for .award .item {
  display: flex;
  align-items: center;
  margin-bottom: 0.0458333333em;
}
.recognized-for .award .item:last-child {
  margin-bottom: 0;
}
.recognized-for .award .value {
  font-weight: 800;
  font-size: 0.13125em;
  line-height: 1;
  letter-spacing: 0.04em;
}
.recognized-for .award .description {
  font-weight: 800;
  font-size: 0.0541666667em;
  line-height: 1.0384615385em;
  margin-left: 0.3076923077em;
  padding-top: 0.1538461538em;
}
.recognized-for.landing:after {
  bottom: 0.2291666667em;
  background-size: 0.3541666667em auto;
  background-image: url(../images/art/recognized-bottom-2.png);
}
.recognized-for.landing .main {
  margin-bottom: 0.1875em;
  padding-right: 0.1395833333em;
  padding-left: 0.1395833333em;
}
.recognized-for.landing .main:before {
  bottom: 0;
  background-position-x: 0.6666666667em;
  background-size: 0.2708333333em auto;
}
.recognized-for.landing .main:after {
  background-position-x: 0.4166666667em;
  background-size: 0.3958333333em auto;
}
.recognized-for.landing .title {
  padding-top: 2.4em;
}
.recognized-for.landing .score {
  padding-top: 0.0583333333em;
}
.recognized-for.landing .score .item {
  margin-bottom: 0.1083333333em;
}
.recognized-for.landing .award {
  margin-left: 0;
}
.recognized-for.landing .award .item {
  margin-bottom: 0.0625em;
}
@media screen and (min-width: 768px) {
  .recognized-for:before {
    background-size: 0.2838541667em auto;
  }
  .recognized-for:after {
    background-size: 0.2994791667em auto;
  }
  .recognized-for .main {
    margin-bottom: 0.2604166667em;
  }
  .recognized-for .main:before {
    background-size: 0.2734375em auto;
    background-position-x: 0.0520833333em;
    background-position-y: center;
  }
  .recognized-for .main:after {
    background-size: 0.3255208333em auto;
    background-position-x: 0.1953125em;
  }
  .recognized-for .title {
    font-size: 0.0390625em;
    line-height: 1.5em;
    padding-top: 1.4666666667em;
    margin-left: 6em;
  }
  .recognized-for .score {
    margin-left: 0.234375em;
    padding-top: 0.046875em;
  }
  .recognized-for .score .item {
    width: 0.2994791667em;
    margin-bottom: 0.0338541667em;
  }
  .recognized-for .score .label {
    font-size: 0.0260416667em;
  }
  .recognized-for .score .value {
    font-size: 0.0755208333em;
    line-height: 1.2068965517em;
  }
  .recognized-for .score .description {
    font-size: 0.015625em;
    line-height: 1.4166666667em;
  }
  .recognized-for .award {
    margin: 0.046875em 0 0 0.234375em;
    display: flex;
  }
  .recognized-for .award .item {
    margin: 0 0.046875em 0 0;
  }
  .recognized-for .award .value {
    font-size: 0.08203125em;
  }
  .recognized-for .award .description {
    font-size: 0.0338541667em;
    line-height: 1.0384615385em;
    margin-left: 0.3076923077em;
    padding-top: 0.1538461538em;
  }
  .recognized-for.landing:after {
    bottom: 0.0338541667em;
    background-size: auto 0.1432291667em;
  }
  .recognized-for.landing .main {
    margin-bottom: 0.2604166667em;
    padding-right: 0;
    padding-left: 0.1015625em;
  }
  .recognized-for.landing .main:before {
    background-size: 0.1953125em auto;
    background-position-x: 0.7682291667em;
    background-position-y: 0.2291666667em;
  }
  .recognized-for.landing .main:after {
    background-size: 0.3125em auto;
    background-position-x: 0.4947916667em;
  }
  .recognized-for.landing .title {
    padding-top: 1.9428571429em;
    margin-left: 0;
  }
  .recognized-for.landing .score {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.1822916667em;
    margin-left: 0;
  }
  .recognized-for.landing .score .item {
    width: 0.2057291667em;
    margin: 0 0.009765625em 0 0;
  }
  .recognized-for.landing .score .item:last-child {
    margin: 0;
    width: 0.2447916667em;
  }
  .recognized-for.landing .award {
    margin-top: 0.1302083333em;
    margin-left: 0;
  }
  .recognized-for.landing .award .item {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .recognized-for:before {
    background-size: 0.2265625em auto;
  }
  .recognized-for:after {
    background-size: 0.228515625em auto;
  }
  .recognized-for .main {
    margin-bottom: 0.232421875em;
  }
  .recognized-for .main:before {
    background-size: 0.21484375em auto;
    background-position-x: 0.048828125em;
    background-position-y: 0.115234375em;
  }
  .recognized-for .main:after {
    background-size: 0.3125em auto;
    background-position-x: 0.166015625em;
  }
  .recognized-for .title {
    font-size: 0.0341796875em;
    line-height: 1.2857142857em;
    padding-top: 5.8285714286em;
    margin-left: 5.1428571429em;
  }
  .recognized-for .score {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0.17578125em;
    padding-top: 0.05078125em;
  }
  .recognized-for .score .item {
    margin: 0 0.0546875em 0 0;
    width: 0.154296875em;
  }
  .recognized-for .score .item:last-child {
    margin: 0;
    width: 0.18359375em;
  }
  .recognized-for .score .label {
    font-size: 0.0244140625em;
  }
  .recognized-for .score .value {
    font-size: 0.060546875em;
    line-height: 1.1290322581em;
  }
  .recognized-for .score .description {
    font-size: 0.01171875em;
    line-height: 1.4166666667em;
  }
  .recognized-for .award {
    margin: 0.03515625em 0 0 0.17578125em;
  }
  .recognized-for .award .item {
    margin: 0 0.0546875em 0 0;
  }
  .recognized-for .award .value {
    font-size: 0.0615234375em;
  }
  .recognized-for .award .description {
    font-size: 0.025390625em;
    line-height: 1.0384615385em;
    margin-left: 0.3076923077em;
    padding-top: 0.1538461538em;
  }
  .recognized-for.landing:after {
    background-size: auto 0.107421875em;
    bottom: 0.029296875em;
  }
  .recognized-for.landing .main {
    margin-bottom: 0.205078125em;
    padding-right: 0.1123046875em;
    padding-left: 0.1123046875em;
  }
  .recognized-for.landing .main:before {
    background-size: 0.166015625em auto;
    background-position-x: 0.7421875em;
    background-position-y: 0.193359375em;
  }
  .recognized-for.landing .main:after {
    background-size: 0.283203125em auto;
    background-position-x: 0.5078125em;
  }
  .recognized-for.landing .title {
    padding-top: 2.2857142857em;
  }
  .recognized-for.landing .score {
    padding-top: 0.1953125em;
  }
  .recognized-for.landing .score .item {
    width: 0.154296875em;
    margin: 0 0.0546875em 0 0;
  }
  .recognized-for.landing .score .item:last-child {
    margin: 0;
    width: 0.18359375em;
  }
  .recognized-for.landing .award {
    margin-top: 0.056640625em;
  }
}
@media screen and (min-width: 1400px) {
  .recognized-for:before {
    background-size: 0.25em auto;
  }
  .recognized-for:after {
    background-size: 0.2642857143em auto;
  }
  .recognized-for .main {
    margin-bottom: 0.2114285714em;
  }
  .recognized-for .main:before {
    background-size: 0.2142857143em auto;
    background-position-x: 0.0428571429em;
    background-position-y: 0.07em;
  }
  .recognized-for .main:after {
    background-size: 0.2785714286em auto;
    background-position-x: 0.1642857143em;
  }
  .recognized-for .title {
    font-size: 0.025em;
    line-height: 1.2857142857em;
    padding-top: 4.1714285714em;
    margin-left: 8.2857142857em;
  }
  .recognized-for .score {
    margin-left: 0.2071428571em;
    padding-top: 0.0342857143em;
  }
  .recognized-for .score .item {
    margin: 0 0.04em 0 0;
    width: 0.1128571429em;
  }
  .recognized-for .score .item:last-child {
    margin: 0;
    width: 0.1342857143em;
  }
  .recognized-for .score .label {
    font-size: 0.0178571429em;
  }
  .recognized-for .score .value {
    font-size: 0.0442857143em;
    line-height: 1.1290322581em;
  }
  .recognized-for .score .description {
    font-size: 0.0085714286em;
    line-height: 1.4166666667em;
  }
  .recognized-for .award {
    margin: 0.0414285714em 0 0 0.2071428571em;
  }
  .recognized-for .award .item {
    margin: 0 0.0414285714em 0 0;
  }
  .recognized-for .award .value {
    font-size: 0.045em;
  }
  .recognized-for .award .description {
    font-size: 0.0185714286em;
    line-height: 1.0384615385em;
    margin-left: 0.3076923077em;
    padding-top: 0.1538461538em;
  }
  .recognized-for.landing:after {
    bottom: 0.0414285714em;
    background-size: auto;
  }
  .recognized-for.landing .main {
    margin-bottom: 0.1571428571em;
    padding-right: 0.0821428571em;
    padding-left: 0.0821428571em;
  }
  .recognized-for.landing .main:before {
    background-size: 0.2142857143em auto;
    background-position-x: 0.6142857143em;
    background-position-y: 0.1357142857em;
  }
  .recognized-for.landing .main:after {
    background-size: 0.2785714286em auto;
    background-position-x: 0.4em;
  }
  .recognized-for.landing .title {
    padding-top: 2.8571428571em;
  }
  .recognized-for.landing .score {
    padding-top: 0.2142857143em;
  }
  .recognized-for.landing .score .item {
    width: 0.1128571429em;
    margin: 0 0.04em 0 0;
  }
  .recognized-for.landing .score .item:last-child {
    margin: 0;
    width: 0.1342857143em;
  }
  .recognized-for.landing .award {
    margin-top: 0.0414285714em;
  }
}
.landing-acknowledge {
  position: relative;
  font-size: 100vw;
  padding: 0.1291666667em 0.1395833333em 0.4583333333em 0.125em;
  background-size: cover;
}
.landing-acknowledge .label {
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 300;
  font-size: 0.05em;
  line-height: 1.875em;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
}
.landing-acknowledge .group {
  margin-top: 0.0333333333em;
}
.landing-acknowledge .item {
  display: none;
}
.landing-acknowledge .item.active {
  display: block;
}
.landing-acknowledge .content {
  font-weight: 800;
  font-size: 0.075em;
  line-height: 1.3888888889em;
}
.landing-acknowledge .author {
  font-weight: 700;
  font-size: 0.0666666667em;
  line-height: 1.40625em;
  margin-top: 0.9375em;
}
.landing-acknowledge .control {
  position: absolute;
  bottom: 0.1041666667em;
  right: 12%;
  display: flex;
  flex-wrap: wrap;
}
.landing-acknowledge .control div {
  font-size: 0.1041666667em;
  width: 1.12em;
  height: 1.12em;
  line-height: 1.4em;
  text-align: center;
  cursor: pointer;
}
.landing-acknowledge .control div.next {
  margin-left: 1.2em;
  transform: rotate(-90deg);
}
.landing-acknowledge .control div.prev {
  transform: rotate(90deg);
}
.landing-acknowledge .qut {
  position: absolute;
  z-index: -1;
  bottom: 0.1333333333em;
  left: 0.1533333333em;
  font-weight: 800;
  font-size: 0.625em;
  text-align: right;
  letter-spacing: -0.146em;
  color: rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 768px) {
  .landing-acknowledge {
    padding: 0.1432291667em 0.4010416667em 0.1458333333em 0.1015625em;
  }
  .landing-acknowledge .label {
    font-size: 0.03125em;
    line-height: 1.875em;
  }
  .landing-acknowledge .group {
    margin-top: 0.0208333333em;
  }
  .landing-acknowledge .content {
    font-size: 0.0520833333em;
    line-height: 1.25em;
  }
  .landing-acknowledge .author {
    font-size: 0.0416666667em;
    line-height: 1.40625em;
    margin-top: 1.25em;
  }
  .landing-acknowledge .control {
    bottom: 0.3776041667em;
    right: 9%;
  }
  .landing-acknowledge .control div {
    font-size: 0.078125em;
    width: 1.0666666667em;
    height: 1.0666666667em;
    line-height: 1.3333333333em;
  }
  .landing-acknowledge .control div.next {
    margin-left: 0.6666666667em;
  }
  .landing-acknowledge .qut {
    bottom: 0.0833333333em;
    right: 10%;
    font-size: 0.78125em;
    letter-spacing: -0.152em;
  }
}
@media screen and (min-width: 1024px) {
  .landing-acknowledge {
    padding: 0.17578125em 0.412109375em 0.125em 0.1123046875em;
  }
  .landing-acknowledge .label {
    font-size: 0.0341796875em;
    line-height: 1.2857142857em;
  }
  .landing-acknowledge .group {
    margin-top: 0.015625em;
  }
  .landing-acknowledge .content {
    font-size: 0.048828125em;
    line-height: 1.4em;
  }
  .landing-acknowledge .author {
    font-size: 0.0341796875em;
    line-height: 1.2857142857em;
    margin-top: 2em;
  }
  .landing-acknowledge .control {
    bottom: 0.3776041667em;
    right: 10%;
  }
  .landing-acknowledge .control div {
    font-size: 0.05859375em;
    width: 1.0666666667em;
    height: 1.0666666667em;
    line-height: 1.3333333333em;
  }
  .landing-acknowledge .control div.next {
    margin-left: 1.3333333333em;
  }
  .landing-acknowledge .qut {
    bottom: 0.075em;
    font-size: 0.78125em;
    letter-spacing: -0.15em;
  }
}
@media screen and (min-width: 1400px) {
  .landing-acknowledge {
    padding: 0.1428571429em 0.3714285714em 0.1085714286em 0.0821428571em;
  }
  .landing-acknowledge .label {
    font-size: 0.025em;
    line-height: 1.2857142857em;
  }
  .landing-acknowledge .group {
    margin-top: 0.0228571429em;
  }
  .landing-acknowledge .content {
    font-size: 0.0535714286em;
    line-height: 1.2em;
  }
  .landing-acknowledge .author {
    font-size: 0.025em;
    line-height: 1.2857142857em;
    margin-top: 1.3142857143em;
  }
  .landing-acknowledge .control {
    bottom: 0.275em;
    left: auto;
    right: 8%;
  }
  .landing-acknowledge .control div {
    font-size: 0.0571428571em;
    width: 1.125em;
    height: 1.125em;
    line-height: 1.25em;
  }
  .landing-acknowledge .control div.next {
    margin-left: 1.125em;
  }
  .landing-acknowledge .qut {
    bottom: 0.075em;
    right: 10%;
    font-size: 0.5714285714em;
  }
}
.landing-ambition {
  font-size: 100vw;
  height: 1.7083333333em;
  padding: 0.1416666667em 0.1375em 0 0.125em;
  background-size: cover;
  background-color: #9e9e9e;
  background-position: 60% 0;
  position: relative;
}
.landing-ambition img {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.landing-ambition.white {
  display: flex;
  flex-direction: column;
  padding: 0 0.1375em 0.1604166667em 0.0625em;
}
.landing-ambition.white .title {
  margin-top: auto;
  color: #fff;
}
.landing-ambition .title {
  font-weight: 800;
  font-size: 0.075em;
  line-height: 1.1111111111em;
  z-index: 1;
}
.landing-ambition .label {
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 300;
  font-size: 0.05em;
  line-height: 1.875em;
  margin-top: 9.8333333333em;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
}
.landing-ambition .group {
  display: flex;
  flex-wrap: wrap;
  margin: 0.1333333333em -0.0625em 0 0;
}
.landing-ambition .item {
  position: relative;
  font-weight: 700;
  font-size: 0.0416666667em;
  line-height: 1.25em;
  margin-top: 4.8em;
  letter-spacing: 0.05em;
}
.landing-ambition .item:after {
  content: '';
  position: absolute;
  top: 0.8em;
  height: 5.5em;
  right: 0;
  width: 1px;
  background-color: #000;
  transform: rotate(45deg);
}
.landing-ambition .item:first-child {
  margin-top: 0;
}
.landing-ambition .item:first-child:after {
  top: 1em;
}
.landing-ambition .item:last-child {
  margin-top: 8.8em;
}
.landing-ambition .item:last-child:after {
  display: none;
}
@media screen and (min-width: 768px) {
  .landing-ambition {
    height: 1.0546875em;
    padding: 0.0807291667em 0.1015625em 0;
  }
  .landing-ambition.white {
    padding: 0 0.0859375em 0.07421875em 0.078125em;
  }
  .landing-ambition .title {
    font-size: 0.0625em;
    line-height: 1.1458333333em;
    width: 9.1666666667em;
  }
  .landing-ambition .label {
    font-size: 0.03125em;
    line-height: 1.875em;
    margin-top: 16.125em;
  }
  .landing-ambition .group {
    margin: 0.0546875em 0 0;
  }
  .landing-ambition .item {
    display: flex;
    font-size: 0.0260416667em;
    line-height: 1.25em;
    margin-top: 0;
  }
  .landing-ambition .item:after {
    position: relative;
    top: -0.5em;
    height: 5em;
    margin: 0 2.4em;
  }
  .landing-ambition .item:first-child:after {
    top: -0.5em;
  }
  .landing-ambition .item:last-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .landing-ambition {
    height: 0.810546875em;
    padding: 0.080078125em 0 0 0.1171875em;
  }
  .landing-ambition.white {
    padding: 0 0.060546875em 0.080078125em;
  }
  .landing-ambition .title {
    font-size: 0.0625em;
    line-height: 1.171875em;
    width: 6.40625em;
  }
  .landing-ambition .label {
    font-size: 0.0341796875em;
    line-height: 1.2857142857em;
    margin-top: 6.1714285714em;
  }
  .landing-ambition .group {
    margin-top: 0.068359375em;
  }
  .landing-ambition .item {
    font-size: 0.03125em;
    line-height: 1.25em;
  }
  .landing-ambition .item:after {
    margin: 0 1.8em;
    top: 0.1em;
    height: 4em;
  }
  .landing-ambition .item:first-child:after {
    top: 0.1em;
  }
}
@media screen and (min-width: 1400px) {
  .landing-ambition {
    height: 0.6785714286em;
    padding: 0.0757142857em 0.0821428571em 0;
  }
  .landing-ambition.white {
    padding: 0 0.0471428571em 0.0521428571em 0.0428571429em;
  }
  .landing-ambition .title {
    font-size: 0.0535714286em;
    line-height: 1.2em;
    width: 7.2em;
  }
  .landing-ambition .label {
    font-size: 0.025em;
    line-height: 1.2857142857em;
    margin-top: 6.8571428571em;
  }
  .landing-ambition .group {
    margin-top: 0.0442857143em;
  }
  .landing-ambition .item {
    font-size: 0.025em;
    line-height: 1.2857142857em;
  }
  .landing-ambition .item:after {
    margin: 0 2.4em;
    top: 0.6em;
    height: 3em;
  }
  .landing-ambition .item:first-child:after {
    top: 0.6em;
  }
}
.landing-exprience {
  font-size: 100vw;
  height: 1.6666666667em;
  padding: 0.0791666667em 0.1375em 0;
  background-size: cover;
}
.landing-exprience .label {
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 300;
  font-size: 0.0416666667em;
  line-height: 2.25em;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
}
.landing-exprience .number {
  font-weight: 800;
  line-height: 1;
  text-align: center;
  width: 0.2708333333em;
  height: 0.3875em;
  margin-left: 0.1041666667em;
}
.landing-exprience .number svg,
.landing-exprience .number img {
  display: block;
  width: auto;
  height: 100%;
}
.landing-exprience .group {
  margin-top: 0.0541666667em;
}
.landing-exprience .item {
  position: relative;
  margin: 0 0.1666666667em 0.0416666667em 0.0625em;
}
.landing-exprience .item:before {
  content: '';
  position: absolute;
  bottom: 100%;
  height: 0.1666666667em;
  left: 96%;
  width: 1px;
  background-color: #000;
  transform: rotate(45deg) translate(-50%, 78%);
  transform-origin: top center;
}
.landing-exprience .item:first-child:before {
  display: none;
}
.landing-exprience .item:first-child .number {
  margin-left: 0.2208333333em;
}
.landing-exprience .item:last-child .number {
  margin-left: 0.3208333333em;
}
.landing-exprience .content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 0.0416666667em;
  line-height: 1.5em;
}
@media screen and (min-width: 768px) {
  .landing-exprience {
    height: 0.7526041667em;
    padding: 0.0572916667em 0.0859375em 0 0.1015625em;
  }
  .landing-exprience .label {
    font-size: 0.03125em;
    line-height: 1.875em;
  }
  .landing-exprience .number {
    width: 0.2005208333em;
    height: 0.2916666667em;
    margin: 0.2161458333em 0 0 -0.0260416667em;
  }
  .landing-exprience .group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0.0338541667em;
  }
  .landing-exprience .item {
    margin: 0;
    width: 23%;
  }
  .landing-exprience .item:before {
    height: 0.1041666667em;
    bottom: 32%;
    left: -40%;
    transform: rotate(45deg);
  }
  .landing-exprience .item:first-child .number {
    margin: 0.0963541667em 0 0 0.0989583333em;
  }
  .landing-exprience .item:last-child .number {
    margin: 0 0 0 -0.0651041667em;
  }
  .landing-exprience .item:last-child:before {
    left: -14%;
  }
  .landing-exprience .content {
    top: 46%;
    transform: none;
    font-size: 0.0260416667em;
    line-height: 1.25em;
  }
}
@media screen and (min-width: 1024px) {
  .landing-exprience {
    height: 0.791015625em;
    padding: 0.080078125em 0.1171875em 0 0.109375em;
  }
  .landing-exprience .label {
    font-size: 0.03125em;
    line-height: 1.40625em;
  }
  .landing-exprience .number {
    width: 0.17578125em;
    height: 0.25390625em;
    margin: 0.21484375em 0 0;
  }
  .landing-exprience .group {
    margin-top: 0.05078125em;
  }
  .landing-exprience .item {
    width: 21.5%;
    transform: translate(-0.0390625em);
  }
  .landing-exprience .item:before {
    height: 0.107421875em;
    bottom: 35%;
    left: -8%;
  }
  .landing-exprience .item:first-child {
    transform: none;
  }
  .landing-exprience .item:first-child .number {
    margin: 0.11328125em 0 0 0.087890625em;
  }
  .landing-exprience .item:last-child {
    transform: none;
  }
  .landing-exprience .item:last-child:before {
    left: -37%;
  }
  .landing-exprience .item:last-child .number {
    margin: 0 0 0 -0.09765625em;
  }
  .landing-exprience .content {
    top: 42%;
    font-size: 0.0234375em;
    line-height: 1.25em;
  }
}
@media screen and (min-width: 1400px) {
  .landing-exprience {
    height: 0.6785714286em;
    padding: 0.0771428571em 0.0892857143em 0 0.0821428571em;
  }
  .landing-exprience .label {
    font-size: 0.025em;
    line-height: 1.2857142857em;
  }
  .landing-exprience .number {
    width: 0.1828571429em;
    height: 0.2642857143em;
    margin: 0.2em 0 0 -0.0142857143em;
  }
  .landing-exprience .group {
    margin: 0.0142857143em 0 0 0.0585714286em;
  }
  .landing-exprience .item {
    transform: translate(-0.0285714286em);
    width: 23%;
  }
  .landing-exprience .item:before {
    height: 0.0785714286em;
    bottom: 36%;
    left: -22%;
  }
  .landing-exprience .item:first-child .number {
    margin: 0.1085714286em 0 0 0.0914285714em;
  }
  .landing-exprience .item:last-child {
    transform: translate(-0.05em);
  }
  .landing-exprience .item:last-child:before {
    left: -22%;
  }
  .landing-exprience .item:last-child .number {
    margin: 0 0 0 -0.0828571429em;
  }
  .landing-exprience .content {
    top: 44%;
    font-size: 0.025em;
    line-height: 1.2857142857em;
  }
}
.landing-elegance {
  font-size: 100vw;
  height: 1.6666666667em;
  padding: 0;
  background-color: #b3b3b3;
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  position: relative;
  overflow: hidden;
}
.landing-elegance .slider {
  position: relative;
  width: 100%;
  height: 100%;
}
.landing-elegance .slider .arrow {
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  font-size: 0.0625em;
  width: 1.3333333333em;
  height: 1.3333333333em;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.landing-elegance .slider .arrow.left {
  left: 0.3333333333em;
  transform: translateY(-50%) rotate(90deg);
}
.landing-elegance .slider .arrow.right {
  right: 0.3333333333em;
  transform: translateY(-50%) rotate(-90deg);
}
.landing-elegance .slider .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  display: flex;
  align-items: center;
  padding: 0.1166666667em 0.125em 0;
}
.landing-elegance .slider .item img {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.landing-elegance .slider .item.active {
  opacity: 1;
}
.landing-elegance .slider .item .content {
  position: relative;
  z-index: 5;
}
.landing-elegance .label {
  font-weight: 300;
  font-size: 0.05em;
  line-height: 1;
  font-feature-settings: 'smcp', 'c2sc';
  font-variant: all-small-caps;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.landing-elegance .description {
  font-weight: 100;
  font-size: 0.1145833333em;
  line-height: 1.1818181818em;
  margin-top: 0.1090909091em;
  font-feature-settings: 'smcp', 'c2sc';
  font-variant: all-small-caps;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 768px) {
  .landing-elegance {
    height: 1.015625em;
    padding: 0;
  }
  .landing-elegance .slider .arrow {
    width: 1.6666666667em;
    height: 1.6666666667em;
    font-size: 0.0455729167em;
  }
  .landing-elegance .slider .arrow.left {
    left: 0.2857142857em;
  }
  .landing-elegance .slider .arrow.right {
    right: 0.2857142857em;
  }
  .landing-elegance .slider .item {
    padding: 0.1223958333em 0.0598958333em 0;
  }
  .landing-elegance .label {
    font-size: 0.03125em;
  }
  .landing-elegance .description {
    font-size: 0.1041666667em;
    line-height: 0.9375em;
    margin-top: 0.075em;
  }
}
@media screen and (min-width: 1024px) {
  .landing-elegance {
    height: 0.791015625em;
    padding: 0;
  }
  .landing-elegance .slider .arrow {
    width: 1.5em;
    height: 1.5em;
    font-size: 0.046875em;
  }
  .landing-elegance .slider .arrow.left {
    left: 0.8333333333em;
  }
  .landing-elegance .slider .arrow.right {
    right: 0.8333333333em;
  }
  .landing-elegance .slider .item {
    padding: 0.095703125em 0.1123046875em 0;
  }
  .landing-elegance .label {
    font-size: 0.03125em;
  }
  .landing-elegance .description {
    font-size: 0.09375em;
    line-height: 0.9375em;
    margin-top: 0.0833333333em;
  }
}
@media screen and (min-width: 1400px) {
  .landing-elegance {
    height: 0.5785714286em;
    padding: 0;
  }
  .landing-elegance .slider .arrow {
    width: 0.05em;
    height: 0.05em;
    font-size: 0.0392857143em;
  }
  .landing-elegance .slider .arrow.left {
    left: 0.9090909091em;
  }
  .landing-elegance .slider .arrow.right {
    right: 0.9090909091em;
  }
  .landing-elegance .slider .item {
    padding: 0.0871428571em 0.0821428571em 0;
  }
  .landing-elegance .label {
    font-size: 0.0228571429em;
  }
  .landing-elegance .description {
    font-size: 0.0857142857em;
    line-height: 0.7583333333em;
    margin-top: 0.1em;
  }
}
.landing-header {
  position: relative;
  font-size: 100vw;
  height: 1.6666666667em;
  background-size: cover;
}
.landing-header .landing-header-image {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.landing-header .logo {
  position: fixed;
  left: 50%;
  top: 0.025em;
  transform: translate(-50%);
}
.landing-header .logo img {
  display: block;
  margin: 0 auto;
  height: 0.0520833333em;
}
.landing-header video {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 480px) {
  .landing-header .logo {
    top: 12px;
    margin: 0 auto;
  }
  .landing-header .logo img {
    height: 25px;
  }
}
@media screen and (min-width: 768px) {
  .landing-header {
    height: 1.0546875em;
  }
  .landing-header .logo {
    top: 8px;
    right: 48px;
    transform: none;
    left: auto;
  }
  .landing-header .logo img {
    height: 35px;
    margin: 0 0 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .landing-header {
    height: 0.791015625em;
  }
  .landing-header .logo {
    top: 8px;
    right: auto;
    left: 50%;
    transform: translate(-50%);
  }
  .landing-header .logo img {
    height: 35px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1400px) {
  .landing-header {
    height: 0.5785714286em;
  }
}
.landing-item {
  position: relative;
  font-size: 100vw;
  height: 1.6666666667em;
  padding: 0 0.0625em 0.3041666667em;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover;
  background-color: #989898;
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
}
.landing-item .landing-item-image {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.landing-item .label {
  font-weight: 300;
  font-size: 0.05em;
  line-height: 1;
  font-feature-settings: 'smcp', 'c2sc';
  font-variant: all-small-caps;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.landing-item .title {
  position: relative;
  font-weight: 100;
  font-size: 0.1333333333em;
  line-height: 1.171875em;
  margin-top: 0.34375em;
  font-feature-settings: 'smcp', 'c2sc';
  font-variant: all-small-caps;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.landing-item.light:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.4);
}
@media screen and (min-width: 768px) {
  .landing-item {
    height: 1.015625em;
    padding: 0 0.0598958333em 0.1041666667em;
  }
  .landing-item .label {
    font-size: 0.03125em;
  }
  .landing-item .title {
    font-size: 0.1302083333em;
    line-height: 0.9em;
    margin-top: 0.22em;
  }
}
@media screen and (min-width: 1024px) {
  .landing-item {
    height: 0.927734375em;
    padding: 0 0.1123046875em 0.107421875em;
  }
  .landing-item .label {
    font-size: 0.03125em;
  }
  .landing-item .title {
    font-size: 0.09765625em;
    line-height: 0.9em;
    margin-top: 0.22em;
  }
}
@media screen and (min-width: 1400px) {
  .landing-item {
    height: 0.5785714286em;
    padding: 0 0.0821428571em 0.0871428571em;
  }
  .landing-item .label {
    font-size: 0.0228571429em;
  }
  .landing-item .title {
    font-size: 0.0857142857em;
    line-height: 0.75em;
    margin-top: 0.1833333333em;
  }
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}
.modal .layout {
  position: absolute;
  top: 50%;
  right: 20px;
  left: 20px;
  transform: translateY(-50%);
}
.modal .box {
  position: relative;
  margin: 0 auto;
  max-width: 900px;
  background-color: #000;
}
.modal .box:before {
  content: '';
  display: block;
  padding-top: 56.25%;
}
.modal .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.modal .content img,
.modal .content video,
.modal .content iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.modal .content img {
  object-fit: cover;
}
.modal .close {
  position: absolute;
  right: 0;
  top: -50px;
  height: 28px;
  width: 28px;
  cursor: pointer;
}
.modal .close:before,
.modal .close:after {
  content: '';
  position: absolute;
  top: -15%;
  bottom: -15%;
  left: 50%;
  width: 1px;
  background-color: #fff;
  transform: translate(-50%) rotate(45deg);
}
.modal .close:after {
  transform: translate(-50%) rotate(-45deg);
}
.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 100vw;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(7.5px);
  padding: 0.3375em 0.125em 0;
  z-index: 1001;
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.nav > .item {
  width: 0.3166666667em;
  margin-bottom: 0.1625em;
}
.nav > .item .label {
  font-weight: 500;
  font-size: 0.0375em;
  line-height: 1;
  margin-bottom: 0.8888888889em;
}
.nav > .item li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight: 200;
  font-size: 0.03125em;
  line-height: 2.3333333333em;
}
.nav > .item li a {
  color: #000;
}
.nav > .item.title {
  display: flex;
  align-items: flex-end;
  position: relative;
}
.nav > .item.title .close {
  position: absolute;
  left: 0;
  top: -0.2083333333em;
  height: 0.0583333333em;
  width: 0.0583333333em;
  cursor: pointer;
}
.nav > .item.title .close:before,
.nav > .item.title .close:after {
  content: '';
  position: absolute;
  top: -15%;
  bottom: -15%;
  left: 50%;
  width: 2px;
  background-color: #000;
  transform: translate(-50%) rotate(45deg);
}
.nav > .item.title .close:after {
  transform: translate(-50%) rotate(-45deg);
}
.nav > .item.title .home {
  position: absolute;
  font-size: 0.075em;
  left: 1.3888888889em;
  top: -3em;
  height: 1.1666666667em;
  width: 1.1666666667em;
  text-align: center;
  line-height: 1.2;
  cursor: pointer;
  color: #000;
}
.nav > .item.title .name {
  display: block;
  font-size: 0.0625em;
  line-height: 1.1666666667em;
  width: 3.4666666667em;
  font-weight: 250;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
  color: #000;
}
.nav .group-box .item {
  display: block;
  margin-bottom: 0.0333333333em;
  color: #000;
}
.nav .group-box .item:last-child {
  margin-bottom: 0;
}
.nav .group-box .item img {
  display: block;
  height: 0.033875em;
}
.nav .group-box .item .description {
  margin-top: 0.674em;
  font-size: 0.0208333333em;
  line-height: 1.9em;
}
.nav .group-box .item.pionova img {
  height: 0.0436875em;
}
.nav .group-box .item.pionova .description {
  margin-top: 0.4328571429em;
}
.nav.active {
  transform: none;
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 768px) {
  .nav {
    flex-wrap: nowrap;
    padding: 0.09375em 0.0546875em 0 0.0703125em;
  }
  .nav > .item {
    width: auto;
    margin-bottom: 0.046875em;
  }
  .nav > .item .label {
    font-size: 0.01953125em;
    margin-bottom: 2.5333333333em;
  }
  .nav > .item li {
    font-size: 0.01953125em;
    line-height: 2em;
  }
  .nav > .item.title {
    display: block;
  }
  .nav > .item.title .close {
    position: relative;
    top: 0;
    height: 0.0364583333em;
    width: 0.0364583333em;
  }
  .nav > .item.title .home {
    font-size: 36px;
    left: 60px;
    top: -8px;
    height: 42px;
    width: 42px;
  }
  .nav > .item.title .name {
    font-size: 0.0390625em;
    line-height: 1.1666666667em;
    width: 6em;
    margin-top: 0.8333333333em;
  }
  .nav .group-box .item {
    margin-bottom: 0.0325520833em;
  }
  .nav .group-box .item img {
    height: 0.0212369792em;
  }
  .nav .group-box .item .description {
    margin-top: 0.769em;
    font-size: 0.0130208333em;
    line-height: 1.9em;
  }
  .nav .group-box .item.pionova img {
    height: 0.0273046875em;
  }
  .nav .group-box .item.pionova .description {
    margin-top: 0.4328571429em;
  }
}
@media screen and (min-width: 1024px) {
  .nav {
    padding: 0.076171875em 0.037109375em 0 0.0537109375em;
  }
  .nav > .item {
    width: auto;
    margin-bottom: 50px;
  }
  .nav > .item .label {
    font-size: 13px;
    margin-bottom: 20px;
  }
  .nav > .item li {
    font-size: 12px;
    line-height: 25px;
  }
  .nav > .item.title {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .nav > .item.title .close {
    position: relative;
    top: 0;
    height: 28px;
    width: 28px;
    margin: 0 22px 0 0;
  }
  .nav > .item.title .home {
    position: relative;
    left: 0;
    margin: 0 22px 0 0;
  }
  .nav > .item.title .name {
    font-size: 35px;
    line-height: 40px;
    width: 210px;
    margin-top: -14px;
  }
  .nav .group-box .item {
    margin-bottom: 18px;
  }
  .nav .group-box .item img {
    height: 13.38px;
  }
  .nav .group-box .item .description {
    margin-top: 7.69px;
    font-size: 10px;
    line-height: 19px;
  }
  .nav .group-box .item.pionova img {
    height: 17.2px;
  }
  .nav .group-box .item.pionova .description {
    margin-top: 3.03px;
  }
}
@media screen and (min-width: 1400px) {
  .nav {
    padding: 0.0557142857em 0.0371428571em 0 0.06em;
    justify-content: flex-start;
  }
  .nav > .item:nth-child(3) {
    padding: 0 0 0 45px;
  }
  .nav > .item {
    flex-grow: 0;
    margin-right: 10%;
  }
  .nav > .item .label {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .nav > .item li {
    font-size: 15px;
    line-height: 30px;
  }
  .nav > .item.title {
    flex-grow: 0;
  }
  .nav > .item.title .close {
    height: 15px;
    width: 15px;
    margin: 0 30px 0 0;
  }
  .nav > .item.title .home {
    margin-right: 70px;
    font-size: 26px;
    height: 32px;
    width: 32px;
  }
  .nav > .item.title .name {
    font-size: 40px;
    line-height: 45px;
    width: 326px;
    margin-top: -16px;
  }
  .nav > .item:first-child {
    margin-right: 0;
  }
  .nav > .item:last-child {
    margin-right: 0;
  }
  .nav .group-box .item {
    margin-bottom: 25px;
  }
  .nav .group-box .item img {
    height: 13.63px;
  }
  .nav .group-box .item .description {
    margin-top: 2.69px;
    font-size: 9px;
    line-height: 19px;
  }
  .nav .group-box .item.pionova img {
    height: 17.58px;
  }
  .nav .group-box .item.pionova .description {
    margin-top: 0.03px;
  }
}
.df-lightbox-wrapper {
  top: 5% !important;
  left: 5% !important;
  right: 5% !important;
  bottom: 5% !important;
}
.df-lightbox-bg {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.df-lightbox-controls {
  position: fixed !important;
  top: 0;
  right: 0;
}
.people-message {
  font-size: 100vw;
  padding: 0.1041666667em 0.125em;
  background-color: #ddd;
}
.people-message .image {
  display: none;
  margin-top: 0.0416666667em;
  padding-bottom: 62.04%;
  background-size: cover;
  background-position-y: 20%;
}
.people-message .description {
  font-weight: 300;
  font-size: 0.03125em;
  line-height: 1.6666666667em;
  margin-top: 1.8666666667em;
}
.people-message .description p {
  margin: 0;
  padding-bottom: 1.6666666667em;
}
.people-message .author {
  font-weight: 600;
  font-size: 0.025em;
  line-height: 1.6666666667em;
  margin-top: 3.6666666667em;
}
.people-message .label {
  font-weight: 300;
  font-size: 0.025em;
  line-height: 1.6666666667em;
}
@media screen and (min-width: 768px) {
  .people-message {
    padding: 0.0911458333em 0.078125em;
  }
  .people-message .image {
    display: block;
    margin-top: 0.0286458333em;
  }
  .people-message .description {
    font-size: 0.01953125em;
    line-height: 1.6666666667em;
    margin-top: 1.6em;
  }
  .people-message .description p {
    padding-bottom: 1.6666666667em;
  }
  .people-message .author {
    font-size: 0.015625em;
    line-height: 1.6666666667em;
    margin-top: 4.5em;
  }
  .people-message .label {
    font-size: 0.015625em;
    line-height: 1.6666666667em;
  }
}
@media screen and (min-width: 1024px) {
  .people-message {
    padding: 0.068359375em 0.1123046875em;
    display: flex;
  }
  .people-message .box {
    display: flex;
    flex-direction: column;
  }
  .people-message .image {
    min-width: 0.341796875em;
    max-width: 0.341796875em;
    background-position: center;
    margin: 0 0.03515625em 0 0;
  }
  .people-message .description {
    font-size: 0.0146484375em;
    line-height: 1.6666666667em;
    margin-top: 0;
  }
  .people-message .description p {
    padding-bottom: 1.6666666667em;
  }
  .people-message .author {
    font-size: 0.01171875em;
    line-height: 1.6666666667em;
    margin-top: 4.6666666667em;
  }
  .people-message .label {
    font-size: 0.01171875em;
    line-height: 1.6666666667em;
  }
}
@media screen and (min-width: 1400px) {
  .people-message {
    padding: 0.05em 0.0821428571em;
  }
  .people-message .image {
    min-width: 0.35em;
    max-width: 0.35em;
    background-position: center;
    margin: 0 0.06em 0 0;
  }
  .people-message .description {
    font-size: 0.0142857143em;
    line-height: 1.5em;
  }
  .people-message .description p {
    padding-bottom: 1.5em;
  }
  .people-message .author {
    font-size: 0.0107142857em;
    line-height: 1.3333333333em;
    margin-top: 5.6em;
  }
  .people-message .label {
    font-size: 0.0107142857em;
    line-height: 1.3333333333em;
  }
}
.posts {
  font-size: 100vw;
  background-color: #ddd;
  padding: 0.1041666667em 0.125em 0.0520833333em;
}
.posts .box .item {
  display: block;
  margin: 0 0 0.0833333333em;
  color: #000;
  background: none;
  padding: 0;
}
.posts .box .item.hide {
  display: none;
}
.posts .image {
  position: relative;
  padding-bottom: 56%;
  overflow: hidden;
}
.posts .image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.posts .name {
  font-weight: 700;
  font-size: 0.0416666667em;
  line-height: 1.7em;
  margin-top: 0.6em;
  letter-spacing: -0.05em;
}
.posts .content {
  display: flex;
  align-items: center;
  margin-top: 0.03125em;
}
.posts .content .name {
  margin-top: 0;
}
.posts .pdf {
  font-size: 0.0375em;
  line-height: 1;
  color: #000;
  background: none;
  padding: 0;
  margin: 0 0 0 auto;
  cursor: pointer;
}
.posts .award img {
  height: 0.075em;
  width: auto;
  top: auto;
  left: auto;
  object-fit: contain;
}
.posts .label {
  font-size: 0.025em;
  line-height: 1;
  margin-top: 0.3333333333em;
}
@media screen and (min-width: 768px) {
  .posts {
    padding: 0.0651041667em 0.0520833333em 0.0325520833em;
  }
  .posts .box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.0234375em;
  }
  .posts .box .item {
    width: 50%;
    padding: 0 0.0234375em;
    margin-bottom: 0.0520833333em;
  }
  .posts .name {
    font-size: 0.0260416667em;
    line-height: 1.7em;
    margin-top: 0.6em;
  }
  .posts .content {
    margin-top: 0.0065104167em;
  }
  .posts .content .name {
    margin-top: 0;
  }
  .posts .pdf {
    font-size: 0.0234375em;
  }
  .posts .award img {
    height: 0.046875em;
  }
  .posts .label {
    font-size: 0.015625em;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .posts {
    padding: 0.048828125em 0.0390625em 0.0244140625em;
  }
  .posts .box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.015625em;
  }
  .posts .box .item {
    width: 33.333%;
    padding: 0 0.015625em;
    margin-bottom: 0.029296875em;
  }
  .posts .name {
    font-size: 20px;
    line-height: 34px;
    margin-top: 12px;
  }
  .posts .content {
    margin-top: 5px;
  }
  .posts .content .name {
    margin-top: 0;
  }
  .posts .pdf {
    font-size: 18px;
  }
  .posts .award img {
    height: 0.03515625em;
  }
  .posts .label {
    font-size: 12px;
  }
}
@media screen and (min-width: 1400px) {
  .posts {
    padding: 0.0357142857em 0.0428571429em 0.0178571429em;
  }
  .posts .box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.015em;
  }
  .posts .box .item {
    width: 33.333%;
    padding: 0 0.015em;
    margin-bottom: 0.0357142857em;
  }
  .posts .name {
    font-size: 20px;
    line-height: 34px;
    margin-top: 12px;
  }
  .posts .content {
    margin-top: 5px;
  }
  .posts .content .name {
    margin-top: 0;
  }
  .posts .pdf {
    font-size: 18px;
  }
  .posts .award img {
    height: 0.0257142857em;
  }
  .posts .label {
    font-size: 12px;
  }
}
.print-header {
  position: fixed;
  top: 68px;
  left: 88px;
  z-index: 2;
}
.print-header .logo img {
  display: block;
  height: 30px;
}
.print-footer {
  position: fixed;
  bottom: 0;
  left: 88px;
  right: 0;
  z-index: 1;
}
.print-footer .logo-p {
  height: 20px;
  margin-bottom: 10px;
  position: relative;
}
.print-footer .logo-p > svg,
.print-footer .logo-p > img {
  display: block;
  max-height: 100%;
}
.print-footer .contact {
  font-size: 10px;
  color: #2d2d2d;
  line-height: 1.4;
  padding-bottom: 60px;
}
.print-footer .triangle {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 400px;
  height: 200px;
  z-index: -1;
  fill: rgba(0, 0, 0, 0.07);
}
.print-content {
  position: relative;
  z-index: 1;
  padding: 120px 88px 140px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.project-feature {
  font-size: 100vw;
  display: flex;
  flex-direction: column;
  padding: 0.0916666667em 0.125em;
  background-color: #ddd;
}
.project-feature .description {
  font-size: 0.0333333333em;
  line-height: 1.375em;
  margin-top: 2em;
}
.project-feature .presentation {
  order: -1;
}
.project-feature .video {
  display: block;
  position: relative;
  width: 100%;
}
.project-feature .video:before {
  content: '';
  display: block;
  padding-top: 56.25%;
  background-color: #bdbdbd;
}
.project-feature .video img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.project-feature .play {
  position: absolute;
  top: 50%;
  right: 0;
  left: 50%;
  bottom: 0;
  font-size: 0.0541666667em;
  height: 2.3076923077em;
  line-height: 2.5384615385em;
  width: 2.3076923077em;
  background-color: #000;
  color: #fff;
  text-align: center;
  text-indent: 5%;
  border-radius: 100%;
  transform: translate(-50%) translateY(-50%);
}
.project-feature .play.active {
  display: none;
}
.project-feature .box {
  margin-top: 0.1583333333em;
  display: flex;
  flex-wrap: wrap;
}
.project-feature .box.no-margin-top {
  margin-top: 0;
}
.project-feature .box.no-image .item .icon {
  justify-content: center;
}
.project-feature .box.no-image .item .label,
.project-feature .box.no-image .item .value {
  text-align: center;
}
.project-feature .item {
  width: 25%;
  margin-bottom: 0.0833333333em;
}
.project-feature .item .icon {
  height: 0.1145833333em;
  display: flex;
  align-items: flex-end;
}
.project-feature .item .icon img {
  display: block;
  transform: scale(0.73);
  transform-origin: bottom left;
  max-height: 100%;
}
.project-feature .item .label {
  font-weight: 700;
  font-size: 0.0166666667em;
  line-height: 1.875em;
  margin-top: 1em;
}
.project-feature .item .value {
  font-size: 0.0166666667em;
  line-height: 1.875em;
}
@media screen and (min-width: 768px) {
  .project-feature {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0.0794270833em 0.0598958333em 0.0677083333em;
  }
  .project-feature .description {
    width: 50%;
    font-size: 0.0208333333em;
    line-height: 1.375em;
    padding-right: 1em;
    margin-top: 0;
  }
  .project-feature .presentation {
    width: 50%;
    padding-left: 0.0208333333em;
    order: 0;
  }
  .project-feature .play {
    font-size: 0.0286458333em;
    height: 2.4545454545em;
    line-height: 2.7272727273em;
    width: 2.4545454545em;
  }
  .project-feature .box {
    width: 50%;
    margin-top: 0.1041666667em;
  }
  .project-feature .item {
    margin-bottom: 0.0390625em;
  }
  .project-feature .item .icon {
    height: 0.0716145833em;
  }
  .project-feature .item .icon img {
    transform: scale(0.77);
  }
  .project-feature .item .label,
  .project-feature .item .value {
    font-size: 0.0104166667em;
    line-height: 1.875em;
  }
}
@media screen and (min-width: 1024px) {
  .project-feature {
    padding: 0.087890625em 0.1123046875em 0.044921875em;
  }
  .project-feature .description {
    font-size: 0.015625em;
    line-height: 1.375em;
    padding-right: 0.5em;
  }
  .project-feature .presentation {
    padding-left: 0.0078125em;
  }
  .project-feature .play {
    font-size: 0.029296875em;
    height: 2.5em;
    line-height: 2.6666666667em;
    width: 2.5em;
  }
  .project-feature .box {
    width: 50%;
    margin-top: 0.107421875em;
  }
  .project-feature .item {
    margin-bottom: 0.029296875em;
  }
  .project-feature .item .icon {
    height: 0.0625em;
  }
  .project-feature .item .icon img {
    transform: scale(0.704);
  }
  .project-feature .item .label,
  .project-feature .item .value {
    font-size: 0.009765625em;
    line-height: 1.7em;
  }
}
@media screen and (min-width: 1400px) {
  .project-feature {
    padding: 0.0642857143em 0.0821428571em 0.0857142857em;
  }
  .project-feature .description {
    font-size: 0.0114285714em;
    line-height: 1.375em;
    padding-right: 1.875em;
  }
  .project-feature .presentation {
    padding-left: 0.0214285714em;
  }
  .project-feature .play {
    font-size: 0.0257142857em;
    height: 2.4444444444em;
    line-height: 2.6666666667em;
    width: 2.4444444444em;
  }
  .project-feature .box {
    margin-top: 0.1071428571em;
  }
  .project-feature .item {
    margin-bottom: 0.0214285714em;
  }
  .project-feature .item .icon {
    height: 0.0457142857em;
  }
  .project-feature .item .label,
  .project-feature .item .value {
    font-size: 0.0071428571em;
    line-height: 1.7em;
  }
}
.project-header {
  position: relative;
  font-size: 100vw;
  height: 1.6875em;
  background-size: cover;
}
.project-header img {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.project-header video {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-header h1 {
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: 1.6em;
  right: 1em;
  left: 1em;
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 100;
  font-size: 0.1041666667em;
  line-height: 1.2em;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .project-header {
    height: 1.0546875em;
  }
  .project-header h1 {
    bottom: 1.0666666667em;
    right: 0.8em;
    left: 0.8em;
    font-size: 0.09765625em;
    line-height: 1.1333333333em;
  }
}
@media screen and (min-width: 1024px) {
  .project-header {
    height: 0.791015625em;
  }
  .project-header h1 {
    bottom: 0.8888888889em;
    right: 1.2777777778em;
    left: 1.2777777778em;
    font-size: 0.087890625em;
    line-height: 1.1111111111em;
  }
}
@media screen and (min-width: 1400px) {
  .project-header {
    height: 0.5785714286em;
  }
  .project-header h1 {
    bottom: 1.3636363636em;
    right: 1.0454545455em;
    left: 1.0454545455em;
    font-size: 0.0785714286em;
    line-height: 1.1818181818em;
  }
}
.project {
  position: relative;
  font-size: 100vw;
  height: 1.25em;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 0.125em 0.1em;
  background-size: cover;
  background-position-x: 40%;
  background-color: #e4e3e3;
  margin-top: 0.0333333333em;
}
.project.no-margin-top {
  margin-top: 0;
}
.project h1 {
  padding: 0 0 0.4em;
  margin: 0;
  bottom: 1.6em;
  right: 1em;
  left: 1em;
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 100;
  font-size: 0.1041666667em;
  line-height: 1.2em;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  color: #fff;
}
.project .content {
  font-size: 0.0625em;
  letter-spacing: -0.05em;
  line-height: 1.2;
}
.project .content > * {
  margin-top: 1em;
}
.project ul {
  font-weight: 300;
}
.project ul li {
  list-style: none;
}
.project-images {
  display: flex;
  flex-wrap: wrap;
  font-size: 100vw;
  padding-top: 0.0333333333em;
}
.project-images img {
  display: block;
  object-fit: cover;
  height: 1em;
  width: 100%;
}
.project-images .item {
  width: 100%;
  padding-bottom: 0.0333333333em;
}
.project-images .half img {
  height: 1em;
}
@media screen and (min-width: 768px) {
  .project {
    height: 0.6510416667em;
    padding: 0 0.078125em 0.07421875em;
    background-position-x: 60%;
    margin-top: 0.0208333333em;
  }
  .project h1 {
    padding: 0 0 0.4em;
    bottom: 1.0666666667em;
    right: 0.8em;
    left: 0.8em;
    font-size: 0.09765625em;
    line-height: 1.1333333333em;
  }
  .project .content {
    font-size: 0.0390625em;
  }
  .project-images {
    padding-top: 0.0208333333em;
  }
  .project-images img {
    height: 0.5em;
  }
  .project-images .item {
    padding-bottom: 0.0208333333em;
  }
  .project-images .half {
    width: 50%;
    padding-right: 0.0104166667em;
  }
  .project-images .half img {
    height: 0.5em;
  }
  .project-images .half.odd {
    padding-left: 0.0104166667em;
    padding-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .project {
    height: 0.634765625em;
    padding: 0 0.1123046875em 0.048828125em;
    background-position-x: 60%;
    margin-top: 0.015625em;
  }
  .project h1 {
    padding: 0 0 0.4444444444em;
    bottom: 0.8888888889em;
    right: 1.2777777778em;
    left: 1.2777777778em;
    font-size: 0.087890625em;
    line-height: 1.1111111111em;
  }
  .project .content {
    font-size: 0.029296875em;
  }
  .project-images {
    padding-top: 0.015625em;
  }
  .project-images img {
    height: 0.5em;
  }
  .project-images .item {
    padding-bottom: 0.015625em;
  }
  .project-images .half {
    padding-right: 0.0078125em;
  }
  .project-images .half img {
    height: 0.5em;
  }
  .project-images .half.odd {
    padding-left: 0.0078125em;
    padding-right: 0;
  }
}
@media screen and (min-width: 1400px) {
  .project {
    height: 0.5785714286em;
    padding: 0 0.0821428571em 0.0392857143em;
    background-position-x: 0;
    margin-top: 0.0114285714em;
  }
  .project h1 {
    padding: 0 0 0.4545454545em;
    bottom: 1.3636363636em;
    right: 1.0454545455em;
    left: 1.0454545455em;
    font-size: 0.0785714286em;
    line-height: 1.1818181818em;
  }
  .project .content {
    font-size: 0.0214285714em;
  }
  .project-images {
    padding-top: 0.0114285714em;
  }
  .project-images img {
    height: 0.5em;
  }
  .project-images .item {
    padding-bottom: 0.0114285714em;
  }
  .project-images .half {
    padding-right: 0.0057142857em;
  }
  .project-images .half img {
    height: 0.5em;
  }
  .project-images .half.odd {
    padding-left: 0.0057142857em;
    padding-right: 0;
  }
}
.posts.projects .box {
  margin-top: 0.0625em;
}
.posts.projects .image {
  padding-bottom: 100%;
}
.posts.projects .item {
  margin-bottom: 20px;
}
.posts.projects .name,
.posts.projects .label,
.posts.projects .content {
  display: none;
}
@media screen and (min-width: 768px) {
  .posts.projects .box {
    margin-top: 0.0520833333em;
  }
  .posts.projects .image {
    padding-bottom: 56%;
  }
  .posts.projects .item {
    margin-bottom: 0.0520833333em;
  }
  .posts.projects .content {
    display: flex;
  }
  .posts.projects .name,
  .posts.projects .label,
  .posts.projects .award {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .posts.projects .box {
    margin-top: 0.0390625em;
  }
  .posts.projects .image {
    padding-bottom: 56%;
  }
  .posts.projects .item {
    margin-bottom: 0.029296875em;
  }
}
@media screen and (min-width: 1400px) {
  .posts.projects .box {
    margin-top: 0.0285714286em;
  }
  .posts.projects .image {
    padding-bottom: 56%;
  }
  .posts.projects .item {
    margin-bottom: 0.0357142857em;
  }
}
.career-header.blogs-header {
  background-position: center bottom;
}
.single-header {
  position: relative;
  font-size: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 1.6666666667em;
  padding: 0 0.125em 0.1354166667em;
  color: #fff;
  background-size: cover;
}
.single-header:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.single-header .title {
  position: relative;
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 100;
  font-size: 0.1041666667em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
}
.single-header .author {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.1041666667em;
}
.single-header .image {
  width: 0.1354166667em;
  height: 0.1354166667em;
  overflow: hidden;
  border-radius: 100%;
}
.single-header .image img {
  display: block;
  height: 100%;
}
.single-header .content {
  margin-left: 0.0333333333em;
}
.single-header .name {
  font-weight: 700;
  font-size: 0.0333333333em;
  line-height: 1;
  letter-spacing: 0.05em;
}
.single-header .date {
  font-weight: 200;
  font-size: 0.0270833333em;
  margin-top: 0.7692307692em;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .single-header {
    height: 1.1588541667em;
    padding: 0 0.0598958333em 0.1119791667em;
  }
  .single-header .title {
    font-size: 0.09765625em;
  }
  .single-header .author {
    margin-top: 0.0494791667em;
  }
  .single-header .image {
    width: 0.1041666667em;
    height: 0.1041666667em;
  }
  .single-header .content {
    margin-left: 0.0260416667em;
  }
  .single-header .name {
    font-size: 0.0260416667em;
  }
  .single-header .date {
    font-size: 0.01953125em;
    margin-top: 0.6666666667em;
  }
}
@media screen and (min-width: 1024px) {
  .single-header {
    height: 0.6640625em;
    padding: 0 0.1123046875em 0.056640625em;
  }
  .single-header .title {
    font-size: 0.09375em;
  }
  .single-header .author {
    margin-top: 0.037109375em;
  }
  .single-header .image {
    width: 0.078125em;
    height: 0.078125em;
  }
  .single-header .content {
    margin-left: 0.01953125em;
  }
  .single-header .name {
    font-size: 0.01953125em;
  }
  .single-header .date {
    font-size: 0.0146484375em;
    margin-top: 0.6666666667em;
  }
}
@media screen and (min-width: 1400px) {
  .single-header {
    height: 0.4857142857em;
    padding: 0 0.0821428571em 0.0414285714em;
  }
  .single-header .title {
    font-size: 0.0857142857em;
  }
  .single-header .author {
    margin-top: 0.0285714286em;
  }
  .single-header .image {
    width: 0.0571428571em;
    height: 0.0571428571em;
  }
  .single-header .content {
    margin-left: 0.0142857143em;
  }
  .single-header .name {
    font-size: 0.0142857143em;
  }
  .single-header .date {
    font-size: 0.0107142857em;
    margin-top: 0.6666666667em;
  }
}
@media print {
  .single-header {
    display: none;
  }
}
.single-main {
  position: relative;
  font-size: 100vw;
  padding: 0.0291666667em 0.125em 0.0625em;
  background-color: #ddd;
}
.single-main .tools {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.single-main .tools .item {
  font-size: 0.0416666667em;
  width: 1em;
  height: 1em;
  line-height: 1em;
  text-align: center;
  cursor: pointer;
  margin-left: 1em;
}
.single-main .tools .item:first-child {
  margin: 0;
}
.single-main .tools .item.share {
  display: none;
}
.single-main .title {
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 300;
  font-size: 0.03125em;
  line-height: 1.6666666667em;
  margin: 1em 0 0;
  letter-spacing: 0.05em;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
  flex: 1 1;
}
.single-main .slider {
  position: relative;
  height: 0.4166666667em;
  margin-top: 0.0583333333em;
  background-color: #fff;
}
.single-main .slider .arrow {
  position: absolute;
  width: 2.7777777778em;
  height: 2.7777777778em;
  color: #fff;
  font-size: 0.0375em;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
  top: 50%;
}
.single-main .slider .arrow.left {
  left: 0;
  transform: translateY(-50%) rotate(90deg);
}
.single-main .slider .arrow.right {
  right: 0;
  transform: translateY(-50%) rotate(-90deg);
}
.single-main .slider .item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
.single-main .slider .item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-main .slider .item.active {
  display: block;
}
.single-main .content {
  font-size: 0.0333333333em;
  font-weight: 300;
  line-height: 1.8;
  word-break: break-word;
}
.single-main .content > * {
  margin-top: 1.75em;
}
.single-main .content img,
.single-main .content video {
  display: block;
  max-width: 100%;
  height: auto;
}
.single-main .content ul,
.single-main .content ol {
  padding-left: 1em;
}
.single-main .content a {
  color: #000;
  text-decoration: underline;
}
.single-main .video {
  margin-top: 0.0583333333em;
}
.single-main .video .item {
  margin-top: 0.0520833333em;
}
.single-main .video a {
  display: block;
  position: relative;
}
.single-main .video a img {
  display: block;
  height: 0.4166666667em;
  width: 100%;
  object-fit: cover;
}
.single-main .video .play {
  position: absolute;
  top: 50%;
  right: 0;
  left: 50%;
  bottom: 0;
  height: 2.5em;
  line-height: 2.75em;
  width: 2.5em;
  font-size: 0.0416666667em;
  background-color: #000;
  color: #fff;
  text-align: center;
  text-indent: 5%;
  border-radius: 100%;
  transform: translate(-50%) translateY(-50%);
  cursor: pointer;
}
.single-main .download-pdf {
  font-size: 0.03125em;
  margin-top: 1.4666666667em;
}
.single-main .download-pdf a {
  display: inline-flex;
  align-items: center;
  font-weight: 300;
  line-height: 3em;
  color: #000;
}
.single-main .download-pdf a i {
  font-size: 1.3333333333em;
  margin-left: 0.6em;
  line-height: 0;
}
.single-main .tags {
  font-size: 0.03125em;
  margin-top: 0.6666666667em;
}
.single-main .tags a {
  display: inline-block;
  padding: 0.4em 1em;
  background-color: #fff;
  border-radius: 1.2em;
  margin-right: 2.6666666667em;
  color: #000;
}
@media screen and (min-width: 768px) {
  .single-main {
    padding: 0.0625em 0.0520833333em 0.0390625em;
  }
  .single-main .head {
    display: flex;
    align-items: center;
  }
  .single-main .tools {
    margin-right: auto;
    min-width: 0.1041666667em;
  }
  .single-main .tools .item {
    font-size: 0.03125em;
  }
  .single-main .title {
    font-size: 0.03125em;
    line-height: 1.4583333333em;
    margin: 0;
    order: -1;
  }
  .single-main .slider {
    height: 0.5026041667em;
    margin-top: 0.0598958333em;
  }
  .single-main .slider .arrow {
    width: 1.7857142857em;
    height: 1.7857142857em;
    font-size: 0.0364583333em;
  }
  .single-main .content {
    font-size: 0.0260416667em;
    line-height: 1.5;
  }
  .single-main .content > * {
    margin-top: 2.3em;
  }
  .single-main .video {
    display: flex;
    flex-wrap: wrap;
    margin: 0.0598958333em -0.0234375em 0;
  }
  .single-main .video .item {
    width: 33.3333%;
    padding: 0 0.0234375em;
    margin-top: 0;
  }
  .single-main .video a img {
    height: 0.1536458333em;
  }
  .single-main .video .play {
    height: 2.3em;
    line-height: 2.75em;
    width: 2.3em;
    font-size: 0.0260416667em;
  }
  .single-main .download-pdf {
    font-size: 0.01953125em;
    margin-top: 1.4666666667em;
  }
  .single-main .download-pdf a {
    line-height: 3em;
  }
  .single-main .download-pdf a i {
    font-size: 1.3333333333em;
    margin-left: 0.6em;
  }
  .single-main .tags {
    font-size: 0.01953125em;
    margin-top: 0.6666666667em;
  }
  .single-main .tags a {
    border-radius: 1.2em;
    margin-right: 2.6666666667em;
  }
}
@media screen and (min-width: 1024px) {
  .single-main {
    padding: 0.05859375em;
  }
  .single-main .tools {
    min-width: 0.087890625em;
  }
  .single-main .tools .item {
    font-size: 0.029296875em;
  }
  .single-main .title {
    font-size: 0.03125em;
    line-height: 1.40625em;
  }
  .single-main .slider {
    height: 0.478515625em;
    margin-top: 0.05859375em;
  }
  .single-main .slider .arrow {
    width: 1.7857142857em;
    height: 1.7857142857em;
    font-size: 0.02734375em;
  }
  .single-main .content {
    font-size: 0.01953125em;
  }
  .single-main .content > * {
    margin-top: 2.5em;
  }
  .single-main .video {
    margin: 0.09765625em -0.0234375em 0;
  }
  .single-main .video .item {
    padding: 0 0.0234375em;
  }
  .single-main .video a img {
    height: 0.15625em;
  }
  .single-main .video .play {
    height: 2.3em;
    line-height: 2.4em;
    width: 2.3em;
    font-size: 0.01953125em;
  }
  .single-main .download-pdf {
    font-size: 0.0146484375em;
    margin-top: 1.4666666667em;
  }
  .single-main .download-pdf a {
    line-height: 3em;
  }
  .single-main .download-pdf a i {
    font-size: 1.3333333333em;
    margin-left: 0.6em;
  }
  .single-main .tags {
    font-size: 0.0146484375em;
    margin-top: 0.6666666667em;
  }
  .single-main .tags a {
    border-radius: 1.2em;
    margin-right: 2.6666666667em;
  }
}
@media screen and (min-width: 1400px) {
  .single-main {
    padding: 0.0157142857em 0.0428571429em 0.0285714286em;
  }
  .single-main .tools {
    min-width: 0.0642857143em;
  }
  .single-main .tools .item {
    font-size: 0.0214285714em;
  }
  .single-main .title {
    font-size: 0.0321428571em;
    line-height: 1.5555555556em;
  }
  .single-main .slider {
    height: 0.4814285714em;
    margin-top: 0.0428571429em;
  }
  .single-main .slider .arrow {
    width: 1.3157894737em;
    height: 1.3157894737em;
    font-size: 0.0271428571em;
  }
  .single-main .content {
    font-size: 0.0142857143em;
  }
  .single-main .content > * {
    margin-top: 2.5em;
  }
  .single-main .video {
    margin: 0.0714285714em -0.0228571429em 0;
  }
  .single-main .video .item {
    padding: 0 0.0228571429em;
  }
  .single-main .video a img {
    height: 0.1571428571em;
  }
  .single-main .video .play {
    height: 2.5em;
    line-height: 2.6em;
    width: 2.5em;
    font-size: 0.0142857143em;
  }
  .single-main .download-pdf {
    font-size: 0.0107142857em;
    margin-top: 1.4666666667em;
  }
  .single-main .download-pdf a {
    line-height: 3em;
  }
  .single-main .download-pdf a i {
    font-size: 1.3333333333em;
    margin-left: 0.6em;
  }
  .single-main .tags {
    font-size: 0.0107142857em;
    margin-top: 0.6666666667em;
  }
  .single-main .tags a {
    border-radius: 1.2em;
    margin-right: 2.6666666667em;
  }
}
@media print {
  .single-main {
    padding: 0;
  }
  .single-main .tools {
    display: none;
  }
  .single-main .title {
    font-size: 32px;
    line-height: 45px;
  }
  .single-main .slider {
    height: 490px;
    margin-top: 60px;
  }
  .single-main .content {
    font-size: 20px;
  }
  .single-main .content > * {
    margin-top: 50px;
  }
  .single-main .video,
  .single-main .download-pdf,
  .single-main .tags {
    display: none;
  }
}
.career-header.awards-header {
  background-position: center bottom;
}
.career-student .item.trade-student {
  background-size: auto 120%;
  background-position: right 1% bottom 96%;
}
.career-student .item.trade-student:before {
  background-color: rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 768px) {
  .career-student .item.trade-student {
    padding: 0.1236979167em 0.4895833333em 0 0.0520833333em;
    align-items: initial;
    background-size: auto 138%;
    background-position: right 14% bottom 1%;
  }
  .career-student .item .title {
    font-size: 0.0455729167em;
    line-height: 1.7142857143em;
    padding-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .career-student .item.trade-student {
    padding: 0.0703125em 0.296875em 0 0.1123046875em;
    background-size: auto 126%;
  }
  .career-student .item .title {
    font-size: 0.0390625em;
    line-height: 1.75em;
  }
}
@media screen and (min-width: 1400px) {
  .career-student .item.trade-student {
    padding: 0.0357142857em 0.35em 0 0.0821428571em;
    background-size: auto 138%;
  }
  .career-student .item .title {
    font-size: 0.0392857143em;
    line-height: 1.4545454545em;
  }
}
.two-menu {
  position: relative;
  font-size: 100vw;
}
.two-menu .item {
  position: relative;
  overflow: hidden;
  font-family: CocogoosePro, Segoe UI, Arial, Tahoma, Geneva, Verdana,
    sans-serif;
  font-weight: 300;
  font-size: 0.0833333333em;
  line-height: 1.25em;
  height: 10em;
}
.two-menu .item a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-feature-settings: 'smcp';
  font-variant: small-caps;
  z-index: 1;
  padding: 0 5%;
}
.two-menu .item span,
.two-menu .item a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center;
}
.two-menu .item:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.two-menu .item.blur span {
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  filter: blur(2px);
}
@media screen and (min-width: 768px) {
  .two-menu .item {
    font-size: 0.0520833333em;
    line-height: 1.25em;
    height: 11.125em;
  }
}
@media screen and (min-width: 1024px) {
  .two-menu {
    display: flex;
    flex-wrap: wrap;
  }
  .two-menu .item {
    width: 50%;
    font-size: 0.0390625em;
    line-height: 1.25em;
    height: 10.35em;
  }
}
@media screen and (min-width: 1400px) {
  .two-menu .item {
    font-size: 0.0285714286em;
    line-height: 1.25em;
    height: 10.35em;
  }
}
@media print {
  .two-menu {
    display: none !important;
  }
}