/* ***********************************************************
## CSS reset
*********************************************************** */
/* ***********************************************************
## RESET
*********************************************************** */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  background: transparent;
  text-decoration: none;
  outline: 0;
}
a:hover {
  text-decoration: none;
}

/* change colours to suit your needs */
ins {
  background-color: #ffff99;
  color: black;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ffff99;
  color: black;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* ******************************************************** */
/* ***********************************************************
## COLORS
*********************************************************** */
/* ***********************************************************
## COLORS
*********************************************************** */
/* set up colors that will be used over and over again, in RGBA, A ommitted so that it can be set as needed but maintain base color */
/* ******************************************************** */
/* ***********************************************************
## FONTS
*********************************************************** */
/* ***********************************************************
## FONTS
*********************************************************** */
html,
body {
  font-size: 62.5%;
  font-family: 'Lato-Regular', sans-serif;
  font-weight: 300;
  font-display: swap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: grayscale;
}

/*@font-face {
	font-family: entypo;
	font-style: normal;
	font-weight: normal;
	src: url(http://weloveiconfonts.com/api/fonts/entypo/entypo.eot);
	src: url(http://weloveiconfonts.com/api/fonts/entypo/entypo.eot?#iefix) format("eot"), url(http://weloveiconfonts.com/api/fonts/entypo/entypo.woff) format("woff"), url(http://weloveiconfonts.com/api/fonts/entypo/entypo.ttf) format("truetype"), url(http://weloveiconfonts.com/api/fonts/entypo/entypo.svg#entypo) format("svg");
}*/
@font-face {
  font-family: 'DINEngschriftStd';
  src: url("../.fonts/DINEngschriftStd/DINEngschriftStd.eot");
  src: url("../.fonts/DINEngschriftStd/DINEngschriftStd.eot?#iefix") format("embedded-opentype"), url("../.fonts/DINEngschriftStd/DINEngschriftStd.woff2") format("woff2"), url("../.fonts/DINEngschriftStd/DINEngschriftStd.woff") format("woff"), url("../.fonts/DINEngschriftStd/DINEngschriftStd.ttf") format("truetype"), url("../.fonts/DINEngschriftStd/DINEngschriftStd.svg#DINEngschriftStd") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DINMittelschriftStd';
  src: url("../.fonts/DINMittelschriftStd/DINMittelschriftStd.eot");
  src: url("../.fonts/DINMittelschriftStd/DINMittelschriftStd.eot?#iefix") format("embedded-opentype"), url("../.fonts/DINMittelschriftStd/DINMittelschriftStd.woff2") format("woff2"), url("../.fonts/DINMittelschriftStd/DINMittelschriftStd.woff") format("woff"), url("../.fonts/DINMittelschriftStd/DINMittelschriftStd.ttf") format("truetype"), url("../.fonts/DINMittelschriftStd/DINMittelschriftStd.svg#DINMittelschriftStd") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-Regular';
  src: url("../.fonts/Lato-Regular/Lato-Regular.eot");
  src: url("../.fonts/Lato-Regular/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../.fonts/Lato-Regular/Lato-Regular.woff2") format("woff2"), url("../.fonts/Lato-Regular/Lato-Regular.woff") format("woff"), url("../.fonts/Lato-Regular/Lato-Regular.ttf") format("truetype"), url("../.fonts/Lato-Regular/Lato-Regular.svg#Lato-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-Light';
  src: url("../.fonts/Lato-Light/Lato-Light.eot");
  src: url("../.fonts/Lato-Light/Lato-Light.eot?#iefix") format("embedded-opentype"), url("../.fonts/Lato-Light/Lato-Light.woff2") format("woff2"), url("../.fonts/Lato-Light/Lato-Light.woff") format("woff"), url("../.fonts/Lato-Light/Lato-Light.ttf") format("truetype"), url("../.fonts/Lato-Light/Lato-Light.svg#Lato-Light") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato-Bold';
  src: url("../.fonts/Lato-Bold/Lato-Bold.eot");
  src: url("../.fonts/Lato-Bold/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("../.fonts/Lato-Bold/Lato-Bold.woff2") format("woff2"), url("../.fonts/Lato-Bold/Lato-Bold.woff") format("woff"), url("../.fonts/Lato-Bold/Lato-Bold.ttf") format("truetype"), url("../.fonts/Lato-Bold/Lato-Bold.svg#Lato-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'merck';
  src: url("../.fonts/merck/merck-font-webfont.eot");
  src: url("../.fonts/merck/merck-font-webfont.eot?#iefix") format("embedded-opentype"), url("../.fonts/merck/merck-font-webfont.woff2") format("woff2"), url("../.fonts/merck/merck-font-webfont.woff") format("woff"), url("../.fonts/merck/merck-font-webfont.ttf") format("truetype"), url("../.fonts/merck/merck-font-webfont.svg#merck") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* ******************************************************** */
/* ***********************************************************
## FUNCTIONS
*********************************************************** */
.neow3hide {
  display: none;
  visibility: hidden;
  overflow: initial;
}

img.lazy {
  display: block;
}

.neo_btn {
  display: inline-block;
  padding: 10px 20px;
  background: #209fe2;
  -webkit-transition: all 0.24s ease-in;
  -moz-transition: all 0.24s ease-in;
  -ms-transition: all 0.24s ease-in;
  -o-transition: all 0.24s ease-in;
  transition: all 0.24s ease-in;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  line-height: 1.2;
  font-size: 15px;
  font-family: "Lato-Bold";
  color: white;
  text-align: center;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  -o-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.neo_btn:hover {
  background: black;
}

.neo__btn1 {
  display: table;
  margin: 25px 0;
  background: #b929cd;
  padding: 13px 35px 0px 35px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.neo__btn1 span {
  display: block;
  text-align: left;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  text-transform: initial;
  text-decoration: none;
  font-weight: normal;
  font-family: "DINEngschriftStd";
  line-height: 1.2;
  color: white;
  font-size: 20px;
  letter-spacing: normal;
}
.neo__btn1 strong {
  display: block;
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  line-height: 1.19;
  text-decoration: none;
  font-family: "DINEngschriftStd";
  color: white;
  letter-spacing: normal;
  text-transform: uppercase;
  font-size: 45px;
}
@media screen and (max-width: 1480px) {
  .neo__btn1 strong {
    font-size: calc(45px + -13 * (100vw - 1480px) / -520);
  }
}
@media screen and (max-width: 960px) {
  .neo__btn1 strong {
    font-size: 32px;
  }
}
.neo__btn1._color1 {
  background: #4a358d;
}

.neo__btn._color span {
  color: #209fe2;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
}
.neo__btn._color:hover span {
  color: black;
}

.neo__menu {
  flex: 0 0 auto;
  border: solid rgba(255, 255, 255, 0) 1.3px;
  position: absolute;
  top: 46px;
  right: 6vw;
  cursor: pointer;
  display: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.neo__menu > div {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.neo__menu > div._front span {
  display: block;
  width: 22px;
  height: 1px;
  margin-bottom: 7px;
  overflow: hidden;
  position: relative;
  float: left;
}
.neo__menu > div._front span:last-child {
  margin: 0;
}
.neo__menu > div._front span:before, .neo__menu > div._front span:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #2460d1;
  -webkit-transform: translateX(-200%);
  -moz-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  -o-transform: translateX(-200%);
  transform: translateX(-200%);
  -webkit-transition: transform ease 300ms;
  -moz-transition: transform ease 300ms;
  -ms-transition: transform ease 300ms;
  -o-transition: transform ease 300ms;
  transition: transform ease 300ms;
}
.neo__menu > div._front span:after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.neo__menu > div._front span:nth-child(1), .neo__menu > div._front span:nth-child(2) {
  width: 30px;
}
.neo__menu > div._front span:nth-child(1):before, .neo__menu > div._front span:nth-child(1):after, .neo__menu > div._front span:nth-child(2):before, .neo__menu > div._front span:nth-child(2):after {
  transition-delay: 75ms;
}
.neo__menu > div._front span:last-child:before, .neo__menu > div._front span:last-child:after {
  transition-delay: 150ms;
}
.neo__menu > div._back span {
  display: block;
  width: 18px;
  height: 1px;
  background: #2460d1;
  transform: translateY(50%) rotate(45deg) scaleX(0);
  transition: transform ease 200ms;
}
.neo__menu > div._back span:last-child {
  transform: translateY(-50%) rotate(-45deg) scaleX(0);
}
.neo__menu:hover > div._front span:before {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.neo__menu:hover > div._front span:after {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
  transform: translateX(200%);
}

.neo__menu.active {
  border: solid white 1.3px;
}
.neo__menu.active > div._front:before {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.neo__menu.active > div._front span:before {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.neo__menu.active > div._front span:after {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
  transform: translateX(200%);
}
.neo__menu.active > div._back span {
  transition-delay: 450ms;
  transform: translateY(50%) rotate(45deg) scaleX(1);
}
.neo__menu.active > div._back span:last-child {
  transform: translateY(-50%) rotate(-45deg) scaleX(1);
}

.neo__menu {
  z-index: 100;
  height: 36px;
  width: 36px;
}
.neo__menu.sticky {
  -webkit-transition: all 0.44s ease-in-out;
  -moz-transition: all 0.44s ease-in-out;
  -ms-transition: all 0.44s ease-in-out;
  -o-transition: all 0.44s ease-in-out;
  transition: all 0.44s ease-in-out;
}

.neoNav.animated {
  background: #173e86;
  position: fixed;
  width: 50vw;
  max-width: 380px;
  min-width: 280px;
  height: 100vh;
  z-index: 1002;
}
.neoNav.animated > ul {
  display: block;
  width: 80%;
  margin: calc(5vh + 50px) auto 0;
  height: 85vh;
  min-height: 650px;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px 0;
}
.neoNav.animated > ul:before, .neoNav.animated > ul:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neoNav.animated > ul > li {
  width: 100%;
  display: block;
  margin: calc(1vh + 5px) 0;
  padding: 3vh 0;
  text-align: center;
  height: auto;
  border-bottom: solid rgba(234, 234, 234, 0.25) 1px;
}
.neoNav.animated > ul > li:last-child {
  border: none;
}
.neoNav.animated > ul > li a {
  display: table;
  position: relative;
  margin: 0;
  margin: 0 !important;
}
.neoNav.animated > ul > li .soon {
  pointer-events: none;
}
.neoNav.animated > ul > li .soon:before {
  content: "Coming soon";
  position: absolute;
  top: -30px;
  left: 0;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.25);
}
.neoNav.animated > ul > li .soon span {
  color: rgba(234, 234, 234, 0.25);
}
.neoNav.animated > ul > li span {
  position: relative;
  left: 0;
  top: 0;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  color: white;
  font-family: "DINEngschriftStd";
  font-weight: bold;
  font-size: 26px;
}
@media screen and (max-width: 1480px) {
  .neoNav.animated > ul > li span {
    font-size: calc(26px + -8 * (100vw - 1480px) / -1020);
  }
}
@media screen and (max-width: 460px) {
  .neoNav.animated > ul > li span {
    font-size: 18px;
  }
}

/* ******************************************************** */
/* ***********************************************************
## PROJECT SPECIFIC STYLES
*********************************************************** */
* {
  font-size: 1.5rem;
  font-weight: 200;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

html,
body {
  background: transparent;
  top: 0;
  margin: 0;
}

html {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
}

body {
  background: white;
}

body::-webkit-scrollbar {
  width: 1.55em;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
  background: #173e86;
  outline: 1px solid #173e86;
}

h2 {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  color: black;
  font-size: 24px;
  line-height: 1.71;
  font-family: "DINEngschriftStd";
}

p {
  font-size: 16px;
  color: black;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
}

.neo_banner {
  width: 100%;
  height: 34px;
  background: #173e86;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
}
.neo_banner p {
  margin: 0 0 0 8.5vw;
  text-align: center;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  color: white;
  font-size: 14px;
  font-family: "Lato-Regular";
  line-height: 34px;
  font-size: 14px;
}
@media screen and (max-width: 1480px) {
  .neo_banner p {
    font-size: calc(14px + -2 * (100vw - 1480px) / -520);
  }
}
@media screen and (max-width: 960px) {
  .neo_banner p {
    font-size: 12px;
  }
}

header {
  position: absolute;
  top: 34px;
  right: 0;
  z-index: 1000;
  background: white;
  height: 66px;
  width: calc(100vw - (100vw - 100%));
  overflow: hidden;
  max-width: 100vw;
}
header.opened {
  overflow: visible;
}
header > div {
  float: left;
  overflow: hidden;
  margin: 0 0 0 7vw;
  max-height: 66px;
  height: 100%;
  position: relative;
  width: 180px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
header > div > a {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
header > div > a > img, header > div > a > svg {
  height: 100%;
  display: block;
  max-width: 160px;
  max-height: 42px;
}
header > small {
  -webkit-transition: all 0.24s ease-in-out;
  -moz-transition: all 0.24s ease-in-out;
  -ms-transition: all 0.24s ease-in-out;
  -o-transition: all 0.24s ease-in-out;
  transition: all 0.24s ease-in-out;
  content: "";
  width: 673px;
  height: 600px;
  position: absolute;
  top: -415px;
  left: -70px;
  z-index: -1;
  background-image: url("../_ui/graphics/sign-in/blue-left-blob.svg");
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  -o-background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
}
header > h6 {
  position: absolute;
  top: 10px;
  right: 7vw;
  white-space: nowrap;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  font-family: "DINEngschriftStd";
  line-height: 1.23;
  text-align: right;
  color: #2460d1;
}
header > span {
  background-image: url("../_ui/graphics/02-white-hero-nav-asset.svg");
  background-position: top center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  -o-background-size: contain;
  background-repeat: no-repeat;
  width: 85vw;
  height: 66px;
  content: "";
  z-index: -2;
  position: absolute;
  top: 0;
  right: 0;
}
header > nav {
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
}
header > nav > ul {
  width: auto;
  list-style: none;
  list-style-type: none;
  height: 25px;
  margin: 30px 4vw 0 0;
}
header > nav > ul > li {
  display: inline-block;
  margin: 0 0.2vw;
  min-width: 140px;
  width: 140px;
  position: relative;
  height: 100%;
  text-align: center;
}
header > nav > ul > li.neo_lobby {
  display: none;
}
header > nav > ul > li > a {
  display: table;
  height: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
header > nav > ul > li > a span {
  visibility: hidden;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  white-space: nowrap;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 21px;
  line-height: 1.38;
  color: #141414;
  font-family: "DINEngschriftStd";
}
header > nav > ul > li > a span:nth-of-type(1) {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  display: inline-block;
}
header > nav > ul > li > a.soon {
  cursor: default;
  white-space: nowrap;
}
header > nav > ul > li > a.soon span {
  color: rgba(68, 74, 84, 0.75);
}
header > nav > ul > li > a:hover {
  color: #209fe2;
}
header > nav > ul > li > a:hover span {
  color: #209fe2;
}
header > nav > ul > li > a:hover.soon span {
  color: #209fe2;
}
header > nav > ul > li > a:hover.soon span:nth-of-type(1) {
  visibility: hidden;
  display: none;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: visibility 0.4s, opacity 0.5s linear;
  -moz-transition: visibility 0.4s, opacity 0.5s linear;
  -ms-transition: visibility 0.4s, opacity 0.5s linear;
  -o-transition: visibility 0.4s, opacity 0.5s linear;
  transition: visibility 0.4s, opacity 0.5s linear;
}
header > nav > ul > li > a:hover.soon span:nth-of-type(2) {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  display: block;
}
header > nav > ul > li.active > a {
  color: #209fe2;
  pointer-events: none;
}
header > nav > ul > li.active > a span {
  color: #209fe2;
  pointer-events: none;
}

main {
  margin: 0;
  width: calc(100vw - (100vw - 100%));
  overflow: hidden;
  position: relative;
  font-size: 16px;
  color: black;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
}

footer {
  width: calc(100vw - (100vw - 100%));
  height: auto;
  background: transparent;
  position: fixed;
  bottom: 0;
}
footer:before, footer:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
footer > div {
  display: block;
  width: 80%;
  margin: 0 auto;
}
footer > div:before, footer > div:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
footer > div > div {
  width: 49.5%;
  margin: 0 1% 1% 0;
  padding: 0;
  float: left;
}
footer > div > div:nth-child(2n+2) {
  margin: 0 0 1% 0;
}
@media only screen and (max-width: 960px) {
  footer > div > div {
    width: 49.5%;
    margin: 0 1% 1% 0;
  }
  footer > div > div:nth-child(2n+2) {
    margin: 0 1% 1% 0;
  }
  footer > div > div:nth-child(3n+3) {
    margin: 0 1% 1% 0;
  }
  footer > div > div:nth-child(2n+2) {
    margin: 0 0 1% 0;
  }
}
@media only screen and (max-width: 460px) {
  footer > div > div {
    width: 100%;
    margin: 0 0.5% 0.5% 0;
  }
  footer > div > div:nth-child(2n+2) {
    margin: 0 0.5% 0.5% 0;
  }
  footer > div > div:nth-child(2n+2) {
    margin: 0 0.5% 0.5% 0;
  }
  footer > div > div:nth-child(2n+2) {
    margin: 0 0.5% 0.5% 0;
  }
  footer > div > div:nth-child(1n+1) {
    margin: 0 0 0.5% 0;
  }
}
footer > div p {
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-family: "Lato-Bold";
  font-size: 18px;
  font-weight: 600;
  line-height: 1.22;
  color: #444a54;
}
footer > p {
  position: absolute;
  right: 10%;
  bottom: 10%;
  color: white;
  font-size: 14px;
  line-height: 1.23;
  font-weight: 400;
  font-family: "Lato-Light";
}
footer.neo__cp > div > div {
  position: relative;
}
footer.neo__cp > div > div:before, footer.neo__cp > div > div:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
footer.neo__cp > div > div img, footer.neo__cp > div > div svg {
  float: right;
  max-height: 150px;
  width: auto;
  position: absolute;
  right: 0;
  bottom: 0;
}
footer.neo__main {
  position: relative;
  background: #173e86;
  padding: 25px 0 10px;
  z-index: 10;
}
footer.neo__main > div p {
  color: white;
  font-size: 14px;
  line-height: 1.23;
  font-weight: 400;
  font-family: "Lato-Light";
}
footer.neo__main > div > div {
  position: relative;
}
footer.neo__main > div > div:first-child img, footer.neo__main > div > div:first-child svg {
  margin: 20px 0 80px 0;
  height: 50px;
  width: auto;
}
footer.neo__main > div > div:last-child img, footer.neo__main > div > div:last-child svg {
  float: right;
  max-height: 100px;
  width: auto;
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
}
footer.neo__main > div > div:last-child .neo_btp {
  width: 58px;
  height: 58px;
  position: absolute;
  top: -48px;
  right: 0;
  cursor: pointer;
  white-space: nowrap;
  content: "";
  text-indent: -9999px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-image: url("../_ui/graphics/grfx-back-to-top.svg");
  background-repeat: no-repeat;
}
footer.neo__main > div > div:last-child .neo_btp:hover {
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  -ms-opacity: 0.85;
  -o-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

section {
  position: relative;
  z-index: 10;
  display: block;
}
section:before, section:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}

.neo__bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.neo__bg figure {
  background-size: cover;
  background-position: center center;
  background-position: center center;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 100%;
  display: block;
  height: auto;
  position: relative;
  height: 100%;
}
.neo__bg figure:before, .neo__bg figure:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo__bg figure span {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
}
.neo__bg figure img {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  animation-duration: 3s;
}
.neo__bg figure span {
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0;
}

.neo__hero {
  height: 57vh;
  width: 100%;
  margin: auto;
  background: white;
}
.neo__hero .swiper-container {
  height: 100%;
  overflow: visible;
}
.neo__hero figure {
  background-size: cover;
  background-position: center center;
  background-position: center center;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 100%;
  display: block;
  height: auto;
  position: relative;
  height: 100%;
  color: white;
}
.neo__hero figure:before, .neo__hero figure:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo__hero figure span {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
}
.neo__hero figure img {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  animation-duration: 3s;
}
.neo__hero figure span {
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
}
.neo__hero figure figcaption {
  position: absolute;
  bottom: 6vw;
  left: 10vw;
  z-index: 2;
}
.neo__hero figure figcaption h4 {
  position: relative;
  display: block;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  color: white;
  font-size: 50px;
  font-family: "merck";
  line-height: 1.68;
  font-size: 50px;
}
@media screen and (max-width: 1480px) {
  .neo__hero figure figcaption h4 {
    font-size: calc(50px + -10 * (100vw - 1480px) / -520);
  }
}
@media screen and (max-width: 960px) {
  .neo__hero figure figcaption h4 {
    font-size: 40px;
  }
}
.neo__hero figure h1 {
  position: absolute;
  bottom: 12vh;
  left: 12vw;
  display: block;
  z-index: 10;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  color: white;
  font-size: 84px;
  font-family: "DINEngschriftStd";
  line-height: 1.4;
  font-size: 84px;
}
@media screen and (max-width: 1480px) {
  .neo__hero figure h1 {
    font-size: calc(84px + -30 * (100vw - 1480px) / -520);
  }
}
@media screen and (max-width: 960px) {
  .neo__hero figure h1 {
    font-size: 54px;
  }
}
.neo__hero aside.neo_homeMovieLink {
  position: absolute;
  bottom: 8vh;
  left: 8vw;
  display: block;
  z-index: 10;
}
.neo__hero aside.neo_homeMovieLink img {
  width: 19vw;
}
.neo__hero .swiper-container-horizontal > .swiper-pagination-bullets, .neo__hero .swiper-pagination-custom, .neo__hero .swiper-pagination-fraction {
  bottom: 60px;
}
.neo__hero .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.95);
}
.neo__hero .neo_event {
  z-index: 1;
  height: 100%;
  width: 40%;
  position: absolute;
  top: 0;
  left: 0;
}
.neo__hero .neo_event span {
  content: "";
  z-index: -1;
}
.neo__hero .neo_event span.purple {
  width: 800px;
  height: calc(100vh + 280px);
  left: -180px;
  top: -260px;
  position: absolute;
  z-index: -1;
  background-image: url("../_ui/graphics/logged-in/purple-left-text-background-blob.svg");
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  -o-background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.neo__hero .neo_event > div {
  margin: calc(11vh + 70px) 0 0 6vw;
  width: 70%;
  z-index: 100;
}
.neo__hero .neo_event > div h4 {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-family: "Lato-Bold";
  font-size: 22px;
  line-height: 1.23;
  color: white;
  display: block;
  margin: 15px 0;
}
.neo__hero .neo_event > div h6 {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-family: "merck";
  font-size: 46px;
  line-height: 0.89;
  color: white;
  display: block;
}
.neo__hero .neo_event > div h6:nth-of-type(2) {
  color: white;
  padding: 5px 20px;
}
.neo__hero .neo_event > div h6:nth-of-type(2) sup {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-family: "merck";
  font-size: 26px;
  line-height: 0.89;
  color: white;
}
.neo__hero .neo_event > div h3 {
  margin: calc(1vw + 5px) 0 calc(1vw + 10px);
  display: block;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-family: "merck";
  font-size: 21px;
  line-height: 1.33;
  color: white;
}
.neo__hero .neo_event > div .neo_timer:before, .neo__hero .neo_event > div .neo_timer:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo__hero .neo_event > div .neo_timer p {
  display: inline-block;
  margin: 0 35px 35px 0;
  position: relative;
  min-width: 50px;
  text-align: center;
}
.neo__hero .neo_event > div .neo_timer p:nth-of-type(2):after, .neo__hero .neo_event > div .neo_timer p:nth-of-type(3):after {
  content: ":";
  position: absolute;
  top: 0;
  right: -25px;
  display: inline-block;
}
.neo__hero .neo_event > div .neo_timer p:nth-of-type(1) {
  margin: 0 15px 35px 0;
}
.neo__hero .neo_event > div .neo_timer span, .neo__hero .neo_event > div .neo_timer p, .neo__hero .neo_event > div .neo_timer b {
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  color: #f1a144;
  font-size: 35px;
  font-family: "merck";
  font-weight: 600;
  line-height: 1.88;
  font-size: 35px;
}
@media screen and (max-width: 1480px) {
  .neo__hero .neo_event > div .neo_timer span, .neo__hero .neo_event > div .neo_timer p, .neo__hero .neo_event > div .neo_timer b {
    font-size: calc(35px + -13 * (100vw - 1480px) / -520);
  }
}
@media screen and (max-width: 960px) {
  .neo__hero .neo_event > div .neo_timer span, .neo__hero .neo_event > div .neo_timer p, .neo__hero .neo_event > div .neo_timer b {
    font-size: 22px;
  }
}
.neo__hero .neo_event > div .neo_timer span {
  display: block;
  font-size: 11px;
  line-height: 1.18;
  font-family: "Lato-Bold";
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
  min-width: 35px;
  margin: -10px 0 0 0;
}
.neo__hero .neo_event > div .neo_btn {
  margin: 15px 0 0 0;
}
.neo__hero.neo_page {
  max-height: 650px;
  position: relative;
  z-index: 100;
}
.neo__hero.neo_page figure {
  background-position: top center;
  background-repeat: no-repeat;
}
.neo__hero.neo_page iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.neo__hero.neo_vr {
  min-height: 750px;
  height: 90vh;
  position: relative;
}

.neo_shape {
  content: "";
  z-index: -1;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.neo_shape.purple {
  width: 1360px;
  height: 1110px;
  right: -700px;
  top: -300px;
  position: absolute;
  z-index: 0;
  background-image: url("../_ui/graphics/sign-in/purple-right-blob.svg");
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  -o-background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.neo_shape.blue-left {
  width: 487px;
  height: 486px;
  position: absolute;
  left: -210px;
  bottom: -360px;
  background-image: url("../_ui/graphics/logged-in/blue-left-corner-blob.svg");
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  -o-background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: rotate(165deg);
  -moz-transform: rotate(165deg);
  -ms-transform: rotate(165deg);
  -o-transform: rotate(165deg);
  transform: rotate(165deg);
}
.neo_shape.purple-right {
  position: absolute;
  width: 484px;
  height: 1403px;
  top: 0;
  right: -400px;
  background-image: url("../_ui/graphics/logged-in/purple-right-bottom-blobs.svg");
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  -o-background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.neo_shape.yellow-right {
  position: absolute;
  width: 600px;
  height: 1403px;
  top: 0;
  right: -380px;
  background-image: url("../_ui/agenda/04-yellow-right-asset.svg");
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  -o-background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.neo__agenda {
  background: white;
  z-index: 0;
  overflow: hidden;
}
.neo__agenda > div {
  margin: 0 auto;
  width: 65%;
  padding: calc(2vw + 20px) 0;
  z-index: 100;
}
.neo__agenda > div:before, .neo__agenda > div:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo__agenda > div h2 {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  color: #209fe2;
  font-size: 32px;
  line-height: 1.66;
  font-family: "merck";
  display: block;
  margin: 20px auto;
  text-align: center;
}

#template-events .neo__hero .neo_event > div h4 {
  color: #f1a144;
}
#template-events .neo__hero .neo_event > div h3 {
  font-size: 16px;
  margin: 20px 0;
}
#template-events .neo__hero .neo_event > div h3:nth-of-type(2) {
  margin: 0;
}
#template-events a {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-family: "Lato-Bold";
  font-weight: bold;
  line-height: 1.24;
  font-size: 17px;
  color: white;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
#template-events a:hover {
  color: rgba(255, 255, 255, 0.95);
}
#template-events a.neo_agenda {
  position: relative;
}
#template-events a.neo_agenda:hover {
  color: black;
}
#template-events a.neo_agenda:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -15px;
  height: 10px;
  width: 100px;
  background-image: url("../_ui/grfx-agenda-underline.svg");
  -webkit-background-size: conta;
  -moz-background-size: conta;
  background-size: conta;
  -o-background-size: conta;
  background-repeat: no-repeat;
}
#template-events a.mfpclose {
  margin: 20px auto;
}

.neo__check {
  position: relative;
  height: 100vh;
}
.neo__check > div {
  min-width: 600px;
  max-width: 700px;
  background: #2460d1;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.neo__check > div:before, .neo__check > div:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo__check > div h2 {
  text-align: center;
  display: block;
  margin: 0 0 25px 0;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  color: #173e86;
  font-size: 29px;
  line-height: 1.07;
  font-family: "merck";
}
.neo__check > div h6 {
  display: block;
  margin: 2px 0;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 12px;
  color: white;
  font-family: "Lato-Bold";
  font-weight: bold;
  line-height: 1.25;
}

body {
  -webkit-overflow-scrolling: touch;
}

body.noscroll {
  padding: 0 10px 0 0;
  overflow: hidden;
  -webkit-overflow-scrolling: auto;
}
body.noscroll:after {
  height: 100vh;
  background: #4a358d;
  width: 10px;
  position: fixed;
  top: 0;
  right: 0;
  content: "";
}

.mfp-wrap {
  position: fixed;
  overflow: auto;
  background: white;
  z-index: 5000;
}

.neo__search {
  position: relative;
  display: block;
}
.neo__search:before, .neo__search:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo__search > div {
  margin: 4vw auto;
  width: 80%;
}
.neo__search > div:before, .neo__search > div:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo__search > div h3 {
  margin: 30px 0 10px;
  display: block;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-family: "Lato-Bold";
  font-weight: bold;
  font-size: 20px;
  color: #2460d1;
}

.neo_shapes {
  content: "";
  position: absolute;
  z-index: 1;
  background-size: cover;
  background-position: center center;
  background-position: left top;
  background-repeat: no-repeat;
}
.neo_shapes.white-hero-mask {
  background-image: url("../_ui/abstract/00-white-hero-mask-asset.svg");
  background-position: left top;
  background-repeat: no-repeat;
  width: 100vw;
  height: 50px;
  bottom: 0;
  left: 0;
}
.neo_shapes.purple-agenda {
  background-image: url("../_ui/home/03-purple-agenda-asset.svg");
  background-position: left top;
  background-repeat: no-repeat;
  width: 350px;
  height: 100%;
  bottom: 50px;
  right: -150px;
}
.neo_shapes.blue-abstracts {
  background-image: url("../_ui/home/04-blue-abstracts-asset.svg");
  background-position: right top;
  background-repeat: no-repeat;
  width: 25vw;
  max-width: 350px;
  height: 100%;
  top: -50px;
  left: 0px;
}
.neo_shapes.green-posters {
  background-image: url("../_ui/home/05-green-posters-asset.svg");
  background-position: left top;
  background-repeat: no-repeat;
  width: 350px;
  height: 150%;
  bottom: -10%;
  right: -10px;
}
.neo_shapes.yellow-live-talks {
  background-image: url("../_ui/home/06-yellow-live-talks-asset.svg");
  background-position: right top;
  background-repeat: no-repeat;
  width: 25vw;
  max-width: 350px;
  height: 100%;
  top: -50px;
  left: 0px;
}
.neo_shapes.blue-poster-QandA {
  background-image: url("../_ui/home/07-blue-poster-QandA-asset.svg");
  background-position: left top;
  background-repeat: no-repeat;
  width: 350px;
  height: 150%;
  bottom: -10%;
  right: -150px;
}

.neo_btn.help {
  position: absolute;
  right: 4vw;
  bottom: calc(4vw + 20px);
  padding: 15px 35px;
  background: #209fe2;
  cursor: pointer;
  border: none;
  outline: none;
  display: none;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  color: white;
  font-family: "Lato-Bold";
  font-size: 12px;
  line-height: 14px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.neo__hero.neo_vr .neo_btn.help {
  display: block;
}

.neo__help {
  position: relative;
  padding: 25px;
  max-width: 800px;
  width: 50vw;
  height: 70vh;
  display: block;
  margin: 0 auto;
  background: #173e86;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}
.neo__help > div {
  height: 96%;
  max-height: 100%;
}
.neo__help h2 {
  display: block;
  margin: 10px 0 25px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-decoration: none;
  font-size: 29px;
  line-height: 1.07;
  color: #f2b50e;
  font-family: "DINEngschriftStd";
  text-transform: uppercase;
}
.neo__help p {
  margin: 18px 0;
  color: white;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  color: white;
}
.neo__help p a {
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  color: white;
}
.neo__help p a:hover {
  text-decoration: underline;
}

#wpadminbar {
  display: none;
}

/* ***********************************************************
## FORUMs
*********************************************************** */
.neo__forums {
  display: block;
  width: 80%;
  margin: 0 auto;
  padding: calc(120px + 6vw) 0 4vw 0;
}
.neo__forums .entry-header {
  display: none;
}
.neo__forums.has_hero {
  padding: 4vw 0;
}
.neo__forums form {
  margin: 0 auto;
  width: 96%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.neo__forums form:before, .neo__forums form:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo__forums form input[type=text], .neo__forums form select {
  background: #eaeaea;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 14px;
  color: black;
}
.neo__forums form label {
  margin: 20px 0 0 0;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 13px;
  color: black;
}
.neo__forums form button[type=submit] {
  background: #209fe2;
  outline: none;
  border: none;
  padding: 8px 15px;
  cursor: pointer;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 13px;
  color: white;
  font-weight: bold;
  font-family: "Lato-Bold";
  -webkit-border-radius: 0 5px 5px 2px;
  -moz-border-radius: 0 5px 5px 2px;
  -ms-border-radius: 0 5px 5px 2px;
  -o-border-radius: 0 5px 5px 2px;
  border-radius: 0 5px 5px 2px;
}
.neo__forums .bbp-breadcrumb {
  margin: 20px 0;
}
.neo__forums .bbp-breadcrumb a, .neo__forums .bbp-breadcrumb span {
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 15px;
  color: black;
  font-weight: bold;
  font-family: "Lato-Bold";
}
.neo__forums .bbp-breadcrumb a:hover {
  color: #209fe2;
}
.neo__forums .bbp-breadcrumb span:nth-of-type(1),
.neo__forums .bbp-breadcrumb a:first-child {
  display: none;
}
.neo__forums .bbp-breadcrumb a:nth-of-type(2) {
  color: transparent !important;
  position: relative;
}
.neo__forums .bbp-breadcrumb a:nth-of-type(2):after {
  content: "Chats";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 15px;
  color: black;
  font-weight: bold;
  font-family: "Lato-Bold";
}
.neo__forums #bbpress-forums div.bbp-search-form {
  float: left;
  width: 100%;
  height: 80px;
  margin: 0 auto;
}
.neo__forums .bbp-topic-form,
.neo__forums .bbp-reply-form {
  margin: calc(4vw + 50px) auto 0;
}
.neo__forums .bbp-forum-title {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 20px;
  line-height: 1.2;
  color: black;
}
.neo__forums .bbp-forum-title:hover {
  color: #209fe2;
}
.neo__forums #bbpress-forums #bbp-search-form {
  min-height: 80px;
  max-height: 80px;
}
.neo__forums #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 14px;
  color: black;
  width: 100%;
  background: #eaeaea;
}
.neo__forums #bbpress-forums fieldset.bbp-form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.neo__forums #bbpress-forums fieldset.bbp-form label {
  margin: 10px 0;
  position: relative;
  top: 0;
}
.neo__forums #bbpress-forums fieldset.bbp-form p {
  display: none;
}
.neo__forums #bbpress-forums fieldset.bbp-form p:nth-of-type(1) {
  display: block;
}
.neo__forums #bbpress-forums li.bbp-header {
  background: #f1a144;
  padding: 15px 10px;
}
.neo__forums #bbpress-forums li.bbp-header li {
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 20px;
  color: white;
  font-weight: bold;
  font-family: "Lato-Bold";
}

.bbp-search-form form {
  width: 100%;
  margin: 20px auto;
}
.bbp-search-form div {
  margin: 30px 0 0 0;
}
.bbp-search-form input[type=text], .bbp-search-form select {
  background: #eaeaea;
  width: 50%;
  height: 40px;
  margin: 0 0 0 0;
  min-width: 50%;
  padding: 0 15px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 14px;
  color: black;
  border: solid rgba(68, 74, 84, 0.25) 1px;
}
.bbp-search-form input[type=submit] {
  background: #209fe2;
  outline: none;
  border: none;
  padding: 8px 15px;
  cursor: pointer;
  height: 40px;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 13px;
  color: white;
  font-weight: bold;
  font-family: "Lato-Bold";
  -webkit-border-radius: 0 5px 5px 2px;
  -moz-border-radius: 0 5px 5px 2px;
  -ms-border-radius: 0 5px 5px 2px;
  -o-border-radius: 0 5px 5px 2px;
  border-radius: 0 5px 5px 2px;
}

div.bbp-template-notice,
div.indicator-hint {
  width: 98%;
  color: black;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 12px;
}

.bbp-author-avatar {
  display: none;
}

.bbp-topic-title a {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 20px;
  line-height: 1.2;
  color: black;
}
.bbp-topic-title:hover {
  color: #209fe2;
}
.bbp-topic-title .bbp-author-link {
  pointer-events: none;
}
.bbp-topic-title .bbp-author-name {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: rgba(0, 0, 0, 0.5);
  text-transform: capitalize;
}

.bbp-author-link {
  pointer-events: none;
}
.bbp-author-link span {
  color: rgba(68, 74, 84, 0.7);
}

li.bbp-forum-freshness, li.bbp-topic-freshness {
  text-align: left;
  padding: 0 0 0 10px;
}
li.bbp-forum-freshness a, li.bbp-topic-freshness a {
  pointer-events: none;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  font-family: "Lato-Regular";
  line-height: 1.19;
  letter-spacing: normal;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  color: black;
  text-transform: capitalize;
}
li.bbp-forum-freshness span, li.bbp-topic-freshness span {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: rgba(0, 0, 0, 0.5);
  text-transform: capitalize;
}

.forum-titles .bbp-topic-reply-count,
.forum-titles .bbp-topic-voice-count {
  white-space: nowrap;
  text-indent: -9999px;
  position: relative;
}
.forum-titles .bbp-topic-reply-count:after,
.forum-titles .bbp-topic-voice-count:after {
  background-image: url("../_ui/graphics/chat.png");
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  -o-background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: table;
  -webkit-opacity: 0.55;
  -moz-opacity: 0.55;
  -ms-opacity: 0.55;
  -o-opacity: 0.55;
  opacity: 0.55;
  filter: alpha(opacity=55);
}
.forum-titles .bbp-topic-reply-count:after {
  background-image: url("../_ui/graphics/team.png");
  background-repeat: no-repeat;
}

.bbp-template-notice {
  display: none;
}

#subscription-toggle {
  color: transparent;
}

.subscription-toggle {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  letter-spacing: normal;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.2;
  color: black;
}
.subscription-toggle:hover {
  color: #209fe2;
}

.neo_mingle_vr {
  width: 100%;
  display: block;
  height: 100vh;
  min-height: 750px;
}
.neo_mingle_vr:before, .neo_mingle_vr:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo_mingle_vr iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 8888;
}
.neo_mingle_vr small.btn-click-drag {
  position: absolute;
  right: 0;
  bottom: 50px;
  left: 0;
  margin: 0 auto;
  display: table;
  width: 240px;
  height: 45px;
  content: "";
  z-index: 8889;
  pointer-events: none;
}
.neo_mingle_vr small.btn-click-drag:before, .neo_mingle_vr small.btn-click-drag:after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid rgba(255, 255, 255, 0.5) 2px;
  border-left: solid rgba(255, 255, 255, 0.5) 2px;
}
.neo_mingle_vr small.btn-click-drag:before {
  top: 18px;
  left: 15px;
  -webkit-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
.neo_mingle_vr small.btn-click-drag:after {
  top: 18px;
  right: 15px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.neo_mingle_vr small.btn-click-drag img, .neo_mingle_vr small.btn-click-drag svg {
  display: block;
  width: 100%;
  height: auto;
}

.bbp-header .bbp-forum-info {
  color: transparent;
  position: relative;
  color: transparent !important;
}
.bbp-header .bbp-forum-info:after {
  content: "Chats";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 20px;
  color: white;
  font-weight: bold;
  font-family: "Lato-Bold";
}

body#archive .bbp-breadcrumb-current {
  color: transparent !important;
  position: relative;
}
body#archive .bbp-breadcrumb-current:after {
  content: "Chats";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 15px;
  color: black;
  font-weight: bold;
  font-family: "Lato-Bold";
}

