/* Variables */
:root {
    --graphene-primary-blue-color: #005aaa;
    --graphene-primary-blue-hover-color: rgba(0, 90, 170, 0.8);
    --graphene-secondary-blue-color: #5fbeeb;
    --graphene-secondary-blue-hover-color: rgba(95, 190, 235, 0.8);
    --graphene-secondary-blue-wcag-color: #136f9a;
    --graphene-tertiary-blue-color: #d4eeff;
    --graphene-tertiary-blue-alpha-color: #d4eeff;
    --graphene-primary-gold-color: #e6a56e;
    --graphene-primary-gold-hover-color: rgba(230, 165, 110, 0.8);
    --graphene-secondary-gold-color: #ffe6d4;
    --graphene-secondary-gold-alpha-color: rgba(255, 230, 212, 0.9);
    --graphene-black-background-color: #141e23;
    --graphene-gray-background-color: #f3f4fa;
    --graphene-primary-text-color: #2d2d2d;
    --graphene-primary-gray-color: #919ba5;
    --graphene-primary-gray-wcag-color: #52585e;
    --graphene-primary-gray-wcaglight-color: #6d7379;
    --graphene-primary-gray-wcagextralight-color: #a0aab3;
    --graphene-primary-white-color: #ffffff;
    --graphene-primary-font-family: "FranklinGothicLTPro-Bk", sans-serif;
    --graphene-headings-font-family: "Sharp Sans Bold", sans-serif;
    --graphene-smallheadings-font-family: "FranklinGothicLTPro-Dm", sans-serif;
    --graphene-primary-font-size: 1.25rem;
    /* =20px */
    --error: #e74c3c;
    --success: #2ecc71;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Fonts */
@font-face {
    font-display: swap;
    font-family: "Sharp Sans Bold";
    src: url("../../assets/fonts/sharpsans/SharpSansDispNo1-Bold.eot");
    /* IE9 Compat Modes */
    src: url("../../assets/fonts/sharpsans/SharpSansDispNo1-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../../assets/fonts/sharpsans/SharpSansDispNo1-Bold.woff2") format("woff2"), /* Super Modern Browsers */ url("../../assets/fonts/sharpsans/SharpSansDispNo1-Bold.woff") format("woff");
    /* Pretty Modern Browsers */
}
@font-face {
    font-display: swap;
    font-family: "FranklinGothicLTPro-Bk";
    src: url("../../assets/fonts/itcfranklingothicsd/3B233E_0_0.eot");
    src: url("../../assets/fonts/itcfranklingothicsd/3B233E_0_0.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/itcfranklingothicsd/3B233E_0_0.woff2") format("woff2"), url("../../assets/fonts/itcfranklingothicsd/3B233E_0_0.woff") format("woff"), url("../../assets/fonts/itcfranklingothicsd/3B233E_0_0.ttf") format("truetype");
}
@font-face {
    font-display: swap;
    font-family: "FranklinGothicLTPro-Dm";
    src: url("../../assets/fonts/itcfranklingothicsd/3B233E_1_0.eot");
    src: url("../../assets/fonts/itcfranklingothicsd/3B233E_1_0.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/itcfranklingothicsd/3B233E_1_0.woff2") format("woff2"), url("../../assets/fonts/itcfranklingothicsd/3B233E_1_0.woff") format("woff"), url("../../assets/fonts/itcfranklingothicsd/3B233E_1_0.ttf") format("truetype");
}
img {
    max-width: 100%;
}
/*
Breakpoints:
Desktop wide - 1418
Desktop - 1280
Tablet wide - 1024
Tablet portrait - 768
Phone wide - 500
Phone small - 320
*/
/* IE11 fixes */
hr {
    display: block;
    margin-left: 0 !important;
    margin-right: auto !important;
}
/* Screen readers */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
/* Globals */
html {
    font-size: 100%;
}
body {
    color: var(--graphene-primary-text-color);
    font-family: var(--graphene-primary-font-family);
    font-size: var(--graphene-primary-font-size);
    font-weight: 300;
    line-height: 1.4;
}
body.body--suppress-scroll {
    overflow: hidden;
}
section {
    position: relative;
    overflow: hidden;
}
a {
    color: var(--graphene-primary-blue-color);
    text-decoration: none;
}
h1,
h2,
h3 {
    font-family: var(--graphene-headings-font-family);
}
h1,
h1 {
    font-size: 3.9375rem;
    /* =63px */
    line-height: 1.175;
}
h2,
.h2 {
    font-size: 2.5rem;
    /* =40px */
    margin-bottom: 2.25rem;
    /* =36px */
}
h3,
.h3 {
    font-size: 1.875rem;
    /* =30px */
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: var(--graphene-smallheadings-font-family);
    font-size: var(--graphene-primary-font-size);
}
.boldified,
strong,
b {
    font-family: var(--graphene-smallheadings-font-family);
}
em {
    font-style: italic;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
@media (max-width: 1280px) {
    body,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        font-size: 1rem;
    }
    h3 {
        font-size: 1.5rem;
        /* =24px */
    }
}
@media (max-width: 1024px) {
    h1 {
        font-size: 3rem;
        /* =48px */
    }
}
@media (max-width: 500px) {
    h1 {
        font-size: 2rem;
        /* =32px */
    }
    h2 {
        font-size: 1.875rem;
        /* =30px */
        margin-bottom: 1.5rem;
        /* =24px */
    }
}
@media (max-width: 320px) {
    h2 {
        font-size: 1.5rem;
        /* =24px */
    }
}
/* Table */
.table-wrap {
    min-height: 0.01%;
    overflow-x: auto;
}
table {
    width: 100%;
    max-width: 100%;
}
table th,
table td {
    padding: 1.2em 10px;
}
table th {
    font-size: 1.875rem;
    /* =30px */
    font-family: var(--graphene-headings-font-family);
    padding-bottom: 1em;
    text-align: left;
}
table thead tr {
    border-bottom: 2px solid ;
}
table tbody tr {
    border-top: 1px solid ;
}
table tbody tr:hover {
    background: rgba(0, 0, 0, 0.1);
}
/* Wrappers */
.wrapper {
    margin: 0 auto;
    padding-right: 105px;
    padding-left: 105px;
}
.wrapper--large {
    max-width: 1710px;
}
.wrapper--standard {
    max-width: 1418px;
}
.wrapper--medium {
    max-width: 1024px;
}
.wrapper--small {
    max-width: 768px;
}
.wrapper--full-width {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
@media (max-width: 1418px) {
    .wrapper {
        padding-right: 70px;
        padding-left: 70px;
    }
}
@media (max-width: 1024px) {
    .wrapper {
        padding-right: 50px;
        padding-left: 50px;
    }
}
@media (max-width: 500px) {
    .wrapper {
        padding-right: 30px;
        padding-left: 30px;
    }
}
/* Resposive Video */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.fluidvids {
    margin-bottom: 2rem;
}
/* Responsive RTE embeded images */
.single__maincontent img {
    height: auto!important;
}
.emptyspace--white {
    width: 100%;
    height: 335px;
    background-color: var(--graphene-primary-white-color);
}
@media (max-width: 768px) {
    .emptyspace--white {
        height: 220px;
    }
}
@media (max-width: 500px) {
    .emptyspace--white {
        height: 150px;
    }
}
.text-center {
    text-align: center;
}
.remove-padding {
    padding: 0px 0px !important;
}
/*======================================
  #General
======================================*/
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
input {
    line-height: normal;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea {
    -webkit-appearance: none;
}
input[type="search"] {
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
}
button {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    padding: 0;
    line-height: inherit;
    cursor: pointer;
}
/*======================================
  #Buttons
======================================*/
.button {
    border-radius: 20px;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    background-color: var(--graphene-black-background-color);
    font-family: var(--graphene-primary-font-family);
    font-size: 1.0625rem;
    /* =17px */
    border: none;
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    transition: all 0.2s ease;
}
.button:hover {
    cursor: pointer;
    background-color: var(--graphene-primary-text-color);
}
.button--blue {
    background-color: var(--graphene-primary-blue-color);
}
.button--blue:hover {
    background-color: var(--graphene-primary-blue-hover-color);
}
.button--lightblue {
    background-color: var(--graphene-secondary-blue-color);
}
.button--lightblue:hover {
    background-color: var(--graphene-secondary-blue-hover-color);
}
.button--gold {
    background-color: var(--graphene-primary-gold-color);
}
.button--gold:hover {
    background-color: var(--graphene-primary-gold-hover-color);
}
.button--2D-EPL {
    background-color: #00b2b9;
}
.button--white {
    background-color: #000000;
}
.button--lightgray {
    background-color: #919ba5;
}
.button--lightgold {
    background-color: #e6a56e;
}
.button--lightenergy {
    background-color: #f0af36
}
.button--lightbiomed {
    background-color: #00a97a;
}
.button--lightelectronics-photonics {
    background-color: #524e9c;
}
.button--light2DM-of-tomorrow {
    background-color: #8c949b;
}
.button--light-safe-by-design {
    background-color: #eb5951;
}
.button__icon--arrow {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: var(--graphene-primary-white-color);
    stroke-miterlimit: 10;
    stroke-width: 3px;
    margin-left: 40px;
}
/*======================================
  #Input fields
======================================*/
form label,
.form-label {
    margin-bottom: 0.8em;
    line-height: 1;
    font-size: 1rem;
    display: block;
}
.form-label {
    font-weight: bold;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="date"],
textarea,
select {
    box-sizing: border-box;
    display: block;
    padding: 1em;
    color: var(--graphene-primary-text-color);
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
    border: 0;
    border: 1px solid rgba(0, 90, 170, 0.2);
    transition: all 0.25s ease;
    margin-bottom: 30px;
    font-weight: normal;
    background-color: var(--graphene-gray-background-color);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {
    background-color: white;
    outline: none;
    box-shadow: 0 0 8px rgba(0, 90, 170, 0.2);
    border: 1px solid rgba(0, 90, 170, 0.7);
}
input[type="text"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="tel"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="number"][disabled],
input[type="date"][disabled],
textarea[disabled],
select[disabled] {
    cursor: not-allowed;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="tel"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
input[type="date"]::placeholder,
textarea::placeholder,
select::placeholder {
    color: var(--graphene-primary-gray-wcaglight-color);
}
select {
    line-height: 1;
    height: 3.3125em;
    padding: 1em;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='24' height='24' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='black'/></g></svg>");
    background-size: 0.875rem;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
}
textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
/*======================================
  #Custom sort select ??
======================================*/
/* Custom sort select */
/* style the items (options), including the selected item: */
.select-items div,
.select-selected {
    color: var(--graphene-primary-gray-wcag-color);
    padding: 8px 16px;
    cursor: pointer;
}
.select-items div {
    border-bottom: 1px solid var(--graphene-gray-background-color);
    padding-right: 18px;
}
.select-selected {
    padding-right: 35px;
}
.select-selected:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("../../assets/images/arrow-down-gray.svg");
    background-repeat: no-repeat;
    background-position: 50%;
    width: 23px;
    height: 100%;
}
.select-items {
    position: absolute;
    background-color: var(--graphene-primary-white-color);
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border: 1px solid var(--graphene-gray-background-color);
}
/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}
.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}
/*======================================
  #Umbraco forms
======================================*/
legend {
    padding: 0.85em 1em;
    line-height: 1;
    background: var(--graphene-gray-background-color);
    font-size: 0.75em;
    letter-spacing: 0.08em;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}
.radiobuttonlist,
.multiplechoice,
.fileupload {
    margin-bottom: 30px;
    display: block;
}
.contourPage .checkbox {
    position: relative;
    padding-left: 26px;
    margin-bottom: 30px;
}
.contourPage .checkbox .checkbox-single {
    position: absolute;
    top: -6px;
    left: 6px;
}
#recaptcha_area,
.recaptcha2,
.captcha,
.hcaptcha {
    margin-bottom: 30px;
}
#recaptcha_area table,
.recaptcha2 table,
.captcha table,
.hcaptcha table {
    border: 0 !important;
}
.h-captcha + .field-validation-error,
.g-recaptcha + .field-validation-error {
    margin-top: 0;
}
.radio-list-item,
.checkbox-list-item {
    position: relative;
    padding: 10px 10px 10px 30px;
    margin-bottom: 2px;
}
.radio-list-item label,
.checkbox-list-item label {
    text-transform: none;
}
.radio-list-item input,
.checkbox-list-item input {
    position: absolute;
    left: 7px;
    top: 8px;
}
.radio-list-item label,
.checkbox-list-item label {
    margin: 0;
    font-size: 0.8rem;
    padding: 0;
    text-transform: none;
}
.umbraco-forms-field.checkbox {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 30px;
}
.umbraco-forms-field.checkbox label {
    font-size: 0.8rem;
    text-transform: none;
    letter-spacing: 0;
}
.umbraco-forms-field.checkbox .umbraco-forms-field-wrapper {
    position: absolute;
    top: 0;
    left: 0;
}
@media only screen and (max-width: 768px) {
    .umbraco-forms-field.checkbox {
        margin-bottom: 20px;
    }
}
.help-block {
    font-size: 0.85rem;
    display: block;
    padding: 0 0 5px 0;
    margin-top: -0.7em;
    color: var(--graphene-primary-gray-wcaglight-color);
}
.field-validation-error {
    display: block;
    color: var(--error);
    font-weight: bold;
    font-size: 0.85rem;
    margin-top: -20px;
    margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
    .field-validation-error {
        margin-top: -1.25em;
        margin-bottom: 1.25em;
    }
}
.multiplechoice .field-validation-error {
    margin-top: -5px;
}
.dataconsent .field-validation-error {
    margin-top: -5px;
}
.form-label.cb-wrap + .field-validation-error {
    margin-top: -10px;
}
.umbraco-forms-indicator,
.validation-summary-errors,
.error-color {
    color: var(--error);
}
/*======================================
  #Success animation
======================================*/
.success-color {
    color: var(--success);
}
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: var(--success);
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark-svg {
    width: 4.3rem;
    height: 4.3rem;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: white;
    stroke-miterlimit: 10;
    margin: 1.5em auto;
    box-shadow: inset 0px 0px 0px var(--success);
    animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}
@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes scale {
    0%,
    100% {
        transform: none;
    }
    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}
@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 50px var(--success);
    }
}
.success-wrap {
    text-align: center;
    box-sizing: border-box;
}
/*======================================
  #Checkbox
======================================*/
/* Customize the label (the container) */
.cb-wrap,
.rb-wrap {
    display: block;
    position: relative;
    padding-left: 1.8rem;
    cursor: pointer;
    font-size: 1rem;
    -webkit-user-select: none;
    user-select: none;
    line-height: 1rem;
    text-transform: none;
    letter-spacing: 0;
    margin-bottom: 0.8em;
    padding-top: 2px;
}
.cb-wrap p,
.rb-wrap p {
    margin-bottom: 0px;
}
/* Hide the browser's default checkbox */
.cb-wrap input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom checkbox */
.cb-wrap .checkmark {
    position: absolute;
    border-radius: 2px;
    top: 0;
    left: 0;
    height: 1rem;
    width: 1rem;
    background-color: var(--graphene-gray-background-color);
    transition: all 0.2s ease;
    border: 1px solid rgba(0, 90, 170, 0.2);
}
/* cb-wrap mouse-over, add a grey background color */
.cb-wrap:hover input ~ .checkmark {
    background-color: #e5e6ec;
}
/* When the checkbox is checked, add a blue background */
.cb-wrap input:checked ~ .checkmark {
    background-color: var(--graphene-primary-blue-color) !important;
    border-color: var(--graphene-primary-blue-color) !important;
}
/* Create the checkmark/indicator (hidden when not checked) */
.cb-wrap .checkmark:after {
    content: "";
    position: absolute;
    color: white;
}
/* Show the checkmark when checked */
.cb-wrap input:checked ~ .checkmark:after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1) translateZ(0);
}
/* Style the checkmark/indicator */
.cb-wrap .checkmark:after {
    content: "";
    color: white;
    line-height: 1;
    width: 12px;
    height: 12px;
    transition: all 0.2s ease;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0) translateZ(0);
    opacity: 0;
    background-image: url("/assets/images/check.svg");
    background-size: 12px 12px;
    background-repeat: no-repeat;
}
.cb-wrap input:focus ~ .checkmark {
    box-shadow: 0 0 0 2px white, 0 0 0 4px var(--graphene-primary-blue-color);
}
/*======================================
	#Radio Button
  ======================================*/
