@font-face { font-family: ETmodules; font-display: block; src: url(fonts/modules.eot); src: url(fonts/modules.eot?#iefix) format("embedded-opentype"), url(fonts/modules.ttf) format("truetype"), url(fonts/modules.woff) format("woff"), url(fonts/modules.svg#ETmodules) format("svg"); font-weight: 400; font-style: normal }
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tt,
u,
ul,
var { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; vertical-align: baseline; background: transparent }
body { line-height: 1 }
ol,
blockquote,
q { quotes: none }
blockquote:after,
blockquote:before,
q:after,
q:before { content: ""; content: none }
blockquote { margin: 20px 0 30px; border-left: 5px solid; padding-left: 20px }
:focus { outline: 0 }
del { text-decoration: line-through }
pre { overflow: auto; padding: 10px }
figure { margin: 0 }
table { border-collapse: collapse; border-spacing: 0 }
article,
aside,
footer,
header,
hgroup,
nav,
section { display: block }

html { -webkit-box-sizing: border-box; box-sizing: border-box; margin: auto; overflow-x: hidden; height: auto !important }
body { font-family: "Cormorant Garamond", serif; font-size: 16px; color: #1a2e52; background-color: #fff; line-height: normal; font-weight: 500; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }

body.page-template-page-template-blank-php #page-container { padding-top: 0 !important }
body.et_cover_background { background-size: cover !important; background-position: top !important; background-repeat: no-repeat !important; background-attachment: fixed }
a { color: #cc5332 }
a,
a:hover { text-decoration: none }
p { padding-bottom: 1em }
p:not(.has-background):last-of-type { padding-bottom: 0 }
p.et_normal_padding { padding-bottom: 1em }
strong { font-weight: 700 }
cite,
em,
i { font-style: italic }
code,
pre { font-family: Courier New, monospace; margin-bottom: 10px }
ins { text-decoration: none }
sub,
sup { height: 0; line-height: 1; position: relative; vertical-align: baseline }
sup { bottom: 0.8em }
sub { top: 0.3em }
dl { margin: 0 0 1.5em }
dl dt { font-weight: 700 }
dd { margin-left: 1.5em }
blockquote p { padding-bottom: 0 }
embed,
iframe,
object,
video { max-width: 100% }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; color: #1a2e52; padding-bottom: 10px; line-height: normal; }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: inherit }
h1 { font-size: 30px }
h2 { font-size: 26px }
h3 { font-size: 22px }
h4 { font-size: 18px }
h5 { font-size: 16px }
h6 { font-size: 14px }
input { -webkit-appearance: none }
input[type="checkbox"] { -webkit-appearance: checkbox }
input[type="radio"] { -webkit-appearance: radio }
input.text,
input.title,
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="text"],
select,
textarea { background-color: #fff; border: 1px solid #bbb; padding: 2px; color: #4e4e4e }
input.text:focus,
input.title:focus,
input[type="text"]:focus,
select:focus,
textarea:focus { border-color: #2d3940; color: #3e3e3e }
input.text,
input.title,
input[type="text"],
select,
textarea { margin: 0 }
textarea { padding: 4px }
button,
input,
select,
textarea {  font-family: "Plus Jakarta Sans", sans-serif; }
img { max-width: 100%; height: auto }
.clear { clear: both }
br.clear { margin: 0; padding: 0 }
blockquote { border-color: #cc5332 }
.alignright { float: right }
.alignleft { float: left }
img.alignleft { display: inline; float: left; margin-right: 15px }
img.alignright { display: inline; float: right; margin-left: 15px }
section,
header,
footer,
main { width: 100%; position: relative; margin: 0px auto }
section,
header { position: relative; z-index: 1 }
header { z-index: 10000 }

p, li { font-size: 20px; }
td { font-size: 16px;}
@media screen and (max-width:1024px) {
  p, li { font-size: 16px; }
  td { font-size: 14px;}
}

input[type="text"],
input[type="email"],
textarea,
select,
button { -webkit-appearance: none; -webkit-box-shadow: none !important; box-shadow: none !important }
input::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0 }
select:focus { outline: none }
select::-ms-expand { display: none }
input,
textarea,
select,
button { -webkit-appearance: none; border-radius: 0 }
* { -webkit-box-sizing: border-box; box-sizing: border-box }
.button { display: inline-block; color: #ffffff; font-size: 20px; font-weight: normal; font-style: normal; text-transform: uppercase; text-decoration: none; padding: 2px 1em; line-height: 1.7em !important; background-color: transparent; background-size: cover; background-position: 50%; background-repeat: no-repeat; border: 2px solid; border-radius: 16px; transition: all 300ms ease 0ms }
.button:hover { border: 2px solid transparent; padding: 2px 2em 2px 0.7em; background-color: rgba(0, 0, 0, 0.05) }
.button::after { font-family: ETmodules; speak: none; font-size: 32px; line-height: 1em; content: "\35"; opacity: 0; position: absolute; margin-left: -1em; -webkit-transition: all 0.2s; transition: all 0.2s; text-transform: none; -webkit-font-feature-settings: "kern" off; font-feature-settings: "kern" off; font-variant: none; font-style: normal; font-weight: 400; text-shadow: none }
.button:hover::after { opacity: 1; margin-left: 0 }
.button-hollow { background-color: transparent; box-sizing: border-box; border: solid 1px #6a989c; text-transform: uppercase; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 2.63; text-align: center; color: #eaeaea; transition: all 0.25s ease-in-out; font-weight: bold; padding: 4px 45px; white-space: nowrap; display: inline-block }
.button-hollow:hover { background-color: #ffffff; color: #6a989c; border: solid 1px #ffffff }
.shadow { box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.48) }
.container { max-width: 1155px; margin: 0px auto; padding: 30px 15px }
.grecaptcha-badge { display: none !important }
.grecaptcha-badge.show { display: block !important; visibility: visible !important }
.two-columns { display: flex; justify-content: space-between; flex-wrap: wrap }
.two-columns > div { width: calc(50% - 13px) }
.bg-image { background-position: center; background-repeat: no-repeat; background-size: cover }
.bg-image img { display: none }
@media screen and (max-width:1280px) {
  .container { padding: 30px 50px }
}
@media screen and (max-width:1123px) {
  .container { padding: 30px 15px }
}
@media screen and (max-width:1023px) {
  .two-columns > div { width: 100% }
}
header > .top { background-color: #1a2e52 }
header > .top .container { max-width: 2560px; width: 100%; padding: 8px 65px; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap }
header > .top .container > div { font-family: "Plus Jakarta Sans", sans-serif; font-size: 14px; font-weight: 600px; line-height: 16px; color: #fff; margin-left: 20px; padding-left: 20px }
header > .top .container > div a { color: #ffffff; margin-left: 20px; transition: all 0.25s ease-in-out }
header > .top .container > div a:hover { opacity: 0.6 }
header > .top .container > div:not(:first-of-type) { border-left: 1px solid #ffffff }
header > .top .container > div span.up::before { font-family: FontAwesome; content: "\f077"; margin-left: 5px; font-size: 12px }
header > .top .container > div span.down::before { font-family: FontAwesome; content: "\f078"; margin-left: 5px; font-size: 12px }
header > .top .container > div.social { margin-left: 0px; padding-left: 0px }
header .bottom { background-color: #fff; position: relative }
header .bottom .container { max-width: 2450px; width: 100%; margin: 0; padding: 0px 65px; display: flex; justify-content: space-between; min-height: 100px; align-items: center }
header .bottom .logo { padding-right: 30px }
header .bottom .logo img { max-height: 72px; display: block; }
header .bottom .desktop { display: block }
header .bottom .desktop ul.top { display: flex; align-items: flex-end; padding-top: 25px }
header .bottom .desktop ul.top > li { padding: 11px; position: relative; display: block }
header .bottom .desktop ul.top > li.has-submenu > a { padding-right: 20px }
header .bottom .desktop ul.top > li.has-submenu > a::after { font-family: ETmodules; content: "3"; font-size: 16px; position: absolute; right: 0; top: 0; font-weight: 800; color: #cc5332; }
header .bottom .desktop ul.top > li > a { font-family: "Plus Jakarta Sans", sans-serif; font-size: 16px; color: #1a2e52; font-weight: bold; text-decoration: none; display: block; position: relative; line-height: 1em }
header .bottom .desktop ul.top a:hover { opacity: 0.7 }
header .bottom .desktop div.sub { opacity: 0; pointer-events: none; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; position: absolute; left: 0px; top: 100%; border-top: 3px solid #cc5332; z-index: 9999; background-color: #fff; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); min-width: 210px; padding: 3px 0px }
header .bottom .desktop ul.top > li:last-of-type div.sub { left: initial; right: 0px }
header .bottom .desktop li.has-submenu:hover div.sub { opacity: 1; pointer-events: all }


header .bottom .desktop ul.sub > li > a { font-family: "Plus Jakarta Sans", sans-serif; font-size: 14px; padding: 8px 24px; white-space: nowrap; display: block; color: #1a2e52; }
header .bottom .desktop ul.sub > li > a:hover { background-color: rgba(0, 0, 0, 0.03); opacity: 0.7 }
header .bottom .mobile-menu { display: none; text-align: center }
header .bottom .mobile-menu::before { font-family: ETmodules !important; content: "a"; font-size: 32px; cursor: pointer }
header .bottom .mobile-menu.open::before { content: "M" }
header .bottom .mobile { display: none; pointer-events: none; max-height: 0px; opacity: 0; transition: all ease-in-out 0.25s, max-height ease-in-out 0.5s; overflow: hidden; z-index: 9999; padding: 24px; position: absolute; left: 0px; top: 100%; width: 100%; border-top: 3px solid transparent; box-shadow: 0 2px 5px rgb(0 0 0 / 10%) }
header .bottom .mobile.open { max-height: 1100px; pointer-events: all; border-top: 3px solid #cc5332; opacity: 1; background-color: #ffffff; overflow-y: scroll; max-height: calc(100vh - 166px) }
header .bottom .mobile ul.top a {  font-family: "Plus Jakarta Sans", sans-serif;  font-size: 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.03); color: #1a2e52; padding: 10px 5%; display: block }

header .bottom .mobile ul.top a:hover { background-color: #bcd7e3; opacity: 0.7 }
header .bottom .mobile ul.top > li.has-submenu > a { font-weight: bold; background-color: #bcd7e3; }

header .bottom .mobile ul.sub > li { padding-left: 5% }
@media screen and (max-width:1110px) {
  header .bottom .container { padding: 0px 30px }
}
@media screen and (max-width:1023px) {
  header { position: fixed }
  header > .top .container { justify-content: center; padding: 6px 15px; }
  header > .top .container > div { margin-left: 12px; padding-left: 12px;}
  header > .top .container > div a {margin-left: 6px; margin-right: 6px;}

  header .bottom .container { padding: 0px 30px; display: block }
  header .bottom .logo { padding: 14px 0px; text-align: center }
  header .bottom .logo img { max-height: 52px; margin: 0 auto; }

  header .bottom .desktop { display: none }
  header .bottom .mobile-menu { display: block }
  header .bottom .mobile { display: block }
}

@media screen and (max-width: 620px) {
  header > .top .container > div { font-size: 12px; margin-left: 6px; padding-left: 6px;}
  header > .top .container > div:not(:first-of-type) {border-left: none;}
  header > .top .container > div.social {width: 100%; text-align: center; margin-bottom: 6px;}
  header > .top .container > div.vol {display: none;}
}


section.hero { 
  min-height: 700px; height: calc(100vh - 134px); overflow: hidden; 
  background-image: url(../../../../_resources/bgs/hero-banner-home.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat;

  display: flex; justify-content: center; align-items: center;
}
section.hero .overlay { 
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url(../img/hero-overlay.svg);
  background-size: cover; background-position: center center; background-repeat: no-repeat;
}
section.hero .flex { display: flex; justify-content: space-between; align-items: center; min-height: 438px; }
section.hero .logo { max-width: 189px; }
section.hero .text { max-width: 884; }
section.hero .text h1 { font-size: 56px; line-height: 72px; letter-spacing: -0.16px; text-align: right; margin-top: 30px; font-weight: 800; }

/* section.hero .text { position: absolute; top: 150px; left: 86px; z-index: 2 }
section.hero .text h1 { text-transform: uppercase; color: rgb(255, 255, 255); text-decoration: none; white-space: nowrap; font-size: 80px; font-stretch: normal; font-style: normal; line-height: 1.2;}
section.hero .text h1 .word:not(:last-of-type) { margin-right: 30px } */
section.hero iframe { pointer-events: none; height: 100% }
section.hero .video { position: absolute; top: 0px; bottom: 0px; left: 0px }
section.hero .video::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: #000; opacity: 0.15; z-index: 1 }

@media screen and (max-width:1023px) {
  section.hero .flex {flex-direction: column; align-items: flex-start; justify-content: center;}
  section.hero .logo { max-width: 112px; }
  section.hero .text h1 {text-align: left; line-height: 42px; font-size: 32px;  }
  section.hero { min-height: 680px; margin-top: 144px; }
}
@media screen and (max-width: 440px) {
  section.hero .overlay {background-position: right -167px top;}
  section.hero .text { max-width: 284px; }
}


/* @media screen and (max-width:1300px) {
  section.hero .text { max-width: 1155px; margin: 0px auto; padding: 0px 15px; left: initial; position: relative }
}
@media screen and (max-width:1280px) {
  section.hero .text { padding: 0px 50px }
}
@media screen and (max-width:1123px) {
  section.hero .text { padding: 0px 15px }
} */


section.presentation { background-color: #425260 }
section.presentation .container { display: flex; justify-content: space-between; align-items: center; justify-content: flex-end }
section.presentation h2 { margin: 0px; padding: 0px 60px 0px 0px; color: #fff; font-weight: 600; position: absolute; left: 86px }
@media screen and (max-width:1300px) {
  section.presentation .container { justify-content: space-between }
  section.presentation h2 { position: relative; left: initial }
}
@media screen and (max-width:1023px) {
  section.presentation .container { display: block; text-align: center }
  section.presentation h2 { white-space: initial; padding: 0px; margin-bottom: 30px; line-height: 1.1em }
  section.presentation .button { margin: 30px auto 0px auto; text-align: left }
}
main { padding: 54px 0px }
main .container.images { padding-top: 12px; padding-bottom: 4px }
main .text { padding-right: 5.5% }
main .text h2 { margin-bottom: 5.82% }
main .image img { box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%) }
main .hold { margin-bottom: 7px }
main h3 a { font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: normal; color: #1a2e52; transition: all 0.25s ease-in-out }
main h3 a:hover { opacity: 0.6 }
main h3 a i { margin-left: 5px; color: #cc5332; }
main div.caption p { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.38; color: #1a2e52; margin-top: 26px }
main .container.images .two-columns > div { position: relative; min-height: 300px }
main .container.images .two-columns > div a { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow: hidden; object-fit: contain }
main .container.images .two-columns > div img { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px }
@media screen and (max-width:1023px) {
  main .text { margin-bottom: 30px }
  main .container.images .two-columns > div { min-height: initial; padding-bottom: 57% }
  main .container.images .two-columns > div:nth-of-type(1) { margin-bottom: 26px }
}
section.projects { background-image: url(../../../../_resources/bgs/projects-bg.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%); position: relative; }
section.projects::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;  background-color: rgba(26, 46, 82, 0.6); z-index: -1; }

section.projects .container { display: flex; justify-content: space-between; flex-wrap: wrap; text-align: center; padding-top: 15px; padding-bottom: 0px }
section.projects h1 { font-weight: 700; font-size: 44px; color: #ffffff; padding-bottom: 10px; line-height: 1em; width: 100% }
section.projects .container > div { width: 20%; padding: 27px 0px 24px 0px }
section.projects h4 a { font-weight: 700; font-size: 17px; color: #ffffff !important; text-transform: uppercase }
@media screen and (max-width:1023px) {
  section.projects .container { padding-bottom: 28px }
  section.projects h1 { padding-bottom: 15px }
  section.projects .container > div { width: 50%; padding: 25px 0px 0px 0px }
}
@media screen and (max-width:500px) {
  section.projects .container > div { width: 100% }
}
section.upcoming-catalysts { background-color: #bcd7e3; padding: 47px 0px 56px 0px }
section.upcoming-catalysts h2 { margin-bottom: 24px }
section.upcoming-catalysts .catalysts > div { background-color: #ffffff; font-size: 20px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 24px; color: #1a2e52; display: flex; justify-content: flex-start; position: relative; width: 100%; padding: 16px 75px 16px 35px }
section.upcoming-catalysts .catalysts > div:not(:last-of-type) { border-bottom: solid #bbbbbb 1px }
section.upcoming-catalysts .catalysts > div::after { font-family: "Font Awesome 5 Pro"; content: "\f14a"; position: absolute; right: 27px; top: 15px; font-size: 22px; line-height: 22px; font-weight: 900; color: #425260; opacity: 0 }
section.upcoming-catalysts .catalysts > div.completed::after { opacity: 1 }
section.upcoming-catalysts .catalysts > div > div:nth-of-type(1) { width: 130px; font-weight: bold; flex-shrink: 0 }
@media screen and (max-width:600px) {
  section.upcoming-catalysts .catalysts > div { display: block; padding: 16px 35px 16px 35px }
  section.upcoming-catalysts .catalysts > div::after { top: 18px }
  section.upcoming-catalysts .catalysts > div > div:nth-of-type(1) { width: initial; margin-bottom: 10px }
}
section.latest { padding: 23px 0px 42px 0px }
section.latest .news { display: flex; flex-wrap: wrap; justify-content: space-between }
section.latest .video { width: 60%; padding-right: 5% }
section.latest .video .frame { padding-bottom: 56.25%; position: relative; width: 100%; box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 30%) }
section.latest .video iframe { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px }
section.latest .listing { width: 40% }
section.latest .news-wrapper { padding-top: 19px }

section.latest .news-title { font-family: "Plus Jakarta Sans", sans-serif; color: #1a2e52; padding-bottom: 13px; line-height: 22px; font-weight: bold; font-size: 16px; margin-bottom: 12px; }

section.latest .news-title a { color: #1a2e52; transition: all 0.25s ease-in-out }

section.latest .news-title a:hover { opacity: 0.65 }

section.latest .news-date { font-family: "Plus Jakarta Sans", sans-serif; font-size: 13px; font-weight: 500; color: #1a2e52; }

section.latest .milestones { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; padding: 53px 0px 0px 0px }
section.latest .milestones h2 { width: 100%; padding-bottom: 16px }
section.latest .milestones h1 { width: 40%; font-weight: 700; font-size: 85px; color: #425260 !important; text-align: center; text-shadow: 0.06em 0.08em 0.35em rgb(0 0 0 / 40%); padding-bottom: 20px }
section.latest .milestones ul { width: 60%; list-style-type: disc; padding: 0 0 23px 1em; line-height: 26px; padding-top: 47px }
@media screen and (max-width:1023px) {
  section.latest .news { display: block }
  section.latest .video { width: 100%; padding-right: 0px; margin-bottom: 30px }
  section.latest .listing { width: 100% }
  section.latest .milestones { display: block }
  section.latest .milestones h1 { width: 100%; margin-top: 74px }
  section.latest .milestones ul { width: 100%; padding-top: 21px }
}
section.video { height: 500px; overflow: hidden }
section.video iframe { pointer-events: none; height: 100% }
section.video .video { position: absolute; top: 0px; bottom: 0px; left: 0px }
@media screen and (max-width:1023px) {
  section.video { height: 355px }
}
@media screen and (max-width:500px) {
  section.video { height: 200px }
}
footer .subscribe.container { flex-wrap: nowrap; padding-top: 53px; align-items: center }
footer .subscribe.container h2 { color: #ffffff; font-size: 26px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.62; margin-right: 30px; padding-bottom: 0px }
#signup-form { flex-grow: 1; max-width: 700px; width: 100% }
#signup-form .input-fields { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; height: 50px }
#signup-form .input-fields > div { width: calc((100% - 160px - (26px * 2)) / 2) }
#signup-form input[type="text"] { background-color: transparent; height: 50px; border: none; border-bottom: solid 2px #bdbdbd; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 50px; color: #fff; width: 100% }
#signup-form input[type="text"]::-webkit-input-placeholder { color: #fff }
#signup-form input[type="text"]:-moz-placeholder { color: #fff }
#signup-form input[type="text"]::-moz-placeholder { color: #fff }
#signup-form input[type="text"]:-ms-input-placeholder { color: #fff }
#signup-form .signup-message { color: #ffffff }

button.submit { background-color: transparent; width: 160px; height: 50px; box-sizing: border-box; border: solid 1px #ffffff; color: #ffffff; transition: all 0.25s ease-in-out; font-weight: bold }
button.submit:hover { background-color: #ffffff; color: #1a2e52; border: solid 1px #ffffff }

@media screen and (max-width:1023px) {
  #signup-form { max-width: initial }
}
@media screen and (max-width:767px) {
  #signup-form .input-fields { display: block; height: auto }
  #signup-form .input-fields > div { width: 100%; margin-bottom: 20px }
}
footer { background-color: #1a2e52; padding-top: 24px;  font-family: "Plus Jakarta Sans", sans-serif; }
footer .container { display: flex; flex-wrap: wrap; justify-content: space-between }
footer .container:not(.subscribe) { padding-top: 16px }
footer .container:not(.subscribe)::before { content: ""; width: 100%; height: 1px; background-color: #bcd7e3; margin-bottom: 49px; display: block }
footer .logo { width: 182px; }
footer .contact { width: 30% }
footer .contact p { color: #ffffff; font-size: 14px; line-height: 20px; opacity: 0.7; }
footer .contact h5 { color: #fff }
footer .contact p a { color: #ffffff }
footer .copy { width: 100%; }
footer .copy p { color: rgba(255, 255, 255, 0.7); font-size: 14px; text-align: center; margin-top: 48px; }


@media screen and (max-width:1023px) {
  footer .container { display: block; padding-top: 25px }
  footer .logo { width: 100%; margin-bottom: 25px; text-align: center }
  footer .logo img {max-width: 182px;}
  footer .contact { width: 100% }
}
.expand { position: relative; cursor: pointer; text-align: center; display: block }
.expand::before { content: ""; background-color: #000000; top: 0; right: 0; bottom: 0; left: 0; position: absolute; opacity: 0; transition: all 0.25s ease-in-out; z-index: 1 }
.expand img { position: relative; z-index: 0 }
.expand .expand-link { display: inline-block; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: transparent; padding: 16px 36px; white-space: nowrap; transition: all 0.25s ease-in-out; opacity: 0; z-index: 2 }
.expand .expand-link i { margin-left: 5px }
.expand:hover::before { opacity: 0.5 }
.expand:hover .expand-link { opacity: 1 }
section.presentation a { background-color: transparent; box-sizing: border-box; border: solid 1px #6a989c; text-transform: uppercase; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 2.63; text-align: center; color: #eaeaea; transition: all 0.25s ease-in-out; font-weight: bold; padding: 4px 45px; white-space: nowrap; display: inline-block }
section.presentation a:hover { background-color: #ffffff; color: #6a989c; border: solid 1px #ffffff }
main .slideshare > div { margin-bottom: 7px }
main .slideshare iframe { box-shadow: 0 2px 8px 0 rgb(0 0 0 / 48%) }
ul.sub { list-style: none }
ul.top { list-style: none }
.images.two-columns > div { display: flex; flex-direction: column }
.images.two-columns > div p { font-size: 12px; position: absolute; bottom: -50px }
.caption { margin-top: 60px }
@media screen and (max-width:1023px) {
  .images.two-columns > div p { bottom: -25px }
  .caption { margin-top: 40px }
}
@media screen and (max-width:804px) {
  main .container.images .two-columns > div:nth-of-type(1) { margin-bottom: 80px }
  .images.two-columns > div p { bottom: -72px }
  .caption { margin-top: 80px }
}
.splitting.cells img { width: 100%; display: block }
@supports (display:grid) {
  .splitting.cells { position: relative; overflow: hidden; background-size: cover; visibility: hidden }
  .splitting .cell-grid { background: inherit; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: grid; grid-template: repeat(var(--row-total), 1fr) / repeat(var(--col-total), 1fr) }
  .splitting .cell { background: inherit; position: relative; overflow: hidden }
  .splitting .cell-inner { background: inherit; position: absolute; visibility: visible; width: calc(100% * var(--col-total)); height: calc(100% * var(--row-total)); left: calc(-100% * var(--col-index)); top: calc(-100% * var(--row-index)) }
  .splitting .cell { --center-x: calc((var(--col-total) - 1) / 2); --center-y: calc((var(--row-total) - 1) / 2); --offset-x: calc(var(--col-index) - var(--center-x)); --offset-y: calc(var(--row-index) - var(--center-y)); --distance-x: calc((var(--offset-x) * var(--offset-x)) / var(--center-x)); --distance-y: calc((var(--offset-y) * var(--offset-y)) / var(--center-y)) }
}

.fab.fa-twitter::before{ content:"𝕏"; font-weight:bold; }