.bbp-reply-post-date {
  position: relative;
}
.bbp-reply-post-date:after {
  display: inline-block;
  margin: 0 0 0 5px;
  content: "EST";
  z-index: 10;
}

.neo_poster_qa {
  min-height: 100vh;
}
.neo_poster_qa > div {
  margin: calc(20px + 4vw) auto calc(20px + 2vw);
  width: 80%;
}
.neo_poster_qa > div:before, .neo_poster_qa > div:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo_poster_qa > div._search {
  width: 100%;
}
.neo_poster_qa > div .neo_item {
  margin: 15px auto 40px;
  display: block;
  width: 100%;
  background: #eaeaea;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  visibility: hidden;
  display: none;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: visibility 0s, opacity 0.5s linear;
  -moz-transition: visibility 0s, opacity 0.5s linear;
  -ms-transition: visibility 0s, opacity 0.5s linear;
  -o-transition: visibility 0s, opacity 0.5s linear;
  transition: visibility 0s, opacity 0.5s linear;
}
.neo_poster_qa > div .neo_item:before, .neo_poster_qa > div .neo_item:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo_poster_qa > div .neo_item.active {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  display: block;
}
.neo_poster_qa > div .neo_item .neo_head {
  background: #2460d1;
  min-height: 60px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  padding: 18px 40px 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.neo_poster_qa > div .neo_item .neo_head h4 {
  display: block;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 19px;
  color: white;
}
.neo_poster_qa > div .neo_item .neo_body {
  display: block;
  width: 100%;
  min-height: 500px;
  padding: 40px 40px 10px 40px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: solid rgba(68, 74, 84, 0.75) 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.neo_poster_qa > div .neo_item .neo_body:before, .neo_poster_qa > div .neo_item .neo_body:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo_poster_qa > div .neo_item .neo_body > ul {
  width: 100%;
  display: block;
  margin: 0 auto;
  list-style: none;
  list-style-type: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: start;
  -webkit-justify-content: start;
  display: flex;
  flex-wrap: wrap;
}
.neo_poster_qa > div .neo_item .neo_body > ul:before, .neo_poster_qa > div .neo_item .neo_body > ul:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo_poster_qa > div .neo_item .neo_body > ul > li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  position: relative;
  flex-grow: 1;
  flex-basis: 16%;
  max-width: 16%;
}
.neo_poster_qa > div .neo_item .neo_body > ul > li > div {
  border: solid rgba(68, 74, 84, 0.75) 1px;
  background: white;
  width: 90%;
  margin: 0 auto;
  height: 140px;
  position: relative;
}
.neo_poster_qa > div .neo_item .neo_body > ul > li > div p {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.75);
  width: 90%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.neo_poster_qa > div .neo_item .neo_body > ul > li > div span {
  background-image: url("../_ui/posters_qa/blue-number-background.svg");
  background-size: cover;
  background-position: center center;
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 60px;
  text-align: center;
  padding: 2px 0 2px 8px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-family: "merck";
  font-size: 15px;
  line-height: 1.67;
  color: #209fe2;
}
.neo_poster_qa > div .neo_item .neo_body > ul > li h6 {
  display: block;
  width: 90%;
  margin: 15px auto 40px;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  line-height: 1.19;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.75);
}
.neo_poster_qa > div .neo_item .neo_body > ul > li > a {
  width: 100%;
  height: 100%;
  display: block;
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
}
.neo_poster_qa > div .neo_item .neo_body > ul > li:hover > div {
  border: solid #209fe2 1px;
}
.neo_poster_qa > div .neo_item .neo_body > ul > li:hover h6 {
  color: #209fe2;
  text-decoration: underline;
}