/* Hide the browser's default radio button */
.rb-wrap input {
    position: absolute;
    opacity: 0;
}
/* Create a custom radio button */
.rb-wrap .radiobtn {
    position: absolute;
    top: 0;
    left: 0;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    transition: all 0.2s ease;
    background-color: var(--graphene-gray-background-color);
    border: 1px solid rgba(0, 90, 170, 0.2);
}
/* On mouse-over, add a grey background color */
.rb-wrap:hover input ~ .radiobtn {
    background-color: #e5e6ec;
}
/* When the radio button is checked, add a blue background */
.rb-wrap input:checked ~ .radiobtn {
    background-color: var(--graphene-primary-blue-color) !important;
    border-color: var(--graphene-primary-blue-color) !important;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.rb-wrap .radiobtn:after {
    content: "";
    position: absolute;
    opacity: 0;
    transition: all 0.2s ease;
    transform: translate(-50%, -50%) scale(0);
}
/* Show the indicator (dot/circle) when checked */
.rb-wrap input:checked ~ .radiobtn:after {
    display: block;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
/* Style the indicator (dot/circle) */
.rb-wrap .radiobtn:after {
    top: 50%;
    left: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: white;
}
.rb-wrap input:focus ~ .radiobtn {
    box-shadow: 0 0 0 2px white, 0 0 0 4px var(--graphene-primary-blue-color);
}
/*======================================
  #Form Grid
======================================*/
.form-row {
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    margin-left: -15px;
    margin-right: -15px;
}
.form-col {
    padding-left: 15px;
    padding-right: 15px;
    flex-grow: 1;
    flex-basis: 0;
}
@media only screen and (max-width: 768px) {
    .form-col {
        flex-basis: 100%;
        max-width: 100%;
    }
}
/*======================================
  #Form Block
======================================*/
.hide-form {
    display: none;
}
/*=======================
  #Newsletter
  =====================*/
.newsletter-section .lpt-webinarStatic {
    max-width: 800px;
}
.newsletter-section .lpt-webinarStatic label {
    display: inline-block;
}
/* Main Header */
.mainheader {
    display: flex;
    align-items: center;
    padding-top: 2.5rem;
    /* =40px */
    padding-bottom: 3.125rem;
    /* =50px */
    z-index: 5;
    position: fixed;
    top: 0;
    width: calc(100% - 210px);
    background-color: white;
}
body::before {
    content: "";
    width: 100%;
    height: 168px;
    display: block;
}
.mainheader__logo {
    flex: 0 1 296px;
    margin-right: auto;
    padding-right: 50px;
    display: block;
    margin-bottom: -30px;
}
.mainheader__logo__image {
    width: 100%;
}
@media (max-width: 1418px) {
    .mainheader {
        width: calc(100% - 140px);
    }
}
@media (max-width: 1280px) {
    .mainheader {
        padding-top: 1.875rem;
        /* =30px */
        padding-bottom: 1.875rem;
        /* =30px */
    }
    body::before {
        height: 125px;
    }
    .mainheader__logo {
        margin-bottom: -10px;
        flex: 0 1 250px;
    }
}
@media (max-width: 1024px) {
    .mainheader {
        width: calc(100% - 100px);
    }
}
/* Updated - Fixed main nav on mobile */
@media (max-width: 768px) {
    .mainheader {
        position: fixed;
        top: 0;
        background-color: white;
        justify-content: space-between;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    body::before {
        content: "";
        width: 100%;
        height: 82px;
        display: block;
    }
    .mainheader__logo {
        flex: 0 1 200px;
        margin-right: 0;
    }
}
@media (max-width: 500px) {
    .mainheader {
        width: calc(100% - 60px);
    }
    body::before {
        height: 70px;
    }
    .mainheader__logo {
        flex: 0 1 160px;
    }
}
/* Main Navigation (inside Main Header)*/
.mainnav {
    margin-top: 3rem;
    /* =48px */
    position: relative;
}
.mainnav__list {
    display: flex;
}
.mainnav__item {
    margin-right: 2.25rem;
    /* =36px */
    position: relative;
}
.mainnav__item--mobileonly {
    display: none;
}
.mainnav__item:hover .mainnav__sublist,
.mainnav__item--open .mainnav__sublist {
    visibility: visible;
    opacity: 1;
    top: 30px;
}
.mainnav__item:last-child {
    margin-right: 3.75rem;
    /* =60px */
}
.mainnav__icon {
    width: 1.125rem;
    /* =18px */
    margin-left: 0.625rem;
    /* =10px */
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: 50%;
}
.mainnav__icon--arrowdown {
    background-image: url("../../assets/images/icon-arrow-down-lightblue.svg");
}
.mainnav__link {
    color: var(--graphene-primary-blue-color);
    font-size: 1.375rem;
    /* =22px */
    display: flex;
}
.mainnav__link--mobileonly {
    display: none;
}
.mainnav__sublist {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 1;
    min-width: 200px;
    background-color: var(--graphene-primary-white-color);
    padding: 30px;
    font-size: 1.375rem;
    /* =22px */
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s 0.1s;
}
.mainnav__sublist--open {
    visibility: visible;
    opacity: 1;
    top: 30px;
}
.mainnav__sublistdivider {
    background-color: var(--graphene-secondary-blue-color);
    height: 2px;
    width: 38px;
    border: none;
    margin: 0.75rem 0 0.75rem 0;
    /* =12px */
}
.mainnav__sublistlinktext {
    color: var(--graphene-primary-blue-color);
}
.mainnav__close {
    width: 30px;
    height: 30px;
    background-image: url("../../assets/images/close.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    display: none;
    position: absolute;
    top: 50px;
    right: 50px;
    transition: all 0.3s;
}
.mainnav__close:hover {
    cursor: pointer;
    transform: rotate(90deg);
}
.mainnav__logo {
    display: none;
    transition: all 0.3s;
}
.mainnav__logo:hover {
    opacity: 0.8;
}
@media (max-width: 1418px) {
    .mainnav__item {
        margin-right: 1.5rem;
        /* =24px */
    }
    .mainnav__item:last-child {
        margin-right: 2.5rem;
        /* =40px */
    }
    .mainnav__link {
        font-size: 1.125rem;
        /* =18px */
    }
}
@media (max-width: 1280px) {
    .mainnav {
        position: fixed;
        top: 0;
        right: 0;
        background-color: var(--graphene-primary-blue-color);
        margin-top: 0;
        height: 100%;
        z-index: 4;
        padding: 50px;
        width: 42vw;
        padding-top: 200px;
        box-sizing: border-box;
        overflow-y: auto;
        overflow-x: hidden;
        right: -50vw;
        visibility: hidden;
        transition: all 0.3s;
        opacity: 0;
    }
    .mainnav--show {
        visibility: visible;
        right: 0;
        opacity: 1;
    }
    .mainnav__list {
        flex-flow: column;
        padding-bottom: 100px;
    }
    .mainnav__link {
        color: var(--graphene-primary-white-color);
        font-size: 2rem;
        /* =48px */
        font-family: var(--graphene-headings-font-family);
    }
    .mainnav__link:hover {
        opacity: 0.9;
    }
    .mainnav__link--mobileonly {
        display: block;
        color: var(--graphene-secondary-blue-color);
    }
    .mainnav__linktext {
        pointer-events: none;
    }
    .mainnav__icon {
        width: 1.5rem;
        /* =24px */
        margin-bottom: -0.25rem;
        /* =-4px */
    }
    .mainnav__icon--arrowdown {
        transform: rotate(-90deg);
    }
    .mainnav__icon--arrowactive {
        transform: rotate(0deg);
    }
    .mainnav__close {
        display: block;
    }
    .mainnav__item {
        margin-bottom: 0.625rem;
        /* =10px */
        margin-right: 0;
    }
    .mainnav__item--mobileonly {
        display: block;
    }
    .mainnav__item:hover .mainnav__sublist {
        top: 0;
    }
    .mainnav__sublist {
        position: absolute;
        top: 0;
        left: 99999px;
        background-color: transparent;
        padding: 10px 0 0 0;
        font-size: 1.375rem;
        /* =22px */
        opacity: 1;
        overflow: hidden;
        visibility: visible;
        transition: max-height 0.5s ease;
        max-height: 0;
    }
    .mainnav_sublistitem:last-child {
        margin-bottom: 10px;
    }
    .mainnav__sublist--show {
        opacity: 1;
        visibility: visible;
        position: relative;
        left: 0;
        margin-bottom: -10px;
    }
    .mainnav__sublistlink:hover .mainnav__sublistlinktext {
        color: var(--graphene-secondary-blue-color);
    }
    .mainnav_sublistitem--header {
        display: none;
    }
    .mainnav__sublistlinktext {
        color: var(--graphene-primary-white-color);
    }
    .mainnav__logo {
        display: block;
        width: 71px;
        height: 82px;
        position: absolute;
        top: 50px;
        left: 50px;
    }
}
@media (max-width: 1024px) {
    .mainnav {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .mainnav__icon {
        width: 1.25rem;
        /* =20px */
    }
    .mainnav__link:hover {
        opacity: 1;
    }
    .mainnav__link {
        font-size: 1.75rem;
        /* =28px */
    }
    .mainnav__sublist {
        font-size: 1.25rem;
        /* =20px */
    }
}
/* Small Navigation (inside Main Header) */
.smallnav {
    flex: 0 1 254px;
}
.smallnav__list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    /* =12px */
}
.smallnav__item {
    margin-right: 0.625rem;
    /* =10px */
}
.smallnav__item:last-child {
    margin-right: 0;
}
.smallnav__link {
    color: var(--graphene-primary-gray-wcag-color);
    text-transform: uppercase;
    font-size: 1rem;
    transition: all 0.2s;
}
.smallnav__link:hover {
    color: var(--graphene-black-background-color);
}
@media (max-width: 1280px) {
    .smallnav {
        position: fixed;
        bottom: 0;
        right: 0;
        background-color: var(--graphene-primary-blue-color);
        margin-top: 0;
        height: 12%;
        z-index: 5;
        padding: 50px;
        width: 42vw;
        box-sizing: border-box;
        overflow-y: auto;
        overflow-x: hidden;
        right: -50vw;
        visibility: hidden;
        transition: all 0.3s;
        opacity: 0;
        background: linear-gradient(180deg, rgba(0, 212, 255, 0) 0%, var(--graphene-primary-blue-color) 100%);
    }
    .smallnav--show {
        visibility: visible;
        right: 0;
        opacity: 1;
    }
    .smallnav__list {
        display: none;
    }
}
@media (max-width: 1024px) {
    .smallnav {
        height: 18%;
        width: 100%;
    }
}
/* Hamburger */
.hamburger {
    width: 32px;
    height: 32px;
    background-image: url("../../assets/images/burger.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    display: none;
}
.hamburger:hover {
    cursor: pointer;
}
@media (max-width: 1280px) {
    .hamburger {
        display: block;
    }
}
@media (max-width: 768px) {
    .hamburger {
        transform: scale(0.7);
    }
}
/* Skip to content link */
.skip__link {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 1rem;
    padding: 0.8em 1.5em;
    font-weight: bold;
    z-index: 999999999;
    border-radius: 4px;
    color: var(--graphene-primary-white-color);
    background-color: var(--graphene-primary-blue-color);
}
.skip__link:not(:focus) {
    white-space: nowrap;
    width: 1px;
    height: 1px;
    overflow: hidden;
    border: 0;
    padding: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    margin: -1px;
}
.scroll .mainheader {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
    z-index: 999;
}
@media only screen and (max-width: 1200px) {
    .scroll .mainheader {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }
}
@media only screen and (max-width: 768px) {
    .scroll .mainheader {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
/* Main Footer */
.mainfooter {
    background-color: var(--graphene-primary-blue-color);
    color: var(--graphene-primary-white-color);
    padding-top: 72px;
    padding-bottom: 72px;
    font-size: 1.0625rem;
    /* =17px */
    overflow: hidden;
}
.wrapper--mainfooter {
    display: flex;
    flex-flow: row wrap;
}
.mainfooter__column {
    flex: 0 1 332px;
}
.mainfooter__column:nth-child(1) {
    flex: 1 1 332px;
}
.mainfooter__column:nth-child(2) {
    margin-left: 50px;
}
.mainfooter__column:nth-child(3) {
    margin-left: 80px;
    flex: 0 1 280px;
}
.mainfooter__column--socials {
    flex: 1 0 100%;
    margin-top: 20px;
}
.mainfooter__logo {
    max-width: 296px;
}
.mainfooter__heading {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 1.0625rem;
    /* =17px */
}
.mainfooter__heading:first-child {
    margin-top: 0;
}
.mainfooter__heading::after {
    content: "";
    display: block;
    background-color: var(--graphene-secondary-blue-color);
    height: 3px;
    width: 55px;
    margin: 0.875rem 0 1.125rem 0;
    /* =14px / =18px */
}
.mainfooter__subheading {
    margin-top: 30px;
    font-size: 1.0625rem;
    /* =17px */
}
.mainfooter__subheading:first-of-type {
    margin-top: 0;
}
.mainfooter__link {
    color: var(--graphene-primary-white-color);
}
.mainfooter__socials {
    display: flex;
}
.mainfooter__socialitem {
    margin-right: 22px;
}
.mainfooter__socialitem:last-child {
    margin-right: 0;
}
.mainfooter__sociallink {
    display: block;
    height: 30px;
}
.mainfooter__socialicon {
    height: 100%;
}
@media (max-width: 1280px) {
    .mainfooter__logo {
        max-width: 250px;
    }
    .mainfooter__column:nth-child(1) {
        flex: 1 0 100%;
        margin-bottom: 50px;
    }
    .mainfooter__column:nth-child(2),
    .mainfooter__column:nth-child(3) {
        flex: 0 1 calc(50% - 40px);
    }
    .mainfooter__column:nth-child(2) {
        margin-left: 0;
    }
    .mainfooter__column--socials {
        margin-top: 50px;
    }
}
@media (max-width: 768px) {
    .mainfooter__column:nth-child(2),
    .mainfooter__column:nth-child(3) {
        flex: 0 1 100%;
    }
    .mainfooter__column:nth-child(2) {
        margin-bottom: 30px;
    }
    .mainfooter__column:nth-child(3) {
        margin-left: 0;
    }
    .mainfooter__logo {
        max-width: 200px;
    }
}
@media (max-width: 500px) {
    .mainfooter__logo {
        max-width: 160px;
    }
}
/*======================================
  #To-top button
======================================*/
.to-top {
    position: fixed;
    bottom: -40px;
    right: 20px;
    width: 2.8em;
    height: 2.8em;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--graphene-primary-white-color);
    z-index: 99;
    transition: all 0.3s ease;
}
.to-top img {
    transform: rotateX(180deg);
}
.to-top:hover {
    color: var(--graphene-primary-white-color);
}
.to-top--theme {
    background: var(--graphene-primary-blue-color);
    color: var(--graphene-primary-white-color);
}
.to-top--theme:hover {
    background-color: var(--graphene-primary-blue-hover-color);
}
.scroll .to-top {
    bottom: 20px;
}
.tagcollection {
    display: flex;
    align-items: center;
    justify-content: center;
}
.tagcollection__listitem {
    opacity: 0.8;
    transition: all 0.2s;
    margin: 0 15px;
}
.tagcollection__listitem:hover {
    opacity: 1;
    text-decoration: underline;
}
.tagcollection__tag {
    color: inherit;
    font-family: var(--graphene-smallheadings-font-family);
    text-transform: uppercase;
}
.tagcollection--event {
    padding: 0 15px;
    position: absolute;
    height: 80px;
    bottom: 40px;
    right: 0px;
    background-color: var(--graphene-secondary-blue-color);
}
.tagcollection--eventlisting {
    margin-top: 40px;
    flex-direction: column;
    align-items: flex-start;
}
.tagcollection--eventlisting .tagcollection__listitem {
    margin-left: 0px;
}
@media (max-width: 1024px) {
    .tagcollection--event {
        justify-content: flex-end;
        top: 15px;
        bottom: unset;
        right: 30px;
        padding: unset;
        position: absolute;
        width: 100%;
        background-color: transparent;
    }
    .tagcollection__listitem {
        opacity: 1;
    }
    .tagcollection__listitem:hover {
        text-decoration: unset;
    }
}
@media (max-width: 768px) {
    .tagcollection__listitem {
        margin: 0 10px;
    }
    .tagcollection__tag {
        font-size: 11px;
    }
    .tagcollection--event {
        height: 40px;
    }
    .tagcollection--eventlisting {
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: 60px;
    }
}
@media (max-width: 500px) {
    .tagcollection__listitem {
        margin: 0 5px;
    }
    .tagcollection__tag {
        font-size: 9px;
    }
    .tagcollection--event {
        height: 20px;
    }
    .tagcollection--eventlisting {
        margin-top: 80px;
    }
}
/* Pagination */
.pagination {
    padding-top: 72px;
    padding-bottom: 72px;
    overflow: hidden;
}
.pagination__list {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination__item {
    margin-left: 8px;
    margin-right: 8px;
}
.pagination--next {
    margin-left: 24px;
}
.pagination__link {
    color: var(--graphene-primary-blue-color);
    transition: all 0.2s;
}
.pagination__link:hover {
    color: var(--graphene-secondary-blue-color);
}
.pagination__link--next:hover .pagination__icon {
    background-image: url("../../assets/images/arrow-next-dark.svg");
}
.pagination__current {
    color: var(--graphene-primary-text-color);
}
.pagination__icon {
    width: 29px;
    height: 29px;
    display: block;
    background-image: url("../../assets/images/arrow-next.svg");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: all 0.3s;
}
.pagination__button {
    background: none;
    border: none;
    cursor: pointer;
    display: none;
}
.pagination__link--previous:hover .pagination__icon--previous {
    background-image: url('../../assets/images/arrow-previous-dark.svg');
}
.pagination__icon--previous {
    width: 29px;
    height: 29px;
    display: block;
    background-image: url('../../assets/images/arrow-previous.svg');
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: all 0.3s;
}
/* Show more link */
.morelink {
    display: flex;
    align-items: center;
    color: var(--graphene-primary-white-color);
}
.morelink__icon {
    width: 34px;
    height: 34px;
    margin-right: 1.25rem;
    /* =20px */
    transition: all 0.3s;
}
.morelink--alignright {
    justify-content: flex-end;
}
.morelink--blacktext {
    color: var(--graphene-primary-text-color);
}
.morelink--small .morelink__icon {
    width: 25px;
    height: 25px;
    margin-right: 0.625rem;
    /* =10px */
}
.morelink--linkcollection {
    color: var(--graphene-primary-text-color);
    margin-bottom: 1.25rem;
    /* =20px */
}
.morelink--linkcollectionspaced {
    margin-bottom: 60px;
}
.morelink--noicon {
    padding-left: 55px;
}
.morelink:hover .morelink__icon {
    margin-left: 0.625rem;
    /* =10px */
    margin-right: 0.625rem;
    /* =10px */
}
.morelink--small:hover .morelink__icon {
    margin-left: 0.3125rem;
    /* =5px */
    margin-right: 0.3125rem;
    /* =5px */
}
@media (max-width: 1280px) {
    .morelink--small .morelink__icon {
        width: 20px;
        height: 20px;
        margin-right: 0.5rem;
        /* =8px */
    }
    .morelink--large {
        font-size: 1.125rem;
        /* =18px */
    }
    .morelink--linkcollectionspaced {
        margin-bottom: 30px;
    }
    .linkcollection__left {
        margin-bottom: 10px;
    }
}
@media (max-width: 1024px) {
    .morelink__icon {
        width: 28px;
        height: 28px;
        margin-right: 1rem;
    }
    .morelink--noicon {
        padding-left: 45px;
    }
}
/* Share */
.share {
    width: 29px;
    height: 27px;
    position: relative;
    z-index: 5;
}
.share:hover .share__link,
.share--open .share__link {
    opacity: 1;
}
.share:hover .share__link--linkedin,
.share--open .share__link--linkedin {
    transform: rotate(0deg);
}
.share:hover .share__link--facebook,
.share--open .share__link--facebook {
    transform: rotate(0deg);
}
.share:hover .share__link--twitter,
.share--open .share__link--twitter {
    transform: rotate(0deg);
}
.share__iconbutton {
    background-image: url("../../assets/images/share-black.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    width: 29px;
    height: 32px;
}
.share__iconbutton--gray {
    background-image: url("../../assets/images/share.svg");
}
.share__iconbutton:hover {
    cursor: pointer;
}
.share__link {
    width: 48px;
    height: 48px;
    display: block;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0.3s;
}
.share__link--twitter {
    background: #4099ff;
    top: -25px;
    left: -10px;
    transform: rotate(180deg);
}
.share__link--facebook {
    background: #3b5998;
    top: -9px;
    left: -25px;
    transform: rotate(180deg);
}
.share__link--linkedin {
    background: #4875b4;
    transform: rotate(180deg);
    left: -10px;
    top: 14px;
}
.share__socialicon {
    width: 18px;
}
.share--small .share__icon {
    width: 29px;
    height: 27px;
    transition: all 0.3s ease 0.3s;
}
.share--small .share__link {
    width: 28px;
    height: 28px;
}
.share--small .share__socialicon {
    width: 12px;
}
.share--small:hover .share__icon {
    opacity: 0.5;
}
.share--small .share__link--facebook {
    top: -1px;
    left: -32px;
}
.share--small .share__link--linkedin {
    top: -1px;
    left: -32px;
}
.share--small .share__link--twitter {
    top: -1px;
    left: -32px;
}
.share--small:hover .share__link--facebook,
.share--small.share--open .share__link--facebook {
    top: -1px;
    left: -32px;
}
.share--small:hover .share__link--twitter,
.share--small.share--open .share__link--twitter {
    top: -1px;
    left: -65px;
}
.share--small:hover .share__link--linkedin,
.share--small.share--open .share__link--linkedin {
    top: -1px;
    left: -98px;
}
.share--single .share__link--facebook {
    top: -80px;
    left: -5px;
}
.share--single .share__link--linkedin {
    top: -50px;
    left: 63px;
}
.share--single .share__link--twitter {
    top: -50px;
    left: -75px;
}
.share--single:hover .share__link--facebook,
.share--single.share--open .share__link--facebook {
    top: -60px;
    left: -5px;
}
.share--single:hover .share__link--twitter,
.share--single.share--open .share__link--twitter {
    top: -30px;
    left: -55px;
}
.share--single:hover .share__link--linkedin,
.share--single.share--open .share__link--linkedin {
    top: -30px;
    left: 43px;
}
.share--slice .share__link--facebook {
    top: -9px;
    left: -75px;
}
.share--slice:hover .share__link--facebook,
.share--slice.share--open .share__link--facebook {
    left: -55px;
}
.share--slice .share__link--twitter {
    left: -10px;
    top: -76px;
}
.share--slice:hover .share__link--twitter,
.share--slice.share--open .share__link--twitter {
    top: -56px;
}
.share--slice .share__link--linkedin {
    left: -10px;
    top: 60px;
}
.share--slice:hover .share__link--linkedin,
.share--slice.share--open .share__link--linkedin {
    top: 47px;
}
/* Video Modal */
.video-modal {
    position: fixed;
    background: var(--graphene-secondary-gold-alpha-color);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.video-modal--active {
    opacity: 1;
    visibility: visible;
}
.video-modal__content {
    width: 80%;
}
.video-modal__content .videoWrapper {
    background: #000;
}
.video-modal__close {
    position: absolute;
    top: 30px;
    right: 30px;
    background: none;
    border: none;
    -webkit-appearance: none;
    transition: all 0.2s ease;
}
.video-modal__close svg g,
.video-modal__close svg path {
    fill: var(--graphene-primary-gold-color);
}
.video-modal__close:hover {
    cursor: pointer;
    transform: scale(1.2);
}
.video-modal--lightblue {
    background: var(--graphene-tertiary-blue-alpha-color);
}
.video-modal--lightblue .video-modal__close svg g,
.video-modal--lightblue .video-modal__close svg path {
    fill: var(--graphene-primary-blue-color);
}
@media (max-width: 768px) {
    .video-modal__close {
        top: calc(110px);
    }
}
/*======================================
  Modal
======================================*/
.modal {
    position: fixed;
    top: 50vh;
    left: 50vw;
    width: 600px;
    z-index: 99999;
    background: var(--graphene-primary-white-color);
    overflow-y: auto;
    max-height: 100%vh;
    border-radius: 4px;
    box-shadow: 0 25px 50px -10px rgba(27, 33, 58, 0.4);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%) scale(0.9);
    transition: all 0.2s ease;
}
.modal__stage {
    padding: 40px;
}
.modal__footer {
    padding: 20px;
}
.modal__footer a {
    background-color: var(--graphene-secondary-blue-color);
    justify-content: center;
}
.modal__footer a:hover {
    background-color: var(--graphene-secondary-blue-hover-color);
}
.modal__close {
    position: absolute;
    top: 15px;
    right: 15px;
    border-radius: 50%;
    height: 29px;
    width: 29px;
    background-color: var(--graphene-primary-gray-wcagextralight-color);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    color: var(--graphene-primary-text-color);
    border: none;
    cursor: pointer;
}
.modal__close:hover {
    color: var(--graphene-primary-blue-color);
}
.modal__cross {
    min-width: 30px;
    min-height: 30px;
    position: relative;
}
.modal__cross__h {
    width: 13px;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 8px;
    top: 14px;
    transform: rotate(45deg);
}
.modal__cross__v {
    position: absolute;
    top: 14px;
    left: 8px;
    width: 13px;
    height: 1px;
    background-color: #000;
    transform-origin: center;
    transform: rotate(135deg);
}
.modal.modal--right {
    top: 0;
    bottom: 0;
    right: 0;
    max-height: 100%;
    left: auto;
    transform: translate(100%, 0) scale(1);
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.modal-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--graphene-black-background-color);
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
}
.modal.modal--visible {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}
.modal.modal--visible.modal--right {
    transform: translate(0, 0) scale(1);
}
.modal.modal--visible + .modal-overlay {
    opacity: 0.3;
    visibility: visible;
}
.articles__description--modal {
    max-width: 100%;
}
.modal .modal__stage__header {
    display: flex;
    flex-direction: column;
}
.modal .modal__stage__header .articles__link {
    width: 50%;
}
.modal .modal__stage__header .articles__link img {
    margin: 0 0;
}
.modal .modal__stage__header header {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.modal .modal__stage__header header .articles__heading {
    max-width: 100%;
    width: 100%;
}
.modal .modal__stage__header header .articles__link {
    width: 100%;
}
.modal .modal__stage__header .articles__videocontainer {
    width: 50%;
}
@media (max-width: 768px) {
    .modal.modal--right {
        max-width: 95%;
    }
    .modal {
        max-width: 95%;
        top: 2.5%;
        left: 2.5%;
        transform: none;
        transform-origin: top;
    }
    .modal.modal--visible {
        transform: translate(0%, 0%) scale(1);
    }
    .modal__stage {
        padding: 15px;
    }
    .modal.modal--right {
        max-width: 95%;
        top: 2.5%;
        left: 2.5%;
        transform: translate(0%, 0%);
        border-radius: unset;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .modal.modal--visible.modal--right {
        transform: translate(0, 0) scale(0.9);
    }
}
/* Download box  */
.download-box {
    padding: 1em 2em;
    margin-bottom: 1.5em;
    border: 2px solid var(--graphene-gray-background-color);
    color: var(--graphene-primary-blue-color);
    font-family: var(--graphene-smallheadings-font-family);
    background: var(--graphene-gray-background-color);
    text-align: center;
    display: inline-flex;
    cursor: pointer;
    font-size: 1.1rem;
}
.download-box svg {
    margin-right: 10px;
    padding-top: 1px;
}
.download-box svg path {
    fill: var(--graphene-primary-blue-color);
}
/* Forms */
input[type="search"].input {
    background-color: var(--graphene-tertiary-blue-color);
    border-color: transparent;
    color: var(--graphene-primary-blue-color);
    border-radius: 20px;
    padding: 8px 20px;
    font-size: 1.0625rem;
    /* =17px */
    -webkit-appearance: none;
}
input[type="search"].input::placeholder {
    color: var(--graphene-primary-blue-color);
}
input[type="search"].input:focus {
    background-color: white;
    outline: none;
    box-shadow: 0 0 8px rgba(0, 90, 170, 0.2);
    border: 1px solid rgba(0, 90, 170, 0.7);
}
.input::placeholder {
    opacity: 1;
}
::-webkit-input-placeholder {
    color: var(--graphene-primary-blue-color);
}
input[type="search"].input--search,
input[type="text"].input--search {
    width: 100%;
    background-image: url("../../assets/images/icon-search-blue.svg");
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 1.1875rem;
    /* =19px */
    margin: 0;
}
input[type="search"].input--search:focus {
    background-color: white!important;
    border-color: var(--graphene-primary-blue-color);
}
/* .input--single-search {
    //background-color: var(--graphene-primary-white-color);
    //border: 1px solid var(--graphene-primary-gray-wcagextralight-color);
    padding: 16px 20px;
    border-radius: 4px;
    box-sizing: border-box;
  } */
/* .input--single-search::placeholder {
    color: var(--graphene-primary-gray-wcaglight-color);
  }
  .input--single-search::-webkit-input-placeholder {
    color: var(--graphene-primary-gray-wcaglight-color);
  } */
@media (max-width: 1418px) {
    .input--search {
        font-size: 1rem;
    }
}
@media (max-width: 1280px) {
    .input--search {
        width: 254px;
    }
}
/* Search */
.search-field-section {
    padding: 80px 0;
}
.search-form {
    display: flex;
    flex-flow: column;
    align-items: center;
}
.search-field__results-count {
    font-size: 1rem;
    color: var(--graphene-primary-gray-wcag-color);
    margin-top: 2rem;
}
.search-results {
    padding-bottom: 80px;
    overflow: visible;
}
.search-results--paginated {
    padding-bottom: 0;
}
.search-results__empty {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-bottom: 80px;
}
.search-results__empty img {
    width: 80px;
    margin-bottom: 1rem;
}
.search-results a {
    color: var(--graphene-primary-text-color);
}
.search-results a:hover {
    text-decoration: underline;
}
.search-results__item {
    display: flex;
    margin-bottom: 40px;
    background-color: var(--graphene-primary-white-color);
    border-bottom: 1px solid var(--graphene-primary-gray-wcagextralight-color);
    padding-bottom: 40px;
}
.search-results__item:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
.search-results__image-container {
    margin-right: 20px;
    width: 25%;
    display: block;
}
.search-results__image-container img {
    display: block;
}
.search-results__text {
    width: 75%;
}
.search-resulst__title {
    margin-bottom: 0;
}
.search-resulst__meta {
    font-size: 1rem;
    color: var(--graphene-primary-gray-wcag-color);
}
.search-results__description {
    font-size: 1rem;
    margin-top: 1.25rem;
    /* =20px */
}
@media (max-width: 500px) {
    .search-results__item {
        flex-flow: row wrap;
    }
    .search-results__image-container {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.625rem;
        /* =10px */
    }
    .search-results__text {
        width: 100%;
    }
}
/* Slice */
.slice {
    position: absolute;
    width: 450px;
    height: 260px;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none;
}
.slice__color {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}
/* Slice sizes */
.slice--small {
    width: 145px;
    height: 84px;
}
.slice--medium {
    width: 634px;
    height: 366px;
}
.slice--large {
    width: 770px;
    height: 444px;
}
.slice--xlarge {
    width: 930px;
    height: 537px;
}
/* Slice shape colors */
.slice--lightblue svg polygon {
    fill: var(--graphene-secondary-blue-color);
}
.slice--blue svg polygon {
    fill: var(--graphene-primary-blue-color);
}
.slice--gold svg polygon {
    fill: var(--graphene-primary-gold-color);
}
.slice--turcos svg polygon {
    fill: #00b2b9;
}
.slice--lightgold svg polygon {
    fill: var(--graphene-secondary-gold-color);
}
.slice--lightgray svg polygon {
    fill: var(--graphene-gray-background-color);
}
/* Events slice text colors */
.slice--lightblue .slice__title {
    color: var(--graphene-primary-white-color);
}
.slice--lightblue .slice__text--events .slice__title {
    color: var(--graphene-primary-blue-color);
}
.slice--lightblue .slice__meta {
    color: var(--graphene-primary-white-color);
}
.slice--blue .slice__text--events .slice__title {
    color: var(--graphene-primary-white-color);
}
.slice--blue .slice__meta {
    color: var(--graphene-primary-white-color);
}
.slice--gold .slice__text--events .slice__title {
    color: var(--graphene-primary-white-color);
}
.slice--gold .slice__meta {
    color: var(--graphene-primary-white-color);
}
.slice--lightgold .slice__text--events .slice__title {
    color: var(--graphene-primary-gold-color);
}
.slice--lightgold .slice__meta {
    color: var(--graphene-primary-text-color);
}
/* Slice positions */
.slice--topleft {
    top: -1px;
    left: -1px;
    transform-origin: left top;
}
.slice--topleft .slice__color {
    transform-origin: left top;
}
.slice--bottomleft {
    bottom: -1px;
    left: -1px;
    transform-origin: left bottom;
}
.slice--bottomleft .slice__color {
    transform: scaleY(-1);
}
.slice--bottomright {
    bottom: -1px;
    right: -1px;
    transform-origin: right bottom;
}
.slice--bottomright .slice__color {
    transform: scaleX(-1) scaleY(-1);
}
.slice--topright {
    top: -1px;
    right: -1px;
    transform: scaleX(-1);
}
.slice__image {
    width: 36%;
    position: absolute;
    right: 11%;
    bottom: 14%;
}
/* Slice text */
.slice__text {
    color: var(--graphene-primary-text-color);
    padding-top: 70px;
    padding-left: 70px;
    transform-origin: left top;
}
.slice__text--events {
    padding-top: 60px;
    padding-left: 100px;
    line-height: 1.2;
}
.slice__text--photo-grid {
    padding-top: 90px;
    padding-left: 100px;
}
.slice__title {
    font-size: 1.75rem;
    font-family: var(--graphene-headings-font-family);
    transform-origin: left;
}
.slice__text--events .slice__title {
    max-width: 60%;
}
.slice__meta {
    font-size: 1.75rem;
    font-family: var(--graphene-headings-font-family);
}
.slice__text--events .slice__meta {
    max-width: 60%;
}
@media (max-width: 1418px) {
    .slice--bottomleft {
        transform: scale(0.7);
    }
    .slice--article .slice__text {
        transform: scale(1.2);
    }
    .slice--article {
        transform: scale(0.8);
    }
    .slice--bottomright {
        transform: scale(0.9);
    }
}
@media (max-width: 1280px) {
    .slice--large {
        transform: scale(0.7);
    }
    .slice--bottomright {
        transform: scale(0.7);
    }
}
@media (max-width: 1024px) {
    .slice--large {
        transform: scale(0.5);
    }
    .slice--medium .slice__color {
        transform: scale(0.8);
    }
    .slice__text--photo-grid {
        padding-top: 60px;
        padding-left: 50px;
    }
    .slice--hideonmobile {
        display: none;
    }
}
@media (max-width: 768px) {
    .slice--medium .slice__color {
        transform: scale(0.6);
    }
    .slice__text--photo-grid {
        padding-top: 50px;
    }
}
@media (max-width: 500px) {
    .slice--small.slice--topright {
        transform-origin: top right;
        transform: scaleX(-0.6) scaleY(0.6) translateX(145px);
    }
    .slice--bottomright {
        transform: scale(0.5);
    }
    .slice--bottomleft {
        transform: scale(0.4);
    }
    .slice--large {
        transform: scale(0.3);
    }
    .slice__image {
        width: 45%;
        right: 9%;
    }
    .slice__text--photo-grid {
        padding-top: 30px;
        padding-left: 30px;
    }
    .slice--medium .slice__color {
        transform: scale(0.4);
    }
    .slice--medium .slice__title {
        transform: scale(0.8);
    }
}
@media (max-width: 320px) {
    .slice--large {
        transform: scale(0.3);
    }
}
/* Hero */
.hero {
    color: var(--graphene-primary-white-color);
    background-size: cover;
    background-position: 50%;
    line-height: 1.5;
    overflow: hidden;
    position: relative;
    background-color: var(--graphene-black-background-color);
    display: flex;
    align-items: center;
}
.hero__alignhelper {
    width: 100%;
}
.hero__title {
    font-size: 4.625rem;
    /* =74px */
    font-family: var(--graphene-headings-font-family);
    text-transform: uppercase;
    text-align: center;
    position: relative;
    z-index: 2;
}
.hero.hero--dark {
    color: #2d2d2d;
}
@media (max-width: 1280px) {
    .hero__title {
        font-size: 4rem;
        /* =64px */
    }
}
@media (max-width: 1024px) {
    .hero__title {
        font-size: 3rem;
        /* =48px */
    }
}
@media (max-width: 768px) {
    .hero__title {
        font-size: 2.25rem;
        /* =36px */
    }
}
@media (max-width: 500px) {
    .hero__title {
        font-size: 1.75rem;
        /* =28px */
    }
}
@media (max-width: 360px) {
    .hero__title {
        font-size: 1.5rem;
        /* =24px */
    }
}
/* Hero: Landing variant */
.hero--landing {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: calc(100vh - 168px);
}
.hero--landing .hero__textcontainer {
    width: 100%;
    max-width: 660px;
    padding-top: 10vh;
    padding-bottom: 12vh;
}
.hero--landing .hero__heading {
    text-align: left;
    padding: 0;
}
.hero--landing .hero__divider {
    background-color: var(--graphene-secondary-blue-color);
    height: 6px;
    width: 74px;
    border: none;
    margin: 30px 0 42px 0;
}
.hero--landing .hero__paragraph {
    margin-bottom: 2.5rem;
    /* =40px */
    font-size: 1.3rem;
    /* =22px */
    line-height: 1.3;
}
.hero--landing .hero__paragraph:last-child {
    margin-bottom: 0;
}
@media (max-width: 1418px) {
    .hero--landing {
        min-height: calc(100vh - 164px);
    }
}
@media (max-width: 1280px) {
    .hero--landing {
        min-height: calc(100vh - 124px);
    }
    .hero--landing .hero__heading {
        font-size: 3rem;
        /* =48px */
    }
    .hero--landing .hero__paragraph {
        font-size: var(--graphene-primary-font-size);
    }
}
@media (max-width: 1024px) {
    .hero--landing .hero__heading {
        font-size: 3rem;
        /* =48px */
    }
}
@media (max-width: 768px) {
    .hero--landing {
        min-height: calc(100vh - 111px);
    }
    .hero--landing .hero__textcontainer {
        padding-top: 50px;
        padding-bottom: 200px;
    }
}
@media (max-width: 500px) {
    .hero--landing {
        min-height: calc(100vh - 100px);
    }
    .hero--landing .hero__heading {
        font-size: 2rem;
        /* =32px */
    }
    .hero--landing .hero__textcontainer {
        padding-top: 50px;
        padding-bottom: 140px;
    }
    .hero--landing .hero__divider {
        height: 5px;
        width: 54px;
        margin: 26px 0 36px 0;
    }
}
/* Hero: Article variant */
.hero--article {
    height: 677px;
}
@media (max-width: 1024px) {
    .hero--article {
        height: 70vw;
    }
}
/* Hero: Events variant */
.hero--event {
    height: 677px;
}
@media (max-width: 1024px) {
    .hero--event {
        height: 70vw;
    }
}
.single--event .add-to-calendar-button {
    position: absolute;
    bottom: 40px;
    left: 40px;
    background: var(--graphene-primary-white-color);
    color: var(--graphene-primary-text-color);
    padding: 13px 12px 12px 13px;
    display: inline-block;
    font-size: 1.1rem;
    z-index: 99998;
    font-family: var(--graphene-headings-font-family);
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    -webkit-user-select: none;
}
.single--event .add-to-calendar-button:hover {
    background-color: #F9F9F9;
}
.single--event .add-to-calendar-button--mobile {
    display: none;
}
/* Hero: Single heading variant */
.hero--singleheading .hero__heading {
    font-size: 7.5rem;
    /* =120px */
    text-align: center;
    padding: 17rem 0;
    /* =272px (top/bottom) */
}
@media (max-width: 1280px) {
    .hero--singleheading .hero__heading {
        font-size: 5rem;
        /* =80px */
        padding: 15rem 0;
        /* =240px (top/bottom) */
    }
}
@media (max-width: 1024px) {
    .single--event .add-to-calendar-button {
        display: none;
    }
    .single--event .add-to-calendar-button--mobile {
        display: block;
        left: unset;
        right: 0px;
        top: -7px;
        max-height: 25px;
        padding: 5px 10px 2px 10px;
        font-size: 1rem;
        background-color: var(--graphene-secondary-blue-color);
        color: var(--graphene-primary-white-color);
        cursor: pointer;
    }
    .single--event .add-to-calendar-button--mobile:hover {
        background-color: var(--graphene-secondary-blue-hover-color);
    }
    .hero--singleheading .hero__heading {
        font-size: 4rem;
        /* =64px */
        padding: 12rem 0;
        /* =192px (top/bottom) */
    }
}
@media (max-width: 768px) {
    .hero--singleheading .hero__heading {
        font-size: 3rem;
        /* =48px */
        padding: 10rem 0;
    }
}
@media (max-width: 420px) {
    .single--event .add-to-calendar-button--mobile {
        right: unset;
        left: 0;
        top: -39px;
    }
}
.hero .scroll-down {
    position: absolute;
    display: block;
    height: 10%;
    cursor: pointer;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 4;
    transition: all 0.6s;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hero .scroll-down .scroll-down__image-container {
    border-radius: 50%;
    top: 10%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hero .scroll-down img {
    width: 40px;
    height: 40px;
    color: white;
    position: relative;
    top: 0px;
    display: inline-block;
    transition: all 0.6s ease;
    animation: feelme 4s infinite;
}
.hero .scroll-down:hover .scroll-down__image-container {
    background: rgba(0, 0, 0, 0.2);
    width: 60px;
    height: 60px;
}
.hero .scroll-down:hover img {
    top: 10%;
    width: 50px;
    height: 50px;
}
@keyframes feelme {
    5% {
        transform: translateY(10px);
    }
    10% {
        transform: translateY(0);
    }
    15% {
        transform: translateY(10px);
    }
    20%,
    100% {
        transform: translateY(0);
    }
}
/*======================================
        #Video
    ======================================*/
.hero__textcontainer {
    position: relative;
    z-index: 1;
}

.hero .hero__background {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
}

.hero__video {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden;
}

    .hero__video .hero__video-player {
        position: absolute;
        width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
/* What's New */
.whatsnew {
    background-color: var(--graphene-black-background-color);
    color: var(--graphene-primary-white-color);
    padding-top: 120px;
    padding-bottom: 120px;
    overflow: hidden;
}
.whatsnew__headingbarcontainer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.whatsnew__headingbar {
    background-color: var(--graphene-primary-white-color);
    padding-top: 118px;
    padding-bottom: 118px;
}
.whatsnew__sort {
    margin-top: -40px;
    z-index: 99;
}
.whatsnew--happening {
    background-color: var(--graphene-tertiary-blue-color);
    color: var(--graphene-primary-text-color);
}
.whatsnew--happening .whatsnew__heading {
    color: var(--graphene-primary-blue-color);
}
.whatsnew--happening .articles__tags {
    color: var(--graphene-primary-blue-color);
}
.whatsnew--happening .articles--cover .articles__tags {
    color: var(--graphene-secondary-blue-color);
}
.whatsnew--happening .articles__link {
    color: var(--graphene-primary-text-color);
}
.whatsnew--list {
    background-color: var(--graphene-gray-background-color);
    color: var(--graphene-primary-text-color);
    padding-top: 0;
    padding-bottom: 0;
}
.whatsnew--list .whatsnew__heading {
    margin-bottom: 0;
    line-height: 1.2;
}
.whatsnew--list .articles__link {
    color: var(--graphene-primary-text-color);
}
.whatsnew__sort {
    position: relative;
    font-size: 1.0625rem;
    /* =17px */
    text-align: right;
    width: 200px;
}
.whatsnew__select {
    display: none;
}
@media (max-width: 1418px) {
    .whatsnew {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .whatsnew--list {
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media (max-width: 1280px) {
    .whatsnew {
        padding-bottom: 120px;
    }
}
@media (max-width: 768px) {
    .whatsnew__headingbarcontainer {
        align-items: flex-end;
    }
    .whatsnew__headingbar {
        padding-top: 70px;
    }
}
@media (max-width: 500px) {
    .whatsnew {
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .whatsnew__headingbarcontainer {
        flex-flow: row wrap;
        justify-content: flex-end;
    }
    .whatsnew--list .whatsnew__heading {
        width: 100%;
        margin-bottom: 10px;
    }
    .whatsnew__sort {
        margin-top: 0;
    }
}
/* Image widget block */
.image-block__inner {
    display: flex;
    flex-wrap: wrap;
    margin-left: -18px;
    margin-right: -18px;
}
.image-block__item {
    flex: 1 0 28%;
    padding: 0 9px;
    margin-bottom: 18px;
    display: flex;
    justify-content: center;
}
.image-block__item img {
    display: block;
}
@media (max-width: 768px) {
    .image-block__inner {
        display: block;
    }
    .image-block__item {
        margin-bottom: 36px;
    }
    .image-block__item:last-child {
        margin-bottom: 18px;
    }
}
/* Feature */
.feature {
    display: flex;
    font-size: 1.375rem;
    /* =22px */
    overflow: hidden;
    background-color: var(--graphene-secondary-gold-color);
}
.feature--lightblue {
    background-color: var(--graphene-tertiary-blue-color);
}
.feature--turcos {
    background-color: #cae7ea;
}
.feature--safe-by-design {
    background-color: #fbd6ca;
}
.feature--energy {
    background-color: #f2d7b6;
}
.feature--biomed {
    background-color: #badfd7;
}
.feature--electronics-photonics {
    background-color: #eeedf7;
}
.feature--2DM-of-tomorrow {
    background-color: #dddfe1;
}
.feature__imagecontainer {
    width: 50%;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.feature--video .feature__imagecontainer::after,
.articles__videocontainer::after {
    content: "";
    width: 60px;
    height: 60px;
    background-image: url("../../assets/images/icon-play.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    transition: all 0.2s ease;
}
.feature--video .feature__imagecontainer:hover,
.articles__videocontainer:hover {
    cursor: pointer;
}
.feature--video .feature__imagecontainer:hover::after,
.articles__videocontainer:hover::after {
    transform: scale(1.2);
}
.feature__image {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.feature__textcontainer {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10vw 50px;
    box-sizing: border-box;
}
.feature__text {
    max-width: 586px;
}
.feature__heading {
    font-size: 3.6rem;
    /* =54px */
}
.feature__description {
    margin-bottom: 3.125rem;
    /* =50px */
}
.feature--text-left .feature__imagecontainer {
    order: 2;
}
.feature--text-left .feature__textcontainer {
    order: 1;
}
.feature--text-left .slice--bottomleft {
    z-index: 0;
}
/* Updated added padding so that link is visible */
@media (max-width: 1740px) {
    .slice--bottomleft + .feature__textcontainer .morelink {
        padding-left: 130px;
    }
}
@media (max-width: 1418px) {
    .feature__textcontainer {
        padding: 6vw 50px;
    }
    .feature__heading {
        font-size: 3rem;
        /* =48px */
    }
    .slice--bottomleft + .feature__textcontainer .morelink {
        padding-left: 200px;
    }
}
@media (max-width: 1280px) {
    .feature__imagecontainer {
        width: 50%;
    }
    .feature__textcontainer {
        width: 50%;
    }
    .feature__description {
        font-size: var(--graphene-primary-font-size);
    }
    .feature__heading {
        font-size: 2.625rem;
        /* =42px */
    }
}
@media (max-width: 1024px) {
    .feature {
        flex-flow: row wrap;
        font-size: 1.25rem;
        /* =20px */
    }
    .feature__textcontainer {
        width: 100%;
        padding-top: 70px;
        padding-bottom: 50px;
    }
    .feature__imagecontainer {
        width: 100%;
        display: flex;
        justify-content: center;
        order: 2;
        margin: 25px 50px 90px 50px;
    }
    .feature__text {
        max-width: 100%;
    }
    .feature__heading {
        font-size: 2.5rem;
        /* =40px */
    }
    .slice--bottomleft + .feature__textcontainer .morelink {
        padding-left: 0px;
    }
    /* .feature--text-left .feature__imagecontainer{ order: 1 }
      .feature--text-left .feature__textcontainer{ order: 2 }
  
      .feature--text-left .slice{display: none;} */
}
@media (max-width: 500px) {
    .feature__textcontainer {
        padding: 50px 20px 20px 20px;
    }
    .feature__imagecontainer {
        margin: 25px 20px 60px 20px;
    }
    .feature__heading {
        font-size: 1.875rem;
        /* =30px */
    }
}
@media (max-width: 320px) {
    .feature__heading {
        font-size: 1.5rem;
        /* =24px */
    }
}
/* Wysiwyg section */
.wysiwyg-section {
    padding-top: 120px;
    padding-bottom: 88px;
}
.wysiwyg-section--lightgray {
    background-color: var(--graphene-gray-background-color);
}
.wysiwyg-section--lightgold {
    background-color: var(--graphene-secondary-gold-color);
}
.wysiwyg-section--lightblue {
    background-color: var(--graphene-tertiary-blue-color);
}
.wysiwyg-section--2D-EPL {
    background-color: #cae7ea;
}
.wysiwyg-section--lightenergy {
    background-color: #f2d7b6;
}
.wysiwyg-section--lightbiomed {
    background-color: #badfd7;
}
.wysiwyg-section--lightelectronics-photonics {
    background-color: #eeedf7;
}
.wysiwyg-section--light2DM-of-tomorrow {
    background-color: #dddfe1;
}
.wysiwyg-section--light-safe-by-design {
    background-color: #fbd6ca;
}
.wysiwyg-section.wysiwyg-section--lightblue blockquote::before {
    background-image: url("../../assets/images/quote-blue.svg");
}
.wysiwyg-section.wysiwyg-section--2D-EPL blockquote::before {
    background-image: url("../../assets/images/quote-2D-EPL.svg");
}
.wysiwyg-section--white + .wysiwyg-section--white,
.wysiwyg-section--lightblue + .wysiwyg-section--lightblue,
.wysiwyg-section--lightgold + .wysiwyg-section--lightgold,
.wysiwyg-section--lightgray + .wysiwyg-section--lightgray,
.wysiwyg-section--2D-EPL + .wysiwyg-section--2D-EPL,
.wysiwyg-section--lightenergy + .wysiwyg-section--lightenergy,
.wysiwyg-section--lightbiomed + .wysiwyg-section--lightbiomed,
.wysiwyg-section--lightelectronics-photonics + .wysiwyg-section--lightelectronics-photonics,
.wysiwyg-section--light2DM-of-tomorrow + .wysiwyg-section--light2DM-of-tomorrow,
.wysiwyg-section--light-safe-by-design + .wysiwyg-section--light-safe-by-design {
    padding-top: 0;
}
@media (max-width: 768px) {
    .wysiwyg-section {
        padding-top: 50px;
        padding-bottom: 25px;
    }
}
/* Shortcuts */
.shortcuts {
    background-color: var(--graphene-black-background-color);
    color: var(--graphene-primary-white-color);
    padding-top: 140px;
    padding-bottom: 300px;
    overflow: hidden;
}
.shortcuts__heading {
    margin-bottom: 80px;
}
.shortcuts__nav {
    display: flex;
    margin-left: -16px;
    margin-right: -16px;
    max-width: 1128px;
    font-size: 1.875rem;
    /* =30px */
    z-index: 2;
    position: relative;
}
.shortcuts__column {
    width: calc(25% - 32px);
    margin: 0 16px;
}
.shortcuts__link {
    color: var(--graphene-primary-gray-color);
}
.shortcuts__columnheading {
    border-bottom: 1.5px solid var(--graphene-primary-gray-color);
    padding-bottom: 16px;
    margin-bottom: 16px;
}
@media (max-width: 768px) {
    .shortcuts {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .shortcuts__nav {
        flex-flow: row wrap;
    }
    .shortcuts__column {
        width: calc(50% - 32px);
        margin-bottom: 50px;
    }
}
@media (max-width: 500px) {
    .shortcuts {
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .shortcuts__column {
        width: 100%;
    }
    .shortcuts__heading {
        margin-bottom: 50px;
    }
    .shortcuts__nav {
        font-size: 1.5rem;
        /* =24px */
    }
}
/*======================================
  #Animate 
======================================*/
.animate-item {
    transition: all 0.8s ease;
    opacity: 0;
    transform: scale(0.95) translateZ(0);
}
.animate-item.in-view {
    opacity: 1;
    transform: scale(1);
}
/*======================================
  #Gallery 
======================================*/
.gallery {
    padding-top: 70px;
    padding-bottom: 70px;
}
.gallery.gallery--compact {
    padding: 0 0;
}
@media (max-width: 500px) {
    .gallery {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}
.gallery__group {
    display: grid;
    grid-gap: 15px;
    margin-bottom: 15px;
}
@media (max-width: 500px) {
    .gallery__group {
        grid-gap: 5px;
        margin-bottom: 5px;
    }
}
.gallery__group--no-gap {
    grid-gap: 0;
    margin-bottom: 0;
}
.gallery__group .gallery__youtube-video {
    cursor: pointer;
}
.gallery__group .gallery__youtube-video::after {
    content: "";
    width: 60px;
    height: 60px;
    background-image: url("../../assets/images/icon-play.svg");
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    transition: all 0.2s ease;
}
.gallery__group figure,
.gallery__group .gallery__video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.gallery__group figure a,
.gallery__group .gallery__video a {
    display: block;
    height: 100%;
}
.gallery__group figure a img,
.gallery__group .gallery__video a img {
    transition: opacity 0.25s ease;
    transform: translate3d(0, 0, 0);
}
.gallery__group figure a:hover img,
.gallery__group .gallery__video a:hover img {
    opacity: 0.9;
}
.gallery__group figure img,
.gallery__group .gallery__video img,
.gallery__group figure video,
.gallery__group .gallery__video video {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery__group .gallery__item {
    grid-template-columns: 1fr;
    position: relative;
}
.gallery__group .gallery__item::after {
    content: "";
    display: block;
}
.gallery__group--1 .gallery__item::after {
    padding-bottom: 56.25%;
}
.gallery__group--2 {
    grid-template-columns: 1fr 1fr;
}
.gallery__group--2 .gallery__item::after {
    padding-bottom: 100%;
}
.gallery__group--3 {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
}
.gallery__group--3 .gallery__item:nth-child(3n+1) {
    grid-row-end: span 2;
}
.gallery__group--3 .gallery__item:nth-child(3n+1)::after {
    padding-bottom: 80%;
}
.gallery__group--4 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}
.gallery__group--4 .gallery__item {
    grid-row-end: span 2;
}
.gallery__group--4 .gallery__item:nth-child(4n+1) {
    grid-row-end: span 3;
}
.gallery__group--4 .gallery__item:nth-child(4n+1)::after {
    padding-bottom: 80%;
}
.gallery__group--4 .gallery__item:nth-child(4n+4) {
    grid-column-start: 2;
    grid-row-start: 3;
    grid-row-end: span 3;
}
.gallery__group--5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.gallery__group--5 .gallery__item:nth-child(5n+1) {
    grid-row-end: span 4;
    grid-column-end: span 5;
}
.gallery__group--5 .gallery__item:nth-child(5n+1)::after {
    padding-bottom: 80%;
}
.gallery__group--5 .gallery__item:nth-child(5n+2),
.gallery__group--5 .gallery__item:nth-child(5n+3) {
    grid-column-end: span 3;
    grid-row-end: span 2;
}
.gallery__group--5 .gallery__item:nth-child(5n+4) {
    grid-row-end: span 2;
    grid-column-end: span 3;
}
.gallery__group--5 .gallery__item:nth-child(5n+5) {
    grid-row-end: span 2;
    grid-column-end: span 5;
}
.gallery__group--6 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
}
.gallery__group--6 .gallery__item {
    grid-row-end: span 2;
}
.gallery__group--6 .gallery__item:nth-child(6n+1),
.gallery__group--6 .gallery__item:nth-child(6n+4) {
    grid-row-end: span 3;
    grid-column-end: span 2;
}
.gallery__group--6 .gallery__item:nth-child(6n+1)::after,
.gallery__group--6 .gallery__item:nth-child(6n+4)::after {
    padding-bottom: 70%;
}
.gallery__group--7 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
}
.gallery__group--7 .gallery__item:nth-child(7n+1),
.gallery__group--7 .gallery__item:nth-child(7n+4) {
    grid-row-end: span 2;
}
.gallery__group--7 .gallery__item:nth-child(7n+1)::after,
.gallery__group--7 .gallery__item:nth-child(7n+4)::after {
    padding-bottom: 190%;
}
.gallery__group--7 .gallery__item:nth-child(7n+2) {
    grid-row-end: span 2;
    grid-column-end: span 2;
}
.gallery__group--8 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr ;
}
.gallery__group--8 .gallery__item:nth-child(8n+1) {
    grid-row-end: span 2;
}
.gallery__group--8 .gallery__item:nth-child(8n+1)::after {
    padding-bottom: 200%;
}
.gallery__group--8 .gallery__item:nth-child(8n+4) {
    grid-column-end: span 2;
    grid-column-start: 3;
    grid-row-start: 1;
}
.gallery__group--8 .gallery__item:nth-child(8n+6) {
    grid-row-end: span 2;
}
.gallery__group--8 .gallery__item:nth-child(8n+7) {
    grid-column-end: span 2;
}
.gallery__group--grid {
    grid-template-columns: repeat(4, 1fr);
}
.gallery__group--grid .gallery__item::after {
    padding-bottom: 100%;
}
@media only screen and (max-width: 768px) {
    .gallery__group--grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
.gallery__item {
    background-color: rgba(0, 0, 0, 0.1);
}
.gallery--lightgray {
    background-color: var(--graphene-gray-background-color);
}
.gallery--lightgold {
    background-color: var(--graphene-secondary-gold-color);
}
.gallery--lightblue {
    background-color: var(--graphene-tertiary-blue-color);
}
.gallery--2D-EPL {
    background-color: #cae7ea;
}
.instagram-user-link {
    position: absolute;
    top: 5px;
    right: 5px;
    color: var(--heading-light) !important;
    display: block;
    padding: 10px;
    line-height: 1;
    border-radius: 100%;
    z-index: 3;
    opacity: 0.7;
}
.instagram-user-link:hover {
    opacity: 1;
}
.gallery__youtube-video-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 5vw;
    height: 100%;
    margin: 0 auto;
}
.gallery__iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
}
.gallery__youtube-video-wrapper iframe,
.gallery__youtube-video-wrapper .gallery__video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gallery__videoa {
    z-index: 1;
}
.gallery__videoa video {
    z-index: -1;
}
.agenda-widget {
    /*======================================
    #Tabs
    ======================================*/
    /*======================================
    #Agenda Item
    ======================================*/
}
.agenda-widget .tabs__nav {
    background-color: var(--white);
    padding-top: var(--grid-gutter);
    margin-bottom: 30px;
}
.agenda-widget .tabs__nav ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
    flex-wrap: wrap;
}
.agenda-widget .tabs__nav ul li {
    margin-left: 5px;
}
@media only screen and (max-width: 768px) {
    .agenda-widget .tabs__nav ul li {
        margin-top: 5px;
    }
}
.agenda-widget .tabs__nav ul li a {
    display: block;
    white-space: nowrap;
    position: relative;
    border-radius: 20px;
    padding: 8px 20px;
    color: var(--graphene-primary-text-color);
    text-decoration: none;
    font-family: var(--graphene-primary-font-family);
    font-size: 1.0625rem;
    transition: all 0.2s ease;
    background-color: var(--graphene-primary-white-color);
    border: 1px solid var(--graphene-primary-blue-color);
}
.agenda-widget .tabs__nav ul li a:hover {
    background-color: var(--graphene-primary-blue-hover-color);
}
.agenda-widget .tabs__nav ul li a.active {
    background-color: var(--graphene-primary-blue-color);
    color: var(--graphene-primary-white-color);
}
@media only screen and (max-width: 768px) {
    .agenda-widget .tabs__nav ul {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
    }
    .agenda-widget .tabs__nav ul li {
        min-width: min-content;
    }
}
.agenda-widget .tabs__nav.red-color a {
    color: var(--primary-red) !important;
}
.agenda-widget.tabs.tabs--pills .tabs__nav {
    padding: var(--grid-gutter) 0 10px;
}
.agenda-widget.tabs.tabs--pills .tabs__nav ul {
    flex-wrap: wrap;
}
.agenda-widget.tabs.tabs--pills .tabs__nav ul li {
    margin: 5px;
}
.agenda-widget.tabs.tabs--pills .tabs__nav ul li a {
    border-radius: 20px;
    font-size: 0.875rem;
    padding: 1em 1.5em;
}
.agenda-widget.tabs.tabs--pills .tabs__nav ul li a::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid transparent;
    margin-left: -7px;
    transition: all 0.3s ease;
    opacity: 0;
}
.agenda-widget.tabs.tabs--pills .tabs__nav ul li a.active::after {
    transform: translateY(100%);
    opacity: 1;
}
@media only screen and (max-width: 768px) {
    .agenda-widget.tabs.tabs--pills .tabs__nav ul {
        justify-content: center;
        overflow-x: visible;
    }
}
.agenda-widget .tabs__container .tab {
    display: none;
}
.agenda-widget .tabs__container .tab.tab--active {
    display: block;
}
.agenda-widget.tabs.tabs--white .tabs__nav {
    background-color: var(--background-light);
}
.agenda-widget.tabs.tabs--white .tabs__nav .active {
    background-color: var(--white);
    box-shadow: 0 -7px 20px rgba(0, 0, 0, 0.07);
}
.agenda-widget.tabs.tabs--white .tabs__container {
    background-color: var(--white);
}
.agenda-widget.tabs.tabs--white.tabs--pills .tabs__nav {
    background-color: var(--white);
}
.agenda-widget.tabs.tabs--white.tabs--pills .tabs__nav a {
    background-color: var(--background-light);
}
.agenda-widget.tabs.tabs--white.tabs--pills .tabs__nav .active {
    background-color: var(--background-dark);
    color: var(--heading-light);
    box-shadow: none;
}
.agenda-widget.tabs.tabs--white.tabs--pills .tabs__nav .active::after {
    border-top-color: var(--background-dark);
}
.agenda-widget.tabs.tabs--gray {
    border-bottom: 1px solid var(--border-dark);
}
.agenda-widget.tabs.tabs--gray .tabs__nav .active,
.agenda-widget.tabs.tabs--gray .tabs__container {
    background-color: var(--background-light);
}
.agenda-widget.tabs.tabs--gray .tabs__nav a {
    border: 1px solid transparent;
    border-bottom: 0;
}
.agenda-widget.tabs.tabs--gray .tabs__nav .active {
    border: 1px solid var(--border-dark);
    border-bottom: 0;
}
.agenda-widget.tabs.tabs--gray .tabs__nav {
    border-bottom: 1px solid var(--border-dark);
}
.agenda-widget.tabs.tabs--gray.tabs--pills {
    border: 0;
}
.agenda-widget.tabs.tabs--gray.tabs--pills .tabs__nav a {
    border: 0;
    background-color: rgba(0, 0, 0, 0.03);
}
.agenda-widget.tabs.tabs--gray.tabs--pills .tabs__nav {
    background-color: var(--background-light);
    border: 0;
}
.agenda-widget.tabs.tabs--gray.tabs--pills .tabs__nav .active {
    background-color: var(--white);
    border: 0;
    box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.07);
}
.agenda-widget.tabs.tabs--gray.tabs--pills .tabs__nav .active::before {
    display: none;
}
.agenda-widget.tabs.tabs--gray.tabs--pills .tabs__nav .active::after {
    border-top-color: var(--white);
}
.agenda-widget.tabs.tabs--theme .tabs__nav .active {
    background-color: var(--theme);
    color: var(--theme-contrast);
}
.agenda-widget.tabs.tabs--theme .tabs__container {
    background-color: var(--theme);
}
.agenda-widget.tabs.tabs--theme.tabs--pills .tabs__nav {
    background-color: var(--theme);
}
.agenda-widget.tabs.tabs--theme.tabs--pills .tabs__nav a {
    color: var(--theme-contrast);
    opacity: 0.8;
    background-color: rgba(255, 255, 255, 0.15);
}
.agenda-widget.tabs.tabs--theme.tabs--pills .tabs__nav a:hover {
    opacity: 1;
}
.agenda-widget.tabs.tabs--theme.tabs--pills .tabs__nav .active {
    background-color: var(--theme-contrast);
    color: var(--theme);
    opacity: 1;
}
.agenda-widget.tabs.tabs--theme.tabs--pills .tabs__nav .active::after {
    border-top-color: var(--theme-contrast);
}
.agenda-widget.tabs.tabs--theme-alt .tabs__nav .active {
    background-color: var(--theme-alt);
    color: var(--theme-alt-contrast);
}
.agenda-widget.tabs.tabs--theme-alt .tabs__container {
    background-color: var(--theme-alt);
}
.agenda-widget.tabs.tabs--theme-alt.tabs--pills .tabs__nav {
    background-color: var(--theme-alt);
}
.agenda-widget.tabs.tabs--theme-alt.tabs--pills .tabs__nav a {
    color: var(--theme-alt-contrast);
    opacity: 0.8;
    background-color: rgba(255, 255, 255, 0.15);
}
.agenda-widget.tabs.tabs--theme-alt.tabs--pills .tabs__nav a:hover {
    opacity: 1;
}
.agenda-widget.tabs.tabs--theme-alt.tabs--pills .tabs__nav .active {
    background-color: var(--theme-alt-contrast);
    color: var(--theme-alt);
    opacity: 1;
}
.agenda-widget.tabs.tabs--theme-alt.tabs--pills .tabs__nav .active::after {
    border-top-color: var(--theme-alt-contrast);
}
.agenda-widget.tabs.tabs--dark .tabs__nav .active {
    background-color: var(--background-dark);
    color: var(--heading-light);
}
.agenda-widget.tabs.tabs--dark .tabs__container {
    background-color: var(--background-light);
}
.agenda-widget.tabs.tabs--dark.tabs--pills .tabs__nav {
    background-color: var(--background-dark);
}
.agenda-widget.tabs.tabs--dark.tabs--pills .tabs__nav a {
    color: var(--text-light);
    opacity: 0.8;
    background-color: var(--background-dark-lighter);
}
.agenda-widget.tabs.tabs--dark.tabs--pills .tabs__nav a:hover {
    opacity: 1;
}
.agenda-widget.tabs.tabs--dark.tabs--pills .tabs__nav .active {
    background-color: var(--white);
    color: var(--heading-dark);
    opacity: 1;
}
.agenda-widget.tabs.tabs--dark.tabs--pills .tabs__nav .active::after {
    border-top-color: var(--white);
}
.agenda-widget .tab__body > :last-child .agenda-item_time {
    padding-bottom: 0px;
    margin-bottom: 20px;
}
.agenda-widget .agenda-item {
    display: flex;
}
.agenda-widget .agenda-item .agenda-item_time {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 15%;
    border-right: 1px solid var(--graphene-primary-blue-color);
    padding-bottom: 20px;
}
@media only screen and (max-width: 768px) {
    .agenda-widget .agenda-item .agenda-item_time {
        width: 100%;
        border-color: rgba(0, 0, 0, 0.07);
        align-items: flex-start;
        border-top: 1px solid rgba(0, 0, 0, 0.07);
        padding-top: 20px;
        padding-bottom: 10px;
    }
}
.agenda-widget .agenda-item .agenda-item_time .agenda-item_time_start-time {
    font-size: 1.2rem;
    font-family: var(--graphene-smallheadings-font-family);
}
.agenda-widget .agenda-item .agenda-item_time .agenda-item_time_timespan {
    color: var(--graphene-primary-blue-color);
    font-size: 0.8rem;
    font-family: var(--graphene-smallheadings-font-family);
}
.agenda-widget .agenda-item .agenda-item_time .agenda-time_zone {
    color: red;
    text-align: center;
    width: 60%;
}
@media only screen and (max-width: 768px) {
    .agenda-widget .agenda-item .agenda-item_time .agenda-time_zone {
        text-align: left;
    }
}
.agenda-widget .agenda-item .agenda-item_text {
    width: 85%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 40px;
    padding-left: 20px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-left: none;
}
@media only screen and (max-width: 768px) {
    .agenda-widget .agenda-item .agenda-item_text {
        width: 100%;
        padding-left: 0px;
        border-top: none;
        padding-top: 0px;
    }
}
.agenda-widget .agenda-item .agenda-item_text.agenda-item_text--no-tag {
    padding-top: 20px;
}
@media only screen and (max-width: 768px) {
    .agenda-widget .agenda-item .agenda-item_text.agenda-item_text--no-tag {
        padding-top: 0px;
    }
}
.agenda-widget .agenda-item .agenda-item_text::before {
    content: "";
    position: absolute;
    left: -8px;
    top: calc(50% - 7px);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: white;
    border: 3px solid var(--graphene-primary-blue-color);
}
@media only screen and (max-width: 768px) {
    .agenda-widget .agenda-item .agenda-item_text::before {
        display: none;
    }
}
.agenda-widget .agenda-item .agenda-item_text > p {
    padding-right: 20px;
}
.agenda-widget .agenda-item .agenda-item_text > h3 {
    padding-right: 20px;
}
.agenda-widget .agenda-item .agenda-item_text .agenda-item_text_tag {
    position: absolute;
    top: -1px;
    left: 0px;
    background-color: var(--graphene-primary-blue-color);
    color: white;
    padding-left: 10px;
    padding-right: 15px;
    padding-bottom: 2px;
    font-family: var(--graphene-primary-font-family);
}
@media only screen and (max-width: 768px) {
    .agenda-widget .agenda-item .agenda-item_text .agenda-item_text_tag {
        position: static;
    }
}
.agenda-widget .agenda-item .agenda-item_text .agenda-item_text_speakers {
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
    padding-right: 10px;
    padding-top: 10px;
}
@media only screen and (max-width: 768px) {
    .agenda-widget .agenda-item .agenda-item_text .agenda-item_text_speakers {
        position: static;
    }
}
.agenda-widget .agenda-item .agenda-item_text .agenda-item_text_speaker {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: flex;
    margin-left: 5px;
}
@media only screen and (max-width: 768px) {
    .agenda-widget .agenda-item {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* Articles */
.articles {
    display: flex;
    flex-flow: row wrap;
    margin-left: -18px;
    margin-right: -18px;
}
.articles--list {
    justify-content: flex-start;
    margin-top: -205px;
}
.articles__article {
    width: calc(30% - 36px);
    margin: 0 18px 56px 18px;
    position: relative;
    display: flex;
    flex-flow: column;
}
.articles__image {
    width: 100%;
    margin-bottom: 0.625rem;
    /* =10px */
}
.articles__tags {
    display: block;
    color: var(--graphene-secondary-blue-color);
    text-transform: uppercase;
    font-size: 1.0625rem;
    /* =17px */
    margin-bottom: 0.3125rem;
    /* =5px */
}
.articles__tags a:hover {
    text-decoration: underline;
}
.articles--list .articles__tags {
    color: var(--graphene-secondary-blue-wcag-color);
}
.articles__header {
    max-width: 400px;
}
.articles__heading {
    font-size: 1.375rem;
    /* =22px */
    max-width: 260px;
}
.articles__link {
    color: var(--graphene-primary-white-color);
}
.articles__description {
    font-size: 1.0625rem;
    /* =17px */
    margin-bottom: 1.5625rem;
    /* =25px */
    max-width: 400px;
}
.articles__description--event {
    margin-bottom: 1.875rem;
    /* =30px */
}
.articles__footer {
    font-size: 1.0625rem;
    /* =17px */
    color: var(--graphene-primary-gray-wcagextralight-color);
}
.articles--list .articles__footer,
.articles--list .articles__footer a {
    color: var(--graphene-primary-gray-wcag-color);
}
.articles--list .articles__footer a:hover {
    color: var(--graphene-primary-text-color);
}
.articles__footer--actions {
    border-top: 1px solid var(--graphene-secondary-blue-color);
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}
.articles__footer--actions span {
    display: block;
}
.articles__divider {
    background-color: var(--graphene-secondary-blue-color);
    height: 3px;
    width: 45px;
    border: none;
    margin: 1.25rem 0 1.25rem 0;
    /* =20px */
}
.articles--cover {
    width: calc(40% - 36px);
    position: relative;
    display: block;
    color: var(--graphene-primary-white-color);
}
.articles--cover .articles__image {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.articles--cover .articles__header {
    position: absolute;
    bottom: 0;
    padding: 42px;
}
.articles--cover .articles__link {
    color: var(--graphene-primary-white-color);
}
.articles--cover .articles__heading {
    font-size: 2.5rem;
    /* =40px */
    line-height: 1.2;
    max-width: 400px;
}
.articles--slimmerheading .articles__heading {
    max-width: 280px;
}
.articles--large {
    width: calc(40% - 36px);
}
.articles--small {
    width: calc(25% - 36px);
    display: block;
}
.articles--gray {
    filter: grayscale(100%);
}
.articles--cover + .articles--small,
.articles--cover + .articles--small + .articles--small {
    flex-grow: 1;
}
.articles__videocontainer {
    position: relative;
}
/* Updated added classes for color option */
.articles--cover .articles__link--black {
    color: var(--graphene-primary-text-color);
}
.articles--cover .articles__link--white {
    color: var(--graphene-primary-white-color);
}
@media (max-width: 1280px) {
    .articles__article {
        width: calc(30% - 20px);
        margin: 0 10px 36px 10px;
    }
    .articles__tags,
    .articles__description,
    .articles__footer {
        font-size: 1rem;
        /* =16px */
    }
    .articles__heading {
        font-size: 1.25rem;
        /* =20px */
    }
    .articles--cover {
        width: calc(40% - 20px);
    }
    .articles--cover .articles__heading {
        font-size: 2rem;
        /* =32px */
    }
    .articles--large {
        width: calc(40% - 20px);
    }
    .articles__divider {
        margin: 1rem 0 1rem 0;
    }
    .articles--small {
        width: calc(25% - 36px);
        margin: 0 18px 56px 18px;
    }
}
@media (max-width: 1024px) {
    .articles {
        margin-left: -10px;
        margin-right: -10px;
    }
    .articles__article,
    .articles--cover,
    .articles--large {
        width: calc(50% - 20px);
    }
    .articles__link--large {
        padding-top: 100%;
        /* Keep a square aspect ratio for large items in smaller devices */
        position: relative;
        overflow: hidden;
        margin-bottom: 0.625rem;
        display: block;
    }
    .articles--small {
        margin: 0 10px 36px 10px;
    }
}
@media (max-width: 768px) {
    .articles__article,
    .articles--cover,
    .articles--large {
        width: calc(100% - 20px);
    }
    .articles--list {
        margin-top: -100px;
    }
}
@media (max-width: 500px) {
    .articles--cover .articles__header {
        padding: 30px;
    }
    .articles--cover .articles__heading {
        font-size: 1.875rem;
        /* =30px */
    }
}
/* Single article */
.single {
    position: relative;
    overflow: hidden;
}
.single__meta {
    font-size: 1.0625rem;
    /* =17px */
    margin-bottom: 10px;
}
.single__metadivider {
    background-color: var(--graphene-primary-gold-color);
    height: 3px;
    width: 55px;
    border: none;
    margin: 20px 0 30px 0;
}
.author-image {
    max-width: 150px;
    border-radius: 50%;
    margin-bottom: 15px;
}
.slice--lightblue .single__metadivider {
    background-color: var(--graphene-primary-blue-color);
}
.slice--2D-EPL .single__metadivider {
    background-color: #cae7ea;
}
.slice--energy .single__metadivider {
    background-color: #f2d7b6;
}
.slice--biomed .single__metadivider {
    background-color: #badfd7;
}
.slice--electronics-photonics .single__metadivider {
    background-color: #eeedf7;
}
.slice--2DM-of-tomorrow .single__metadivider {
    background-color: #dddfe1;
}
.slice--safe-by-design .single__metadivider {
    background-color: #fbd6ca;
}
.slice--article.slice--lightgray .single__metadivider {
    background-color: var(--graphene-secondary-blue-color);
}
.slice--article.slice--blue .single__metadivider {
    background-color: white;
}
.slice--article.slice--blue .slice__text {
    color: white;
}
.single__meta--inline {
    display: none;
    color: var(--graphene-primary-gray-color);
    flex-flow: row wrap;
}
.single__metainlineitem {
    display: block;
    margin-right: 2rem;
    /* =32px */
}
.single__type {
    font-size: 2.5rem;
    /* =40px */
    font-family: var(--graphene-headings-font-family);
}
.single__content {
    display: flex;
    padding-top: 105px;
    position: relative;
    z-index: 2;
}
.single__sidebar {
    flex: 0 1 40%;
    min-width: 0;
    order: 1;
}
.single__main {
    flex: 1 1 60%;
    padding-left: 90px;
    padding-bottom: 225px;
    order: 2;
}
.textRTE h1,
.plenary-speakers__right h1,
.plenary-speakers__description h1,
.feature__description h1,
.widget__boxRTE h1,
.feature__description h1,
.widget__boxRTE h1 {
    margin-bottom: 3.75rem;
    /* =60px */
    line-height: 1.4;
}
.textRTE h1,
.plenary-speakers__right h1,
.plenary-speakers__description h1,
.feature__description h1,
.widget__boxRTE h1,
.single__maincontent h1,
.wysiwyg-section h1 {
    font-size: 2.25rem;
    /* =36px */
    margin-bottom: 3.75rem;
    /* =60px */
    line-height: 1.4;
}
.textRTE h2,
.plenary-speakers__right h2,
.plenary-speakers__description h2,
.feature__description h2,
.widget__boxRTE h2,
.single__maincontent h2,
.wysiwyg-section h2 {
    font-size: 1.875rem;
    /* =30px */
}
.textRTE .GraphenePreambleText,
.plenary-speakers__right .GraphenePreambleText,
.plenary-speakers__description .GraphenePreambleText,
.feature__description .GraphenePreambleText,
.widget__boxRTE .GraphenePreambleText,
.single__maincontent .GraphenePreambleText,
.wysiwyg-section .GraphenePreambleText {
    margin-bottom: 15px;
}
.textRTE ul,
.textRTE ol,
.plenary-speakers__right ul,
.plenary-speakers__right ol,
.plenary-speakers__description ul,
.plenary-speakers__description ol,
.feature__description ul,
.feature__description ol,
.widget__boxRTE ul,
.widget__boxRTE ol,
.single__maincontent ul,
.single__maincontent ol,
.wysiwyg-section ul,
.wysiwyg-section ol {
    margin-left: 40px;
    margin-bottom: 2rem;
    /* =32px */
}
.textRTE ul li,
.plenary-speakers__right ul li,
.plenary-speakers__description ul li,
.feature__description ul li,
.widget__boxRTE ul li,
.single__maincontent ul li,
.wysiwyg-section ul li {
    list-style-type: disc;
}
.textRTE ol li,
.plenary-speakers__right ol li,
.plenary-speakers__description ol li,
.feature__description ol li,
.widget__boxRTE ol li,
.single__maincontent ol li,
.wysiwyg-section ol li {
    list-style-type: decimal;
}
.textRTE p,
.plenary-speakers__right p,
.plenary-speakers__description p,
.feature__description p,
.widget__boxRTE p,
.single__main p,
.wysiwyg-section p {
    margin-bottom: 2rem;
    /* =32px */
}
.single__main .single__maincontent h4,
.single__main .single__maincontent h3 {
    margin-bottom: 2rem;
    /* =32px */
    font-style: italic;
}
.textRTE > img,
.plenary-speakers__right > img,
.plenary-speakers__description > img,
.feature__description > img,
.widget__boxRTE > img,
.single__maincontent > img,
.wysiwyg-section .wrapper > img {
    width: 100%;
    display: block;
    margin-bottom: 2rem;
}
.textRTE blockquote,
.plenary-speakers__right blockquote,
.plenary-speakers__description blockquote,
.feature__description blockquote,
.widget__boxRTE blockquote,
.single__maincontent blockquote,
.wysiwyg-section blockquote {
    margin-top: 70px;
    margin-left: 20px;
    margin-bottom: 2rem;
    /* =32px */
    font-family: var(--graphene-headings-font-family);
    color: var(--graphene-primary-gray-wcaglight-color);
    position: relative;
}
.textRTE blockquote::before,
.plenary-speakers__right blockquote::before,
.plenary-speakers__description blockquote::before,
.feature__description blockquote::before,
.widget__boxRTE blockquote::before,
.single__maincontent > blockquote::before,
.single__maincontent > div > blockquote::before,
.wysiwyg-section blockquote::before {
    content: "";
    position: absolute;
    top: -45px;
    left: 0;
    width: 50px;
    height: 45px;
    background-image: url("../../assets/images/quote-gold.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 3.125rem;
    /* =50px */
}
.single__maincontent .widget__quote {
    max-width: 100%;
}
.single__maincontent .widget__figcaption--small {
    max-width: 100%;
}
.single__maincontent .widget__quote blockquote {
    margin-left: 0;
}
.widget {
    overflow: hidden;
}
.single__main .hexagon-widget,
.single__main .widget,
.wysiwyg-section .widget {
    display: none;
}
.single__footer {
    margin-top: 90px;
}
.single__share {
    display: flex;
    justify-content: center;
    margin-top: 90px;
}
@media (max-width: 1418px) {
    .single__sidebar {
        flex: 0 1 35%;
    }
    .single__main {
        flex: 1 1 65%;
        padding-left: 60px;
    }
    .single__type {
        font-size: 1.875rem;
        /* =30px */
    }
    .single__metadivider {
        margin: 12px 0 20px 0;
    }
}
@media (max-width: 1024px) {
    .single__content {
        padding-top: 50px;
    }
    .single__sidebar {
        display: none;
    }
    .single__sidebar--page {
        display: flex;
        width: 100%;
        order: 2;
        padding-bottom: 225px;
        min-width: 100%;
    }
    .single__main {
        flex: 1 1 100%;
        padding-left: 0;
    }
    .single__main--page {
        padding-bottom: 80px;
    }
    .single__content--page {
        flex-flow: row wrap;
    }
    .single__main .hexagon-widget {
        display: flex;
    }
    .single__main .widget,
    .wysiwyg-section .widget {
        display: block;
    }
    .single__meta--inline {
        display: flex;
    }
    .single__main h1 {
        margin-bottom: 2.5rem;
        /* =40px */
    }
}
@media (max-width: 768px) {
    .single__meta--inline {
        flex-flow: row wrap;
    }
    .single__metainlineitem {
        width: 100%;
        line-height: 1.5;
        margin-right: 0;
    }
    .single__maincontent h1,
    .wysiwyg-section h1 {
        font-size: 1.75rem;
        /* =28px */
    }
}
@media (max-width: 500px) {
    .single__content {
        padding-top: 30px;
    }
}
/* Events intro */
.events-intro {
    padding-top: 120px;
    padding-bottom: 90px;
}
.events-intro__container {
    display: flex;
}
.events-intro__hexagons {
    width: 404px;
    min-height: 408px;
    position: relative;
    transform-origin: center left;
}
.events-intro__text {
    padding-left: calc(40% - 404px);
    width: 60%;
    font-size: 1.75rem;
    /* =28px */
}
.events-intro__text__inner {
    max-width: 830px;
    position: relative;
}
.events-intro__text h2 {
    margin-bottom: 0;
}
.events-intro__divider {
    background-color: var(--graphene-secondary-blue-color);
    height: 3px;
    width: 45px;
    border: none;
    margin: 2.25rem 0 2.25rem 0;
    /* =36px */
}
.events-intro__button-list {
    display: flex;
    flex-flow: row wrap;
    margin-top: 3.75rem;
    /* =60px */
}
.events-intro__button-list li {
    margin-right: 1.875rem;
    /* =30px */
    margin-bottom: 1.875rem;
    /* =30px */
}
.events-intro__button-list .li:last-child {
    margin-right: 0;
}
@media (max-width: 1418px) {
    .events-intro__text h2 {
        font-size: 2.25rem;
        /* =36px */
    }
    .events-intro__text {
        font-size: 1.375rem;
        /* =22px */
    }
    .events-intro__divider {
        margin: 2rem 0 2rem 0;
    }
    /* Updated min height to hexagon */
    .events-intro__hexagons {
        transform: scale(0.8);
        min-height: 328px;
    }
}
@media (max-width: 1024px) {
    .events-intro {
        padding-top: 0;
    }
    .events-intro__container {
        display: block;
    }
    .events-intro__text {
        width: 100%;
        padding-left: 0;
    }
    .events-intro__text__inner {
        max-width: none;
    }
    .events-intro__hexagons {
        min-height: unset;
        width: 100vw;
        transform: scale(1);
        display: flex;
        position: relative;
        top: 0;
        left: -50px;
        flex-flow: row wrap;
        padding-bottom: 50px;
    }
}
@media (max-width: 768px) {
    .events-intro {
        padding-bottom: 40px;
    }
    .events-intro__button-list {
        margin-top: 2.5rem;
        /* =40px; */
    }
}
@media (max-width: 500px) {
    .events-intro__hexagons {
        left: -30px;
    }
    .events-intro__text h2 {
        font-size: 1.75rem;
        /* =28px */
    }
}
/* Updated Hexagon widget */
.hexagon-widget {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0px;
}
.hexagon-container {
    width: 404px;
    position: relative;
    min-height: 408px;
    height: 408px;
}
.hexagon-widget .hexagon__icon {
    width: 20px;
    height: 20px;
}
.hexagon-widget .hexagon__content span {
    font-size: 22px;
}
.hexagon-widget .hexagon__content--infographic span {
    width: unset;
    margin-right: 0;
    font-size: 16px;
}
.hexagon-widget .hexagon__content--infographic span:first-child {
    font-size: 36px;
}
@media (max-width: 1418px) {
    .hexagon-container--sidebar {
        transform: scale(0.8);
    }
}
@media (max-width: 1024px) {
    .hexagon-widget .hexagon {
        position: absolute;
        width: 196px;
        height: 226px;
    }
    .hexagon-widget .hexagon--top {
        top: 0;
        left: 50%;
        margin-left: -98px;
    }
    .hexagon-widget .hexagon--bottomleft {
        top: 184px;
        left: 50%;
        margin-left: -201px;
    }
    .hexagon-widget .hexagon--bottomright {
        top: 184px;
        left: 50%;
        margin-left: 5px;
    }
    .hexagon-widget .hexagon__shape {
        display: block;
    }
    .hexagon-widget .hexagon--lightblue {
        background-color: unset;
    }
    .hexagon-widget .hexagon--blue {
        background-color: unset;
    }
    .hexagon-widget .hexagon--gold {
        background-color: unset;
    }
    .hexagon-widget .hexagon__content {
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 10px;
        flex-flow: column wrap;
        justify-content: center;
        text-align: center;
    }
    .hexagon-widget .hexagon__icon {
        margin-top: 10px;
        margin-left: 0;
    }
    .hexagon-widget .hexagon__content--infographic span {
        width: unset;
        margin-right: 0;
        font-size: 16px;
    }
    .hexagon-widget .hexagon__content--infographic span:first-child {
        font-size: 36px;
    }
    .hexagon-container--sidebar {
        transform: scale(1);
    }
}
@media (max-width: 767px) {
    .hexagon-container--sidebar {
        transform: scale(0.9);
        height: 368px;
        min-height: 368px;
        transform-origin: top;
    }
    .hexagon-container {
        transform: scale(0.8);
        transform-origin: top;
        height: 328px;
        min-height: 328px;
    }
}
@media (max-width: 500px) {
    .hexagon-container {
        transform: scale(0.6);
        height: 248px;
        min-height: 248px;
    }
    .hexagon-container--sidebar {
        height: 248px;
        min-height: 248px;
    }
}
/* Hexagon timer */
.hexagon-timer {
    position: absolute;
    top: 70px;
    right: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    opacity: 0;
    transition: all 0.3s ease;
}
.hexagon-timer.active {
    opacity: 1;
}
.hexagon-timer__title {
    text-transform: uppercase;
    font-family: var(--graphene-headings-font-family);
    font-size: 1.125rem;
    /* =18px */
    margin-bottom: 0.9375rem;
    /* =15px */
}
.hexagon-timer__hexagons {
    display: flex;
}
.hexagon-timer__hexagon {
    position: relative;
    width: 72px;
    height: 84px;
    margin: 21px 0;
    margin-right: 0.9375rem;
    /* =15px */
}
.hexagon-timer__hexagon:last-child {
    margin-right: 0;
}
.hexagon-timer__shape {
    width: 100%;
    height: 100%;
    fill-rule: evenodd;
    clip-rule: evenodd;
    stroke-linejoin: round;
    stroke-miterlimit: 2;
}
.hexagon-timer__shape path {
    fill: var(--graphene-secondary-blue-color);
    fill-rule: nonzero;
}
.hexagon-timer__hexagon-content {
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.hexagon-timer__number {
    font-family: var(--graphene-headings-font-family);
    font-size: 1.8125rem;
    /* =29px */
}
.hexagon-timer__type {
    font-family: var(--graphene-headings-font-family);
    font-size: 0.4375rem;
    /* =7px */
    color: var(--graphene-primary-blue-color);
    text-transform: uppercase;
    margin-top: -8px;
}
.hexagon-timer--blue .hexagon-timer__shape path {
    fill: var(--graphene-primary-blue-color);
}
.hexagon-timer--blue .hexagon-timer__type {
    color: var(--graphene-primary-white-color);
}
.hexagon-timer--gold .hexagon-timer__shape path {
    fill: var(--graphene-primary-gold-color);
}
.hexagon-timer--gold .hexagon-timer__type {
    color: var(--graphene-primary-white-color);
}
.hexagon-timer--lightgold .hexagon-timer__shape path {
    fill: var(--graphene-secondary-gold-color);
}
.hexagon-timer--lightgold .hexagon-timer__type,
.hexagon-timer--lightgold .hexagon-timer__number {
    color: var(--graphene-primary-text-color);
}
@media (max-width: 1024px) {
    .hexagon-timer {
        transform: scale(0.8);
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .hexagon-timer__title {
        margin-bottom: 0;
    }
    .hexagon-timer__type {
        font-size: 0.5625rem;
        /* =9px */
    }
}
@media (max-width: 767px) {
    .hexagon-timer {
        transform: scale(0.6);
        bottom: -30px;
    }
    .hexagon-timer__type {
        font-size: 0.6875rem;
        /* =11px */
    }
}
@media (max-width: 500px) {
    .hexagon-timer {
        bottom: 0;
    }
    .hexagon-timer__hexagon {
        width: auto;
        height: auto;
        margin: 0 0.9375rem 0 0;
    }
    .hexagon-timer__hexagon-content {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: auto;
    }
    .hexagon-timer__shape {
        display: none;
    }
    .hexagon-timer__type {
        color: var(--graphene-primary-white-color);
    }
}
/* Hexagons */
.hexagon {
    display: block;
    position: absolute;
    width: 196px;
    height: 226px;
}
.hexagon__shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.hexagon__shape path {
    fill: var(--graphene-gray-background-color);
    transition: all 0.2s ease;
}
.hexagon__content {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
    font-family: var(--graphene-headings-font-family);
    padding: 0 10px;
    box-sizing: border-box;
}
.hexagon__content span {
    display: block;
    width: 100%;
}
.hexagon__icon {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: var(--graphene-primary-white-color);
    stroke-miterlimit: 10;
    stroke-width: 3px;
    margin-top: 10px;
}
.hexagon__content--infographic {
    color: var(--graphene-primary-blue-color);
}
.hexagon__content--text {
    color: var(--graphene-primary-blue-color);
}
.hexagon__content--infographic span {
    font-size: 16px;
}
.hexagon__content--infographic span:first-child {
    font-size: 36px;
}
.hexagon--top {
    top: 0;
    left: 50%;
    margin-left: -98px;
}
.hexagon--bottomleft {
    top: 184px;
    left: 50%;
    margin-left: -201px;
}
.hexagon--bottomright {
    top: 184px;
    left: 50%;
    margin-left: 5px;
}
.hexagon--lightblue .hexagon__shape path {
    fill: var(--graphene-secondary-blue-color);
}
.hexagon--lightblue:hover .hexagon__shape path {
    fill: var(--graphene-secondary-blue-hover-color);
}
.hexagon--2D-EPL .hexagon__shape path {
    fill: #00b2b9;
}
.hexagon--#00b2b9:hover .hexagon__shape path {
    fill: rgba(0, 178, 185, .7);
}
.hexagon--blue .hexagon__shape path {
    fill: var(--graphene-primary-blue-color);
}
.hexagon--blue:hover .hexagon__shape path {
    fill: var(--graphene-primary-blue-hover-color);
}
.hexagon--blue .hexagon__content {
    color: var(--graphene-primary-white-color);
}
.hexagon--gold .hexagon__shape path {
    fill: var(--graphene-primary-gold-color);
}
.hexagon--gold:hover .hexagon__shape path {
    fill: var(--graphene-primary-gold-hover-color);
}
.hexagon--gold .hexagon__content {
    color: var(--graphene-primary-white-color);
}
@media (max-width: 1024px) {
    .hexagon,
    .hexagon--top,
    .hexagon--bottomleft,
    .hexagon--bottomright {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        margin: 0;
    }
    .hexagon__shape {
        display: none;
    }
    .hexagon--lightblue {
        background-color: var(--graphene-secondary-blue-color);
    }
    .hexagon--blue {
        background-color: var(--graphene-primary-blue-color);
    }
    .hexagon--gold {
        background-color: var(--graphene-primary-gold-color);
    }
    .hexagon__content {
        position: relative;
        top: auto;
        left: auto;
        padding: 10px 50px;
        flex-flow: row;
        justify-content: center;
        text-align: center;
    }
    .hexagon__icon {
        margin-top: 0;
        margin-left: 10px;
    }
    .hexagon__content--infographic span {
        width: auto;
        margin-right: 15px;
        font-size: 16px;
    }
    .hexagon__content--infographic span:first-child {
        font-size: 16px;
    }
}
/* Events Keynote Speakers */
.whatsnew--speakers {
    background-color: var(--graphene-primary-white-color);
}
.whatsnew__headingbar--speakers {
    padding-top: 0px;
    padding-bottom: 230px;
}
.whatsnew--speakers-widget {
    background-color: var(--graphene-primary-white-color);
    color: var(--graphene-primary-text-color);
    padding-top: 120px;
    padding-bottom: 120px;
}
.whatsnew__headingbar--speakers h2 {
    font-size: 1.875rem;
    /* =30px */
}
.whatsnew--speakers .articles__footer {
    display: flex;
    flex-direction: column;
}
.whatsnew--speakers .articles__link {
    display: block;
}
@media (max-width: 1280px) {
    .whatsnew--speakers {
        padding-bottom: 0;
    }
}
@media (max-width: 768px) {
    .whatsnew__headingbar--speakers {
        padding-bottom: 130px;
    }
}
@media (max-width: 500px) {
    .whatsnew--speakers {
        padding-top: 0;
    }
}
/* Events Plenary Speakers */
.plenary-speakers {
    background-color: var(--graphene-gray-background-color);
    padding-top: 40px;
    padding-bottom: 120px;
}
.plenary-speakers__divider {
    width: 100%;
    border: none;
    margin: 0px 0 90px 0;
}
.plenary-speakers__container {
    display: flex;
}
.plenary-speakers__left {
    max-width: 510px;
}
.plenary-speakers__right {
    padding-left: 15%;
}
.plenary-speakers__left h2 {
    margin-bottom: 1rem;
}
.plenary-speakers__description {
    font-size: 1.75rem;
    /* =28px */
    margin-bottom: 60px;
}
.plenary-speakers__count {
    font-size: 17.75rem;
    /* =284px */
    font-family: var(--graphene-headings-font-family);
    color: var(--graphene-secondary-blue-color);
}
@media (max-width: 1418px) {
    .plenary-speakers__count {
        font-size: 15rem;
        /* =240px */
    }
    .plenary-speakers__description {
        font-size: 1.375rem;
        /* =22px */
        margin-bottom: 40px;
    }
}
@media (max-width: 1280px) {
    .plenary-speakers__left {
        max-width: 400px;
    }
    .plenary-speakers__right {
        padding-left: 10%;
    }
}
@media (max-width: 1024px) {
    .plenary-speakers {
        padding-bottom: 90px;
    }
    .plenary-speakers__container {
        flex-flow: row wrap;
    }
    .plenary-speakers__left {
        max-width: none;
        display: flex;
    }
    .plenary-speakers__description-container {
        width: calc(100% - 240px);
        padding-right: 80px;
        box-sizing: border-box;
    }
    .plenary-speakers__count {
        width: 240px;
        height: 202px;
        font-size: 9rem;
        /* =144px */
        text-align: center;
    }
    .plenary-speakers__right {
        width: 100%;
        padding-left: 0;
    }
}
@media (max-width: 768px) {
    .plenary-speakers {
        padding-bottom: 60px;
    }
    .plenary-speakers__left {
        flex-flow: column;
    }
    .plenary-speakers__description-container {
        order: 1;
        width: 100%;
        padding-right: 0;
    }
    .plenary-speakers__count {
        width: auto;
        height: 135px;
        text-align: left;
        order: 0;
        font-size: 6rem;
        /* =96px */
    }
    .plenary-speakers__divider {
        margin: 0 0 40px 0;
    }
}
/* Events Community */
.community {
    padding-top: 120px;
    padding-bottom: 120px;
}
.community__container {
    display: flex;
}
.social {
    width: 100%;
    max-width: 510px;
}
.social__post {
    margin-bottom: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--graphene-primary-gray-color);
}
.social__post:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.social__post p {
    margin-bottom: 1.75rem;
    /* =28px */
}
.social__post img {
    width: 100%;
    display: block;
    border-radius: 15px;
    margin-bottom: 20px;
}
.post--twitter img {
    margin-bottom: 0;
}
.social__post .social__icon {
    margin-bottom: 20px;
}
.testimonials {
    padding-left: 15%;
}
.testimonials p {
    margin-bottom: 3rem;
    /* =48px */
}
.testimonials iframe,
.testimonials .videoWrapper {
    margin-bottom: 1.25rem;
    /* =20px */
}
.testimonials__social-links {
    display: flex;
    justify-content: flex-end;
    margin-top: 80px;
}
.testimonials__social-links li {
    margin-right: 25px;
}
.testimonials__social-links li:last-child {
    margin-right: 0;
}
.testimonials__social-links a {
    display: block;
}
.testimonials__social-links img {
    height: 36px;
}
@media (max-width: 1280px) {
    .testimonials {
        padding-left: 10%;
    }
    .social__post {
        padding-bottom: 0;
        margin-bottom: 30px;
    }
}
@media (max-width: 1024px) {
    .community {
        padding-top: 90px;
    }
}
@media (max-width: 768px) {
    .community {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .community__container {
        flex-flow: row wrap;
    }
    .social {
        max-width: none;
        margin-bottom: 50px;
    }
    .testimonials {
        padding-left: 0;
    }
    .testimonials__social-links {
        margin-top: 60px;
        justify-content: center;
    }
}
/* Event photos/photo grid */
.photo-grid {
    padding-bottom: 90px;
}
.photo-grid__photos {
    margin-top: -180px;
}
.photo-grid__main-image img {
    width: 100%;
}
.photo-grid__first3 {
    display: flex;
}
.photo-grid__first3__col {
    width: calc(50% - 15px);
    margin-right: 30px;
}
.photo-grid__first3__col:last-child {
    margin-right: 0;
}
.photo-grid__flow {
    display: flex;
    flex-flow: row wrap;
}
.photo-grid__photo {
    margin-bottom: 70px;
}
.photo-grid__photo img {
    display: block;
}
.photo-grid__photo--nocaption {
    margin-bottom: 1.34vw;
}
.photo-grid__flow .photo-grid__photo {
    width: calc(50% - 15px);
    margin-right: 30px;
}
.photo-grid__flow .photo-grid__photo:nth-child(2n + 2) {
    margin-right: 0;
}
.photo-grid__flow .photo-grid__photo--large {
    width: 100%;
    margin-right: 0;
}
.photo-grid__caption {
    color: var(--graphene-primary-gray-wcag-color);
    width: 82%;
    max-width: 550px;
    margin-top: 10px;
}
.photo-grid__caption strong {
    font-family: var(--graphene-smallheadings-font-family);
}
@media (max-width: 1024px) {
    .photo-grid__caption {
        width: 100%;
        font-size: 0.875rem;
        /* =14px */
    }
}
@media (max-width: 768px) {
    .photo-grid {
        padding-bottom: 20px;
    }
    .photo-grid__photos {
        margin-top: -10vw;
    }
    .photo-grid__photo {
        margin-bottom: 30px;
    }
    .photo-grid__flow .photo-grid__photo {
        width: 100%;
        margin-right: 0;
    }
    .photo-grid__first3 {
        flex-flow: row wrap;
    }
    .photo-grid__first3__col {
        width: 100%;
        margin-right: 0;
    }
}
/* Event quotes */
.quotes {
    background-color: var(--graphene-primary-blue-color);
    padding-top: 120px;
    padding-bottom: 40px;
}
.quotes__list {
    display: flex;
    flex-flow: row wrap;
    width: 66.66%;
    margin-left: 33.33%;
}
.quote {
    color: var(--graphene-primary-white-color);
    width: calc(50% - 40px);
    margin-right: 80px;
    margin-bottom: 80px;
}
.quote:nth-child(2n + 2) {
    margin-right: 0;
}
.quote__icon {
    width: 100%;
    max-width: 150px;
    position: absolute;
    top: 120px;
    left: 120px;
}
.quote__icon path {
    fill: var(--graphene-gray-background-color);
}
.quote__icon--lightblue path {
    fill: var(--graphene-secondary-blue-color);
}
.quote__icon--blue path {
    fill: var(--graphene-primary-blue-color);
}
.quote__icon--gold path {
    fill: var(--graphene-primary-gold-color);
}
.quote__icon--lightgold path {
    fill: var(--graphene-secondary-gold-color);
}
.quote__text {
    font-family: var(--graphene-headings-font-family);
}
.quote__divider {
    background-color: var(--graphene-secondary-blue-color);
    height: 3px;
    width: 45px;
    border: none;
    margin: 1.25rem 0 1.25rem 0;
    /* =20px */
}
.quote footer {
    font-size: 1.0625rem;
    /* =17px */
}
.quote__author {
    display: block;
    font-family: var(--graphene-smallheadings-font-family);
}
@media (max-width: 1418px) {
    .quote__icon {
        left: 70px;
    }
    .quote__text {
        font-size: 1.5rem;
        /* =24px */
    }
    .quote {
        width: calc(50% - 30px);
        margin-right: 60px;
        margin-bottom: 60px;
    }
}
@media (max-width: 1280px) {
    .quotes__list {
        width: 70%;
        margin-left: 30%;
    }
}
@media (max-width: 1024px) {
    .quotes__list {
        width: 100%;
        margin-left: 0;
    }
    .quote__icon {
        width: 100%;
        max-width: 150px;
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 60px;
    }
}
@media (max-width: 768px) {
    .quotes {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .quote {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
    }
    .quote__icon {
        max-width: 100px;
        margin-bottom: 40px;
    }
    .quote__text {
        font-size: 1.375rem;
        /* =22px */
    }
}
/* Events Sponsors */
.sponsor-section {
    background-color: #192228;
    color: var(--graphene-primary-gray-color);
    padding-top: 140px;
    padding-bottom: 120px;
    text-align: center;
}
.sponsor-section p,
.sponsor-section h2 {
    max-width: 840px;
    margin: 0 auto;
}
.sponsor-section h2 {
    color: var(--graphene-primary-white-color);
    margin-bottom: 1.25rem;
    /* =20px */
}
.sponsor-section p {
    font-size: 1.875rem;
    /* =30px */
}
.sponsors {
    display: flex;
    justify-content: center;
    margin-top: 80px;
    flex-flow: row wrap;
}
.sponsors li {
    margin-right: 30px;
    margin-bottom: 50px;
    width: calc(25% - 30px);
}
.sponsors li:nth-child(4n + 4),
.sponsors li:last-child {
    margin-right: 0;
}
.sponsors a,
.sponsors img {
    display: block;
}
.sponsors img {
    width: 100%;
}
@media (max-width: 768px) {
    .sponsor-section {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .sponsors {
        margin-top: 50px;
    }
    .sponsors li {
        width: calc(50% - 30px);
        margin-right: 30px;
    }
    .sponsors li:nth-child(2n + 2) {
        margin-right: 0;
    }
    .sponsor-section p {
        font-size: 1.5rem;
        /* =24px */
    }
}
/* Events Chair Cards */
.widgets-section {
    background-color: var(--graphene-primary-white-color);
    padding-top: 120px;
    padding-bottom: 120px;
}
.widgets-section--hexagon {
    z-index: 0;
}
.widgets-section--lightgray {
    background-color: var(--graphene-gray-background-color);
}
.widgets-section--lightblue {
    background-color: var(--graphene-tertiary-blue-color);
}
.widgets-section--lightgold {
    background-color: var(--graphene-secondary-gold-color);
}
.widgets-section--lightgray {
    background-color: var(--graphene-gray-background-color);
}
.widgets-section--lightblue {
    background-color: var(--graphene-tertiary-blue-color);
}
.widgets-section--lightgold {
    background-color: var(--graphene-secondary-gold-color);
}
.widgets-section--2D-EPL {
    background-color: #cae7ea;
}
.widgets-section--lightenergy {
    background-color: #f2d7b6;
}
.widgets-section--lightbiomed {
    background-color: #badfd7;
}
.widgets-section--lightelectronics-photonics {
    background-color: #eeedf7;
}
.widgets-section--light2DM-of-tomorrow {
    background-color: #dddfe1;
}
.widgets-section--light-safe-by-design {
    background-color: #fbd6ca;
}
.widgets-section--compact {
    padding: 0 0;
}

.slice--2D-EPL svg polygon {
    fill: #00b2b9;
}
.slice--safe-by-design svg polygon {
    fill: #eb5951;
}
.slice--energy svg polygon {
    fill: #f0af36;
}
.slice--biomed svg polygon {
    fill: #00a97a;
}
.slice--electronics-photonics svg polygon {
    fill: #524e9c;
}
.slice--2DM-of-tomorrow svg polygon {
    fill: #8c949b;
}

.widgets-section--white + .widgets-section--white,
.widgets-section--lightgray + .widgets-section--lightgray,
.widgets-section--lightgold + .widgets-section--lightgold,
.widgets-section--lightblue + .widgets-section--lightblue,
.widgets-section--lightenergy + .widgets-section--lightenergy,
.widgets-section--lightbiomed + .widgets-section--lightbiomed,
.widgets-section--lightelectronics-photonics + .widgets-section--lightelectronics-photonics,
.widgets-section--light2DM-of-tomorrow + .widgets-section--light2DM-of-tomorrow,
.widgets-section--light-safe-by-design + .widgets-section--light-safe-by-design {
    padding-top: 0;
}
@media (max-width: 1024px) {
    .widgets-section {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}
@media (max-width: 768px) {
    .widgets-section {
        padding-top: 50px;
        padding-bottom: 30px;
    }
}
/* Widgets */
.widget__figure {
    margin-bottom: 60px;
}
.widget__figureimg {
    width: 100%;
}
.widget__figcaption {
    /*max-width: 394px;*/
    color: #666;
    font-size: 1.0625rem;
    /* =17px */
}
.widget__figcaption b {
    font-family: var(--graphene-smallheadings-font-family);
}
.widget__figcaption--small {
    max-width: 227px;
}
.widget__figure--portrait .widget__figureimg {
    max-width: 90%;
}
.widget__figure--portrait .widget__figcaption {
    max-width: 90%;
}
.widget__quote {
    margin-top: 160px;
    margin-bottom: 90px;
    max-width: 496px;
    position: relative;
    overflow: visible;
}
.widget__quote::before {
    content: "";
    position: absolute;
    top: -80px;
    left: 0;
    width: 100px;
    height: 65px;
    background-image: url("../../assets/images/quote-gold.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 6.25rem;
    /* =100px */
}
.widget__quote blockquote {
    font-family: var(--graphene-headings-font-family);
    font-size: 1.875rem;
    /* =30px */
    color: var(--graphene-primary-gray-wcaglight-color);
}
.widget__quotedivider {
    background-color: var(--graphene-primary-gold-color);
    height: 3px;
    width: 55px;
    border: none;
    margin: 25px 0 30px 0;
}
.widget__box {
    padding: 50px;
    background-color: var(--graphene-gray-background-color);
    font-size: 1.0625rem;
    /* =17px */
    max-width: 446px;
    position: relative;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
}
.widgets-container {
    display: flex;
    flex-flow: row wrap;
}
.widget__box--profile {
    padding: 0;
    width: calc(33.33% - 20px);
    max-width: none;
    margin-right: 30px;
}
.widget__box--profile:nth-child(3n + 3) {
    margin-right: 0;
}
.widget__image {
    display: block;
}
.widget__boxcontent {
    flex: 1 0 auto;
    padding: 50px;
    position: relative;
    overflow: hidden;
    background-color: var(--graphene-primary-white-color);
}
.widget__boxheading {
    position: relative;
    z-index: 2;
}
.widget__boxheading a {
    color: var(--graphene-primary-text-color);
}
.widget__boxdivider {
    background-color: var(--graphene-secondary-blue-color);
    height: 3px;
    width: 55px;
    border: none;
    margin: 25px 0 30px 0;
}
.widget__boxdivider--blue {
    background-color: var(--graphene-primary-blue-color);
}
.widget__boxdivider--gold {
    background-color: var(--graphene-primary-gold-color);
}
.widget__boxdivider--2D-EPL {
    background-color: #00b2b9;
}
.widget__box p {
    margin-bottom: 20px;
}
.widget__boxlinks,
.widget__boxlink {
    color: var(--graphene-primary-text-color);
}
.widget__box--gold {
    background-color: var(--graphene-secondary-gold-color);
}
.widget__box--gold .widget__boxdivider {
    background-color: var(--graphene-primary-gold-color);
}
.widget__box--gold .widget__boxlinks,
.widget__box--gold .widget__boxlink {
    color: var(--graphene-primary-text-color);
}
.widget__box--2D-EPL {
    background-color: #cae7ea;
}
.widget__box--2D-EPL .widget__boxdivider {
    background-color: #00b2b9;
}
/* Updated -widget__boxlink hover and styling */
.widget__boxlink {
    position: relative;
    padding-left: 25px;
    transition: all 0.3s;
}
.widget__linkicon {
    position: absolute;
    top: 3px;
    left: 0px;
    height: 15px;
    width: 15px;
    transition: all 0.3s;
}
.widget__boxlink:hover {
    color: var(--graphene-primary-blue-hover-color);
}
.widget__boxlink:hover .widget__linkicon {
    margin-left: 5px;
    /* =10px */
}
@media (max-width: 1418px) {
    .widget__quote {
        margin-top: 140px;
        margin-bottom: 70px;
    }
    .widget__quote blockquote {
        font-size: 1.625rem;
        /* =26px */
    }
    .widget__box {
        padding: 30px;
    }
    .widget__box--profile {
        padding: 0;
    }
    .widget__boxcontent {
        padding: 30px;
    }
}
@media (max-width: 1280px) {
    .widget__box {
        font-size: 1rem;
    }
    .widget__quote blockquote {
        font-size: 1.5rem;
        /* =24px */
    }
    .widget__boxdivider {
        margin: 20px 0 25px 0;
    }
    .widget__figcaption {
        font-size: 1rem;
    }
}
@media (max-width: 1024px) {
    .widget__quote {
        margin-top: 120px;
        margin-bottom: 50px;
    }
    .widget__quote blockquote {
        margin: 0;
    }
    .widget__quote blockquote::before {
        display: none;
    }
    .widget {
        max-width: 100%;
    }
    .widget__figure {
        margin-bottom: 30px;
    }
    .widget__figcaption {
        font-size: 0.875rem;
        /* =14px */
    }
    .widget__box--profile {
        width: calc(50% - 15px);
    }
    .widget__box--profile:nth-child(3n + 3) {
        margin-right: 30px;
    }
    .widget__box--profile:nth-child(2n + 2) {
        margin-right: 0px;
    }
}
@media (max-width: 768px) {
    .widget__box--profile {
        width: 100%;
        margin-right: 0;
    }
    .widget__box--profile:nth-child(3n + 3) {
        margin-right: 0px;
    }
    .widget__box--profile:nth-child(2n + 2) {
        margin-right: 0px;
    }
}
/* Link collections */
.linkcollection {
    display: flex;
    flex-flow: row wrap;
}
.linkcollection__heading {
    width: 100%;
    border-bottom: 1.5px solid var(--graphene-primary-gray-color);
    padding-bottom: 25px;
    margin-bottom: 35px;
}
.linkcollection__left {
    width: 210px;
    margin-right: 90px;
}
.linkcollection__list {
    margin-left: 55px;
}
.linkcollection__listitem {
    margin-bottom: 1.25rem;
    /* =20px */
    max-width: 400px;
    position: relative;
}
.linkcollection__image {
    max-width: 100px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.linkcollection__image + .linkcollection__link {
    padding-left: 120px;
    display: block;
    min-height: 100px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}
.linkcollection__listitem--tag {
    text-transform: uppercase;
}
.linkcollection__link {
    color: var(--graphene-primary-gray-wcag-color);
    transition: all 0.2s;
}
.linkcollection__link:hover {
    color: var(--graphene-primary-text-color);
    text-decoration: underline;
}
.single__footer .linkcollection__left .linkcollection__link {
    font-family: var(--graphene-smallheadings-font-family);
    text-transform: uppercase;
}
@media (max-width: 1024px) {
    .morelink--linkcollectionspaced {
        margin-bottom: 50px;
    }
    .linkcollection__listitem {
        margin-bottom: 1rem;
    }
    .linkcollection__left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 35px;
    }
    .linkcollection__list {
        margin-left: 45px;
    }
}
/* Sidebar nav */
.sidebar-nav ul {
    margin-bottom: 0.6em;
}
.sidebar-nav ul li a {
    color: var(--graphene-primary-blue-color);
    display: block;
    padding: 0.4em 0.6em;
    margin-bottom: 0.3em;
    font-size: 1.1rem;
}
.sidebar-nav ul li ul {
    margin-left: 1.4em;
}