/* ***********************************************************
## LOAD
*********************************************************** */
/* ***********************************************************
## LOAD SASS LIBRARIES
*********************************************************** */
/* ***********************************************************
## GRID
*********************************************************** */
.neo__grid {
  z-index: 10;
}
.neo__grid > div {
  width: 70%;
  margin: 10vh auto;
  padding: calc(6vw + 50px) 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.neo__grid > div:before, .neo__grid > div:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo__grid > div article, .neo__grid > div aside {
  flex: 1;
  z-index: 100;
}
.neo__grid > div article {
  width: 60%;
  min-width: 60%;
  max-height: 1020px;
  position: relative;
}
.neo__grid > div article figure {
  background-size: cover;
  background-position: center center;
  background-position: center center;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 100%;
  display: block;
  height: auto;
  position: relative;
  height: 100%;
}
.neo__grid > div article figure:before, .neo__grid > div article figure:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo__grid > div article figure span {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
}
.neo__grid > div article figure img {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  animation-duration: 3s;
}
.neo__grid > div article figure span {
  background: rgba(0, 0, 0, 0.12);
}
.neo__grid > div article h4 {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-family: "Lato-Bold";
  font-size: 22px;
  line-height: 1.23;
  color: black;
  display: block;
  margin: 15px 0;
}
.neo__grid > div article h6 {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-family: "DINEngschriftStd";
  font-size: 46px;
  line-height: 0.89;
  color: #4a358d;
  display: block;
}
.neo__grid > div article h6:nth-of-type(2) {
  color: #209fe2;
  padding: 5px 20px;
}
.neo__grid > div article h6:nth-of-type(2) sup {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-family: "DINEngschriftStd";
  font-size: 26px;
  line-height: 0.89;
  color: #173e86;
}
.neo__grid > div article h3 {
  margin: calc(2vw + 20px) 0 calc(1vw + 10px);
  display: block;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-family: "DINEngschriftStd";
  font-size: 21px;
  line-height: 1.33;
  color: #4a358d;
}
.neo__grid > div article p {
  display: block;
  margin: 0 0 25px 0;
  width: 80%;
}
.neo__grid > div aside {
  position: relative;
  width: 40%;
  min-width: 40%;
}
.neo__grid > div aside div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.neo__grid > div aside div:before, .neo__grid > div aside div:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo__grid > div aside div h2 {
  display: block;
  margin: calc(4vh + 20px) 0 25px;
}
.neo__grid > div aside div p {
  margin: 10px 0;
  max-width: 500px;
  color: whitesmoke;
  font-size: 14px;
  line-height: 1.64;
  letter-spacing: 0.84px;
  width: 75%;
}
.neo__grid > div aside div h6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.64;
  letter-spacing: 0.84px;
  color: whitesmoke;
  display: block;
  margin: 40px 0 10px;
}
.neo__grid > div aside div > a:nth-of-type(1) {
  margin: 15px 0;
  min-width: 75px;
}
.neo__grid > div aside div small {
  content: "";
  height: 3px;
  width: 40px;
  margin: calc(2vw + 10px) 0;
  display: block;
  background: violet;
}
.neo__grid > div aside div > ul {
  width: 100%;
  display: block;
  margin: 0 0 2vw 0;
}
.neo__grid > div aside div > ul:before, .neo__grid > div aside div > ul:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.neo__grid > div aside div > ul li {
  width: 48.75%;
  margin: 0 2.5% 2.5% 0;
  padding: 0;
  float: left;
}
.neo__grid > div aside div > ul li:nth-child(2n+2) {
  margin: 0 0 2.5% 0;
}
@media only screen and (max-width: 960px) {
  .neo__grid > div aside div > ul li {
    width: 48%;
    margin: 0 4% 4% 0;
  }
  .neo__grid > div aside div > ul li:nth-child(2n+2) {
    margin: 0 4% 4% 0;
  }
  .neo__grid > div aside div > ul li:nth-child(3n+3) {
    margin: 0 4% 4% 0;
  }
  .neo__grid > div aside div > ul li:nth-child(2n+2) {
    margin: 0 0 4% 0;
  }
}
@media only screen and (max-width: 460px) {
  .neo__grid > div aside div > ul li {
    width: 100%;
    margin: 0 5% 5% 0;
  }
  .neo__grid > div aside div > ul li:nth-child(2n+2) {
    margin: 0 5% 5% 0;
  }
  .neo__grid > div aside div > ul li:nth-child(2n+2) {
    margin: 0 5% 5% 0;
  }
  .neo__grid > div aside div > ul li:nth-child(2n+2) {
    margin: 0 5% 5% 0;
  }
  .neo__grid > div aside div > ul li:nth-child(1n+1) {
    margin: 0 0 5% 0;
  }
}
.neo__grid > div aside div > ul li {
  position: relative;
}
.neo__grid > div aside div > ul li p {
  font-size: 13px;
  line-height: 1.23;
  width: 90%;
  margin: 5px 0;
}
.neo__grid > div aside div > ul li h4 {
  max-width: 200px;
  line-height: 1.4;
  font-size: 17px;
}
@media screen and (max-width: 1480px) {
  .neo__grid > div aside div > ul li h4 {
    font-size: calc(17px + -2 * (100vw - 1480px) / -520);
  }
}
@media screen and (max-width: 960px) {
  .neo__grid > div aside div > ul li h4 {
    font-size: 15px;
  }
}
.neo__grid._error > div article {
  width: 100%;
  text-align: center;
  margin: 6vw auto;
}
.neo__grid._error > div article h6 {
  margin: 25px auto;
}
.neo__grid.neo_full > div {
  width: 100%;
  margin: 0 auto;
  padding: calc(2vw + 50px) 0;
}
.neo__grid.neo_full._mingle > div, .neo__grid.neo_full._abstracts > div {
  padding: 0 0 calc(2vw + 50px) 0;
}
.neo__grid.neo_full._mingle > div aside div > a:nth-of-type(1), .neo__grid.neo_full._abstracts > div aside div > a:nth-of-type(1) {
  margin: 0 0 0 6vw;
}
.neo__grid.neo_full._mingle > div article figure, .neo__grid.neo_full._abstracts > div article figure {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.neo__grid.neo_full._mingle > div article iframe, .neo__grid.neo_full._abstracts > div article iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.neo__grid.neo_full._mingle > div article a, .neo__grid.neo_full._abstracts > div article a {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
}
.neo__grid.neo_full._mingle > div .neo__btn1 {
  background: #2460d1;
}
.neo__grid.neo_full._posters > div {
  padding: 0 0 calc(2vw + 50px) 0;
}
.neo__grid.neo_full._posters > div article figure {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.neo__grid.neo_full._posters > div article iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.neo__grid.neo_full._posters > div .neo__btn1 {
  background: #4fb46c;
}
.neo__grid.neo_full._livetalks > div {
  padding: 0 0 calc(2vw + 50px) 0;
}
.neo__grid.neo_full._livetalks > div aside div > a:nth-of-type(1) {
  margin: 0 0 0 6vw;
}
.neo__grid.neo_full._livetalks > div .neo__btn1 {
  background: #ff1773;
}
.neo__grid.neo_full._posterqa {
  overflow: hidden;
}
.neo__grid.neo_full._posterqa > div {
  padding: 0 0 calc(2vw + 50px) 0;
}
.neo__grid.neo_full._posterqa > div .neo__btn1 {
  background: #f1a144;
}

.js-accordion {
  border-radius: 8px;
  position: relative;
  z-index: 100;
}
.js-accordion .collapse {
  display: none;
  background: #eaeaea;
  border: solid rgba(68, 74, 84, 0.1) 1px;
}
.js-accordion .collapse:before, .js-accordion .collapse:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.js-accordion .btn-link {
  width: 100%;
  display: block;
  text-align: left;
  display: flex;
  align-items: center;
  cursor: pointer;
  outline: 0;
}
.js-accordion .btn-link span {
  flex-grow: 1;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-family: "Lato-Bold";
  font-weight: 900;
  color: white;
  line-height: 1.21;
  font-size: 19px;
}
.js-accordion .btn-link svg {
  transition: all 0.4s ease;
}
.js-accordion .btn-link.expanded svg {
  transform: rotate(-180deg);
}
.js-accordion .card {
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.11);
  background: #173e86;
  margin: 0 0 3px 0;
  padding: 14px 0 0 0;
}
.js-accordion .card.closed {
  background: #4a358d;
}
.js-accordion .card .card-header {
  padding: 10px 40px 20px;
}
.js-accordion .card .card-header .btn {
  padding: 0;
  background-color: var(--white);
  border: 0;
  color: white;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
.js-accordion .card .card-body {
  padding: calc(2vw + 10px);
}
.js-accordion .card .card-body:before, .js-accordion .card .card-body:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.js-accordion .card .card-body > div {
  float: left;
  display: inline-block;
  width: 100%;
}
.js-accordion .card .card-body > div:before, .js-accordion .card .card-body > div:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.js-accordion .card .card-body > div h6 {
  margin: 0 0 10px 0;
  display: block;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  font-family: "Lato-Regular";
  font-size: 16px;
  font-weight: 900;
  line-height: 1.19;
  color: #2460d1;
  text-decoration: underline;
}
.js-accordion .card .card-body > div p {
  display: block;
  font-size: 16px;
  line-height: 1.19;
  font-family: "Lato-Regular";
  margin: 0 0 calc(1vw + 10px) 0;
  width: 100%;
  max-width: 350px;
}
.js-accordion .card .card-body > div p span {
  display: inline-block;
  width: 50%;
  text-align: left;
  float: left;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  font-family: "Lato-Light";
  font-size: 16px;
  font-weight: 900;
  line-height: 1.44;
  color: black;
}
.js-accordion .card .card-body > div ul {
  width: 96%;
  list-style: none;
  list-style-type: none;
}
.js-accordion .card .card-body > div ul li {
  display: block;
  margin: 10px 0;
  padding: 15px 0;
  border-bottom: solid rgba(68, 74, 84, 0.2) 1px;
}
.js-accordion .card .card-body > div ul li p {
  width: 100%;
  display: block;
  max-width: 100%;
  margin: 0;
}
.js-accordion .card .card-body > div ul li span {
  width: 100%;
  display: block;
  margin: 10px 0 0 0;
  font-size: 14px;
  line-height: 1.19;
  font-family: "Lato-Regular";
  color: rgba(68, 74, 84, 0.8);
}
.js-accordion p:last-child {
  margin-bottom: 0;
}

svg {
  height: 1em;
}

form {
  display: block;
  position: relative;
  width: 100%;
  margin: 25px auto;
  min-height: 350px;
}
form:before, form:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
form > fieldset {
  width: 100%;
  margin: 0 6% 6% 0;
  padding: 0;
  float: left;
}
form > fieldset:nth-child(1n+1) {
  margin: 0 0 6% 0;
}
@media only screen and (max-width: 1280px) {
  form > fieldset {
    width: 100%;
    margin: 0 8% 8% 0;
  }
  form > fieldset:nth-child(1n+1) {
    margin: 0 8% 8% 0;
  }
  form > fieldset:nth-child(2n+2) {
    margin: 0 8% 8% 0;
  }
  form > fieldset:nth-child(1n+1) {
    margin: 0 0 8% 0;
  }
}
@media only screen and (max-width: 960px) {
  form > fieldset {
    width: 100%;
    margin: 0 10% 10% 0;
  }
  form > fieldset:nth-child(1n+1) {
    margin: 0 10% 10% 0;
  }
  form > fieldset:nth-child(2n+2) {
    margin: 0 10% 10% 0;
  }
  form > fieldset:nth-child(1n+1) {
    margin: 0 0 10% 0;
  }
}
@media only screen and (max-width: 460px) {
  form > fieldset {
    width: 100%;
    margin: 0 5% 5% 0;
  }
  form > fieldset:nth-child(1n+1) {
    margin: 0 5% 5% 0;
  }
  form > fieldset:nth-child(2n+2) {
    margin: 0 5% 5% 0;
  }
  form > fieldset:nth-child(1n+1) {
    margin: 0 0 5% 0;
  }
}
form > fieldset {
  position: relative;
}
form > fieldset > div {
  width: 100%;
  position: relative;
}
form > fieldset._half > div {
  display: inline-block;
  width: 46%;
  position: relative;
}
form > fieldset._half > div:first-child {
  float: left;
}
form > fieldset._half > div:last-child {
  float: right;
}
form > fieldset label {
  position: absolute;
  top: -30px;
  left: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  text-transform: initial;
  text-decoration: none;
  text-align: left;
  font-size: 15px;
  letter-spacing: 0.15px;
  line-height: 2;
  color: white;
  -webkit-border-radius: 0.6;
  -moz-border-radius: 0.6;
  -ms-border-radius: 0.6;
  -o-border-radius: 0.6;
  border-radius: 0.6;
}
form > fieldset label.error {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  color: #cc3e92;
  font-size: 10px;
  top: 0;
  right: 0;
  left: unset;
}
form > fieldset input[type=text], form > fieldset input[type=tel], form > fieldset input[type=email], form > fieldset textarea {
  -webkit-transition: border-color;
  -moz-transition: border-color;
  -ms-transition: border-color;
  -o-transition: border-color;
  transition: border-color;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  width: 100%;
  padding: 3px 10px 5px 0;
  display: block;
  outline: none;
  border-bottom: solid rgba(255, 255, 255, 0.5) 0px;
  -webkit-box-shadow: 0 1px 0px rgba(234, 234, 234, 0.1);
  -moz-box-shadow: 0 1px 0px rgba(234, 234, 234, 0.1);
  box-shadow: 0 1px 0px rgba(234, 234, 234, 0.1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  text-transform: initial;
  text-decoration: none;
  text-align: left;
  font-size: 15px;
  letter-spacing: 0.15px;
  line-height: 2;
  color: white;
}
form > fieldset input[type=text]:hover, form > fieldset input[type=tel]:hover, form > fieldset input[type=email]:hover, form > fieldset textarea:hover {
  -webkit-box-shadow: 0 1px 0px rgba(234, 234, 234, 0.1);
  -moz-box-shadow: 0 1px 0px rgba(234, 234, 234, 0.1);
  box-shadow: 0 1px 0px rgba(234, 234, 234, 0.1);
}
form > fieldset input[type=text]:focus ~ span:before, form > fieldset input[type=text]:focus ~ span:after, form > fieldset input[type=tel]:focus ~ span:before, form > fieldset input[type=tel]:focus ~ span:after, form > fieldset input[type=email]:focus ~ span:before, form > fieldset input[type=email]:focus ~ span:after, form > fieldset textarea:focus ~ span:before, form > fieldset textarea:focus ~ span:after {
  width: 50%;
}
form > fieldset input[type=text]:focus ~ label, form > fieldset input[type=tel]:focus ~ label, form > fieldset input[type=email]:focus ~ label, form > fieldset textarea:focus ~ label {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  left: 0;
  top: -15px;
  font-size: 14px;
}
form > fieldset input[type=text]:focus ~ label.error, form > fieldset input[type=tel]:focus ~ label.error, form > fieldset input[type=email]:focus ~ label.error, form > fieldset textarea:focus ~ label.error {
  top: 5px;
  right: 0;
  left: unset;
}
form > fieldset textarea {
  resize: none;
  margin: 20px 0 0 0;
  height: 80px;
  border: solid rgba(255, 255, 255, 0.5) 0px;
}
form > fieldset .neo_btn {
  display: table;
  margin: 0 auto;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: solid black 0px;
}
form > fieldset span {
  display: block;
  position: relative;
  width: 100%;
}
form > fieldset span:before, form > fieldset span:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  display: block;
  background: white;
  height: 1px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
form > fieldset span:after {
  right: 50%;
}
form > fieldset span:before {
  left: 50%;
}
form .mfpclose {
  display: table;
  margin: 0 auto;
  border: none;
  font-style: normal;
  font-stretch: normal;
  font-variant: initial;
  letter-spacing: normal;
  text-transform: initial;
  text-decoration: none;
  color: white;
  line-height: 1.2;
  font-size: 15px;
  font-family: Lato-Bold;
  font-weight: bold;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -ms-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
form .mfpclose:hover {
  color: black;
}

.neo_message {
  margin: 25px auto;
  width: 100%;
  display: block;
}
.neo_message p {
  color: white;
  text-align: center;
  margin: 35px 0;
}
.neo_message .neo_btn:hover {
  color: white;
}

*:focus {
  outline: none;
}

::-webkit-input-placeholder {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  text-transform: initial;
  text-decoration: none;
  text-align: left;
  font-size: 15px;
  letter-spacing: 0.15px;
  line-height: 2;
  color: white;
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  -ms-opacity: 0.85;
  -o-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

::-moz-placeholder {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  text-transform: initial;
  text-decoration: none;
  text-align: left;
  font-size: 15px;
  letter-spacing: 0.15px;
  line-height: 2;
  color: white;
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  -ms-opacity: 0.85;
  -o-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

:-ms-input-placeholder {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  text-transform: initial;
  text-decoration: none;
  text-align: left;
  font-size: 15px;
  letter-spacing: 0.15px;
  line-height: 2;
  color: white;
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  -ms-opacity: 0.85;
  -o-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

:-moz-placeholder {
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-variant: initial;
  font-family: "Lato-Regular";
  text-transform: initial;
  text-decoration: none;
  text-align: left;
  font-size: 15px;
  letter-spacing: 0.15px;
  line-height: 2;
  color: white;
  -webkit-opacity: 0.85;
  -moz-opacity: 0.85;
  -ms-opacity: 0.85;
  -o-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .js-accordion .card .card-header .btn {
    background: transparent !important;
  }

  .js-accordion .btn-link span {
    width: 100% !important;
  }

  .js-accordion .btn-link svg,
  .js-accordion .btn-link.expanded svg {
    width: 25px;
    float: right;
  }

  form > fieldset input[type=text], form > fieldset input[type=tel], form > fieldset input[type=email], form > fieldset textarea {
    min-height: 45px;
  }

  .swiper-button-next::after, .swiper-button-prev::after {
    font-family: "Lato-Regular";
  }
}
/* ******************************************************** */
/* ***********************************************************
## LARGE SCREENS
*********************************************************** */
@media screen and (max-width: 1480px) {
  header > h6 {
    right: 6vw;
  }

  header > span {
    right: -10vw;
    width: 100vw;
  }
  header > nav > ul > li {
    width: 130px;
    min-width: 130px;
  }
  header small {
    width: 600px;
    top: -400px;
  }

  .neo__grid > div {
    width: 80%;
    margin: 15vh auto;
  }

  .neo__search > div {
    width: 86%;
  }
}
@media screen and (max-width: 1280px) {
  .neo_banner p {
    margin: 0 0 0 9vw;
  }

  header > h6 {
    top: 25px;
    right: calc( 6vw + 60px );
  }

  header > nav {
    left: 0;
    right: unset;
    background: white;
    color: transparent;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    -webkit-transform: translateX(-800px);
    -moz-transform: translateX(-800px);
    -ms-transform: translateX(-800px);
    -o-transform: translateX(-800px);
    transform: translateX(-800px);
  }
  header > nav.animated {
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    left: 0;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }

  footer.neo__cp {
    position: relative;
  }
  footer.neo__cp > div p {
    margin: -30px 0 0 0;
  }

  .neo__menu {
    display: block;
    z-index: 1001;
  }

  .neo__hero .neo_event > div .neo_timer p {
    margin: 0 30px 35px 0;
    text-align: center;
  }

  .neo__hero .neo_event > div .neo_timer p:nth-of-type(2):after,
  .neo__hero .neo_event > div .neo_timer p:nth-of-type(3):after {
    right: -18px;
  }

  .neo__check > div {
    width: 45%;
  }

  .neo__hero .neo_event span.purple {
    top: -210px;
    height: 1240px;
  }

  .neo_shape.blue-left {
    bottom: -280px;
    left: -200px;
  }

  .neo__grid.neo_full._abstracts > div aside div > a:nth-of-type(1) {
    margin: 0 0 0 4vw;
  }

  .neo__search > div {
    width: 92%;
  }

  .neo_poster_qa > div .neo_item .neo_body > ul > li {
    min-width: 20%;
    max-width: 20%;
    width: 20%;
  }
}
@media screen and (max-width: 1080px) {
  .neo_banner p {
    margin: 0 0 0 10vw;
  }

  footer.neo__cp {
    position: relative;
  }
  footer.neo__cp > div p {
    margin: 0 0 30px 0;
  }
  footer.neo__cp > div > div img, footer.neo__cp > div > div svg {
    bottom: -30px;
  }

  .neo_shape.purple {
    right: -82vw;
  }

  .neo__grid > div article p {
    width: 90%;
  }

  .neo__hero .neo_event > div .neo_timer p {
    margin: 0 5px 0 0;
    text-align: center;
  }
  .neo__hero .neo_event > div .neo_timer p:after {
    display: none;
  }

  .neo__hero .neo_event > div .neo_timer p:nth-of-type(2):after {
    right: -7px;
  }

  .neo__hero .neo_event > div .neo_timer p:nth-of-type(3):after {
    right: -10px;
  }

  .neo__check > div {
    width: 50%;
  }

  .neo_shapes.purple-agenda {
    right: -200px;
    z-index: -1;
    -webkit-opacity: 0.65;
    -moz-opacity: 0.65;
    -ms-opacity: 0.65;
    -o-opacity: 0.65;
    opacity: 0.65;
    filter: alpha(opacity=65);
  }

  .neo_shapes.blue-abstracts {
    -webkit-opacity: 0.65;
    -moz-opacity: 0.65;
    -ms-opacity: 0.65;
    -o-opacity: 0.65;
    opacity: 0.65;
    filter: alpha(opacity=65);
  }

  /* ***********************************************************
  ## FORUMS 1080PX
  *********************************************************** */
  .neo__forums {
    width: 86%;
  }

  li.bbp-forum-freshness a, li.bbp-topic-freshness a {
    font-size: 15px;
  }
}
@media screen and (max-height: 1020px) and (min-width: 1480px) {
  .neo__hero .neo_event span.purple {
    min-width: 560px;
    max-width: 720px;
  }

  .neo__hero .neo_event > div {
    margin: calc(10vh + 120px) 0 0 85px;
  }

  .neo__hero .neo_event span.purple {
    top: -180px;
  }

  .neo_shape.blue-left {
    left: -130px;
    bottom: -300px;
  }
}
@media screen and (max-height: 960px) and (min-width: 1480px) {
  .neo__hero {
    height: 92vh;
    min-height: 760px;
  }

  .neo_shape.blue-left {
    display: none;
  }

  .neoNav.animated > ul {
    margin: 0 auto;
  }
}
@media screen and (max-height: 720px) and (min-width: 1480px) {
  .neo__hero {
    height: 100vh;
    min-height: 760px;
  }

  .neo__hero .neo_event span.purple {
    min-width: 480px;
  }

  .neo__hero .neo_event > div {
    margin: calc(10vh + 135px) 0 0 4vw;
  }

  .neoNav.animated > ul > li .soon:before {
    font-size: 14px;
    top: -20px;
  }
  .neoNav.animated > ul > li span {
    font-size: 26px;
  }
}
@media screen and (max-height: 720px) and (min-width: 1480px) and (max-width: 1480px) {
  .neoNav.animated > ul > li span {
    font-size: calc(26px + -14 * (100vw - 1480px) / -1120);
  }
}
@media screen and (max-height: 720px) and (min-width: 1480px) and (max-width: 360px) {
  .neoNav.animated > ul > li span {
    font-size: 12px;
  }
}

@media screen and (max-height: 1020px) and (max-width: 1480px) {
  .neo__hero .neo_event span.purple {
    min-width: 560px;
    max-width: 720px;
  }

  .neo__hero .neo_event > div {
    margin: calc(10vh + 120px) 0 0 85px;
  }

  .neo__hero .neo_event span.purple {
    top: -180px;
  }

  .neo_shape.blue-left {
    left: -130px;
    bottom: -300px;
  }
}
@media screen and (max-height: 960px) and (max-width: 1480px) {
  .neo__hero {
    height: 92vh;
    min-height: 760px;
  }

  .neo_shape.blue-left {
    display: none;
  }

  .neoNav.animated > ul {
    margin: 0 auto;
  }
}
@media screen and (max-height: 720px) and (max-width: 1480px) {
  .neo__hero {
    height: 100vh;
    min-height: 760px;
  }

  .neo__hero .neo_event span.purple {
    min-width: 480px;
  }

  .neo__hero .neo_event > div {
    margin: calc(10vh + 135px) 0 0 4vw;
  }

  .neoNav.animated > ul > li .soon:before {
    font-size: 14px;
    top: -20px;
  }
  .neoNav.animated > ul > li span {
    font-size: 26px;
  }
}
@media screen and (max-height: 720px) and (max-width: 1480px) and (max-width: 1480px) {
  .neoNav.animated > ul > li span {
    font-size: calc(26px + -14 * (100vw - 1480px) / -1120);
  }
}
@media screen and (max-height: 720px) and (max-width: 1480px) and (max-width: 360px) {
  .neoNav.animated > ul > li span {
    font-size: 12px;
  }
}

/* ******************************************************** */
/* ***********************************************************
## MEDIUM SCREENS
*********************************************************** */
@media screen and (max-width: 960px) {
  header > span {
    width: 180vw;
  }

  footer.neo__cp > div p {
    margin: 20px 0;
    font-size: 17px;
  }

  footer.neo__cp > div > div img, footer.neo__cp > div > div svg {
    bottom: -40px;
  }

  .neo_shape.purple {
    right: -110vw;
  }

  .neo__grid > div article p {
    width: 100%;
  }

  .neo__grid.neo_full._mingle > div,
  .neo__grid.neo_full._livetalks > div,
  .neo__grid.neo_full._posters > div,
  .neo__grid.neo_full._posterqa > div,
  .neo__grid.neo_full._abstracts > div {
    padding: 0 0;
  }
  .neo__grid.neo_full._mingle > div aside,
  .neo__grid.neo_full._livetalks > div aside,
  .neo__grid.neo_full._posters > div aside,
  .neo__grid.neo_full._posterqa > div aside,
  .neo__grid.neo_full._abstracts > div aside {
    order: 2;
  }
  .neo__grid.neo_full._mingle > div article,
  .neo__grid.neo_full._livetalks > div article,
  .neo__grid.neo_full._posters > div article,
  .neo__grid.neo_full._posterqa > div article,
  .neo__grid.neo_full._abstracts > div article {
    order: 1;
  }
  .neo__grid.neo_full._mingle > div aside div > a:nth-of-type(1),
  .neo__grid.neo_full._livetalks > div aside div > a:nth-of-type(1),
  .neo__grid.neo_full._posters > div aside div > a:nth-of-type(1),
  .neo__grid.neo_full._posterqa > div aside div > a:nth-of-type(1),
  .neo__grid.neo_full._abstracts > div aside div > a:nth-of-type(1) {
    margin: calc(2vw + 50px) auto 0;
  }

  .neo_shape.purple-right,
  .neo_shape.blue-left {
    display: none;
  }

  .neo_shapes.blue-abstracts {
    width: 100%;
    max-width: 100%;
    top: 0;
  }

  .neo_shapes.green-posters {
    width: 100%;
    max-width: 100%;
    height: 150%;
    -webkit-opacity: 0.65;
    -moz-opacity: 0.65;
    -ms-opacity: 0.65;
    -o-opacity: 0.65;
    opacity: 0.65;
    filter: alpha(opacity=65);
  }

  section {
    overflow: hidden;
  }

  .js-accordion .card .card-body > div:nth-of-type(1), .js-accordion .card .card-body > div:nth-of-type(2) {
    width: 100%;
  }

  .neo__hero .neo_event {
    width: 100%;
    z-index: 1000;
  }

  .neo__hero.poster-qa {
    height: 70vw;
    min-height: 70vw;
  }
  .neo__hero.poster-qa .swiper-container {
    padding: 30px 0 0 0;
    width: 100%;
    height: 60vw;
  }

  .neo__hero.neo_agenda {
    height: 70vw;
    min-height: 70vw;
  }

  .neo__hero .swiper-container {
    margin: 0 auto;
    width: 100vw;
    height: 100%;
    z-index: 100;
  }
  .neo__hero .swiper-container.swiper-slide .swiper-slide-active {
    width: 100%;
  }

  .neo__hero figure figcaption h4 {
    font-size: 40px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .neo__hero figure figcaption h4 {
    font-size: calc(40px + -7 * (100vw - 960px) / -600);
  }
}
@media screen and (max-width: 960px) and (max-width: 360px) {
  .neo__hero figure figcaption h4 {
    font-size: 33px;
  }
}

@media screen and (max-width: 960px) {
  .neo__hero figure h1 {
    bottom: auto;
  }

  .neo__hero.neo_page figure {
    top: 50px;
  }

  .neo__hero .swiper-container-horizontal > .swiper-pagination-bullets, .neo__hero .swiper-pagination-custom, .neo__hero .swiper-pagination-fraction {
    bottom: 10px;
  }

  .neo__hero.neo_vr {
    height: 150vw;
  }

  #index .neo__grid > div aside {
    margin: calc(4vw + 50px) 0 0 0;
  }

  .neo__grid > div article {
    width: 100%;
    min-width: 100%;
  }
  .neo__grid > div article:before, .neo__grid > div article:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
  }
  .neo__grid > div aside {
    width: 100%;
    min-width: 100%;
  }
  .neo__grid > div aside:before, .neo__grid > div aside:after {
    clear: both;
    content: "";
    display: block;
    height: 10px;
  }
  .neo__grid > div aside div {
    margin: 4vw auto;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }

  #template-events .neo__hero:after {
    background: rgba(255, 255, 255, 0.65);
    z-index: 0;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
  #template-events .neo__hero .neo_event > div {
    margin: calc(2vh + 80px) 0 0 0;
    width: 100%;
  }
  #template-events .neo__hero .neo_event > div h4 {
    text-align: center;
    color: black;
  }
  #template-events .neo__hero .neo_event > div h6 {
    text-align: center;
    color: #4a358d;
  }
  #template-events .neo__hero .neo_event > div h6 sup {
    color: #173e86;
  }
  #template-events .neo__hero .neo_event > div h6:nth-of-type(2) {
    color: #cc3e92;
  }
  #template-events .neo__hero .neo_event > div h3 {
    text-align: center;
    color: #4a358d;
  }
  #template-events .neo_event:before {
    display: none;
  }
  #template-events .neo__hero .neo_event span.purple {
    display: none;
  }
  #template-events a.neo_agenda {
    color: black;
    text-align: center;
    display: table;
    margin: 20px auto;
  }
  #template-events a.neormcheckin {
    text-align: center;
    display: table;
    margin: 20px auto;
  }

  .neo__hero .neo_event > div .neo_timer {
    position: absolute;
    right: 0;
    bottom: 25px;
    left: 0;
    margin: 0 auto;
    text-align: center;
  }
  .neo__hero .neo_event > div .neo_timer span, .neo__hero .neo_event > div .neo_timer p {
    color: black;
  }

  .neo__agenda > div {
    width: 85%;
  }

  .neo__check > div {
    width: 65%;
  }

  .neo__grid > div aside div > a:nth-of-type(1).neo__btn1 {
    margin: calc(2vw + 50px) auto 0;
    padding: 15px 40px;
  }

  .neo__grid.neo_full > div {
    min-height: 700px;
    padding: 0 0;
  }
  .neo__grid.neo_full > div aside div > a:nth-of-type(1).neo__btn1 {
    margin: calc(2vw + 50px) auto;
  }

  /* ***********************************************************
  ## FORUMS 960PX
  *********************************************************** */
  .neo__forums {
    width: 90%;
  }
  .neo__forums .bbp-forum-title,
  .neo__forums #bbpress-forums li.bbp-header li {
    font-size: 20px;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .neo__forums .bbp-forum-title,
  .neo__forums #bbpress-forums li.bbp-header li {
    font-size: calc(20px + -3 * (100vw - 960px) / -500);
  }
}
@media screen and (max-width: 960px) and (max-width: 460px) {
  .neo__forums .bbp-forum-title,
  .neo__forums #bbpress-forums li.bbp-header li {
    font-size: 17px;
  }
}

@media screen and (max-width: 960px) {
  .bbp-topic-title a {
    font-size: 20px;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .bbp-topic-title a {
    font-size: calc(20px + -3 * (100vw - 960px) / -500);
  }
}
@media screen and (max-width: 960px) and (max-width: 460px) {
  .bbp-topic-title a {
    font-size: 17px;
  }
}

@media screen and (max-width: 960px) {
  li.bbp-forum-freshness a, li.bbp-topic-freshness a {
    font-size: 14px;
  }

  .bbp-reply-post-date:after {
    margin: 0 10px 0 5px;
    font-size: 12px;
  }

  .neo_poster_qa > div .neo_item .neo_body > ul > li {
    min-width: 33%;
    max-width: 33%;
    width: 33%;
  }

  .neo__help {
    width: 63vw;
  }
}
@media screen and (max-width: 720px) {
  header small {
    width: 65vw;
  }

  footer.neo__cp > div p {
    margin: 25px 0;
    font-size: 16px;
  }

  .neo_shape.purple {
    width: 150vw;
    right: -100vw;
  }

  #template-events .neo__hero .neo_event > div {
    margin: calc(2vh + 140px) 0 0 0;
  }

  .neo__help {
    width: 75vw;
  }

  /* ***********************************************************
  ## FORUMS 720PX
  *********************************************************** */
  .neo__forums {
    width: 94%;
  }
}
/* ******************************************************** */
/* ***********************************************************
## SMALL SCREENS
*********************************************************** */
@media screen and (max-width: 640px) {
  .neo_banner p {
    margin: 0 0 0 11.5vw;
  }

  header > small {
    width: 90vw;
    height: 300px;
    top: -110px;
    max-width: 460px;
    background-position: 0 -140px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-position: 0 -140px;
  }

  header > span {
    width: 250vw;
  }

  header > h6 {
    display: none;
  }

  footer.neo__cp {
    background: #173e86;
    padding: 25px 0;
  }

  footer.neo__cp > div > div {
    width: 100%;
    margin: 10px auto;
  }
  footer.neo__cp > div > div p {
    text-align: center;
  }
  footer.neo__cp > div > div a {
    margin: 0 auto;
    display: table;
  }
  footer.neo__cp > div > div img, footer.neo__cp > div > div svg {
    position: relative;
    bottom: 0px;
    max-height: 120px;
    margin: 0 auto;
  }

  footer.neo__main > div > div:first-child img, footer.neo__main > div > div:first-child svg {
    margin: 20px 0 10px 0;
  }

  footer.neo__main > div > div:last-child .neo_btp {
    top: unset;
    right: -30px;
    bottom: 12vh;
  }

  footer.neo__main > div > div:last-child img, footer.neo__main > div > div:last-child svg {
    position: relative;
    top: 0px;
  }

  .neoNav.animated > ul {
    margin: 4vh auto;
  }

  .neoNav.animated > ul > li {
    padding: 10px 0;
  }
  .neoNav.animated > ul > li .soon:before {
    margin: 0 0 10px 0;
    text-align: left;
    position: relative;
    top: 0;
    display: block;
    width: 100%;
  }
  .neoNav.animated > ul > li span {
    font-size: 24px;
  }

  .neoNav.animated > ul > li
  .js-accordion .card .card-header {
    padding: 10px 22px 20px;
  }

  .neo_shape.purple {
    display: none;
  }

  .neo__grid.neo_full > div {
    min-height: 0;
  }

  .neo__grid > div article h4, .neo__grid > div article h3, .neo__grid > div article h6 {
    text-align: center;
  }

  .neo__grid > div {
    margin: 15vh auto 0;
    min-width: 80%;
  }

  .neo__check > div {
    width: 95%;
    padding: 20px;
    min-width: 90%;
  }

  form > fieldset label {
    font-size: 13px;
  }

  .neo__hero figure figcaption {
    bottom: calc(6vw + 25px);
  }
  .neo__hero figure h1 {
    bottom: auto;
  }

  .neo_page .swiper-container figure {
    top: 50px;
  }

  .neo__hero.neo_agenda {
    height: 60vh;
    min-height: auto;
    top: auto;
  }

  .neo__hero.neo_page {
    height: 44vh;
  }

  .neo__bg {
    height: 218vw;
  }

  .neo__grid > div aside div h2 {
    text-align: center;
  }

  .neo__grid > div aside div > a:nth-of-type(1) {
    display: table;
    margin: 0 auto;
    text-align: center;
  }

  #index .neo__grid > div aside {
    margin: calc(10vw + 100px) 0 0 0;
  }

  .js-accordion .btn-link span {
    font-size: 17px;
  }

  .neo__abstracts .swiper-button-next, .neo__abstracts .swiper-button-prev {
    transform: scale(0.65) !important;
  }

  /* ***********************************************************
  ## FORUMS 640PX
  *********************************************************** */
  .bbp-search-form input[type=text], .bbp-search-form select {
    min-width: 70%;
  }

  .neo_poster_qa > div .neo_item .neo_body > ul > li {
    min-width: 49%;
    max-width: 49%;
    width: 49%;
  }
}
@media screen and (max-width: 460px) {
  header > small {
    width: 380px;
    height: 400px;
  }

  .neo__bg {
    height: 220vw;
  }

  .neo__hero {
    height: 44vh;
    min-height: 44vh;
  }
  .neo__hero aside.neo_homeMovieLink img {
    width: 40vw;
  }

  .js-accordion .btn-link span {
    font-size: 13px;
  }

  form > fieldset label {
    font-size: 11px;
  }

  /* ***********************************************************
  ## FORUMS 480PX
  *********************************************************** */
  .bbp-search-form input[type=text], .bbp-search-form select {
    min-width: 60%;
  }

  .bbp-topic-freshness,
  .bbp-forum-freshness {
    display: none;
  }

  li.bbp-forum-info, li.bbp-topic-title {
    width: 65%;
  }
}
@media screen and (max-width: 360px) {
  .neo__bg {
    height: 225vw;
  }

  .neo__check {
    margin: 20vw auto;
  }
  .neo__check > div {
    width: 100vw;
  }

  form > fieldset label {
    font-size: 10px;
  }

  /* ***********************************************************
  ## FORUMS 380PX
  *********************************************************** */
  .bbp-search-form input[type=text], .bbp-search-form select {
    min-width: 50%;
  }

  #bbpress-forums li.bbp-body li.bbp-forum-info,
  #bbpress-forums li.bbp-body li.bbp-topic-title,
  #bbpress-forums li.bbp-header li.bbp-forum-info,
  #bbpress-forums li.bbp-header li.bbp-topic-title {
    max-width: 60%;
  }
}
/* Landscape */
/* ******************************************************** */
