@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@200;400&display=swap');

@import url("https://p.typekit.net/p.css?s=1&k=qpu4vyb&ht=tk&f=1791.1792.1793.1794.1795.1796.1797.1798&a=3976807&app=typekit&e=css");

@font-face {
  font-family: "nudista-web";
  src: url("https://use.typekit.net/af/7efd4b/00000000000000003b9afb67/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"), url("https://use.typekit.net/af/7efd4b/00000000000000003b9afb67/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"), url("https://use.typekit.net/af/7efd4b/00000000000000003b9afb67/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "nudista-web";
  src: url("https://use.typekit.net/af/a55783/00000000000000003b9afb68/27/l?subset_id=2&fvd=i3&v=3") format("woff2"), url("https://use.typekit.net/af/a55783/00000000000000003b9afb68/27/d?subset_id=2&fvd=i3&v=3") format("woff"), url("https://use.typekit.net/af/a55783/00000000000000003b9afb68/27/a?subset_id=2&fvd=i3&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: "nudista-web";
  src: url("https://use.typekit.net/af/18401e/00000000000000003b9afb6a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/18401e/00000000000000003b9afb6a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/18401e/00000000000000003b9afb6a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "nudista-web";
  src: url("https://use.typekit.net/af/d32af1/00000000000000003b9afb69/27/l?subset_id=2&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/d32af1/00000000000000003b9afb69/27/d?subset_id=2&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/d32af1/00000000000000003b9afb69/27/a?subset_id=2&fvd=i4&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "nudista-web";
  src: url("https://use.typekit.net/af/4e2d77/00000000000000003b9afb6b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/4e2d77/00000000000000003b9afb6b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/4e2d77/00000000000000003b9afb6b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "nudista-web";
  src: url("https://use.typekit.net/af/b1753a/00000000000000003b9afb6c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"), url("https://use.typekit.net/af/b1753a/00000000000000003b9afb6c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"), url("https://use.typekit.net/af/b1753a/00000000000000003b9afb6c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: "nudista-web";
  src: url("https://use.typekit.net/af/f75c20/00000000000000003b9afb6d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/f75c20/00000000000000003b9afb6d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/f75c20/00000000000000003b9afb6d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "nudista-web";
  src: url("https://use.typekit.net/af/b958ea/00000000000000003b9afb6e/27/l?subset_id=2&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/b958ea/00000000000000003b9afb6e/27/d?subset_id=2&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/b958ea/00000000000000003b9afb6e/27/a?subset_id=2&fvd=i7&v=3") format("opentype");
  font-display: auto;
  font-style: italic;
  font-weight: 700;
}
.tk-nudista-web {
  font-family: "nudista-web", sans-serif;
}

/**
 * Standard section header - w/ small blue line on top.
font-family: 'Source Sans Pro', sans-serif;
*/
/**
 * Standard body text.
 */
/**
 * Visually Hidden Text that is read by Screen Reader.
 * https://webaim.org/techniques/css/invisiblecontent/
 */
* { margin: 0px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clear { display: block; width: 100%; height: 1px; background: none; clear: both; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

body { background: #fff; font-family: 'Inter', sans-serif; color: #08062A; }
img { max-width: 100%; }
.container { padding: 0 15px; position: relative; max-width: 1280px; margin: 0 auto; }
.container::after { clear: both; content: ""; display: block; }
.flex-wrap { display: flex; flex-wrap: wrap; }
p { padding-bottom: 14px; font-size: 16px; line-height: 24px; }
.button { padding: 5px 10px; line-height: 28px; color: #69C32F; font-size: 15px; font-family: "nudista-web", sans-serif; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: 2.1px; display: inline-block; border: #68bc32 solid 2px; background: none; transition: 0.5s all; -webkit-transition: 0.5s all; }
.button:hover { color: #fff; background: #69C32F; }

#headerCntr { height: 60px; }
.primary-nav { height: 48px; background: #fff; z-index: 1010; }
.primary-nav__content { display: block; padding: 0px; height: 100%; position: relative; z-index: 1011; box-shadow: 0px 2px 4px rgb(0 0 0 / 10%); background: none; }
.primary-nav__content .container1 { margin: 0 auto; position: relative; }
.primary-nav__content .primary-nav__logo { padding: 12px 15px 0 22px; float: left; max-width: 220px; width: 122px; }
.primary-nav__content .primary-nav__logo a { display: block; }
.primary-nav__content .primary-nav__logo a img { width: 100%; max-width: 132px; }
.primary-nav__content .primary-nav__right { padding: 15px 0px 0 0px; float: left; width: calc(100% - 220px); }
.primary-nav__content .primary-nav__right ul { list-style: none; }
.primary-nav__content .primary-nav__right ul li { padding: 0 15px; float: none; font-size: 16px; letter-spacing: 0px; border: 0px; color: #0679A1; display: inline-block; text-decoration: none; }
.primary-nav__content .primary-nav__right ul li a { color: #0679A1; font-family: 'Inter', sans-serif; font-weight: 600; text-decoration: none; text-rendering: geometricPrecision; }
.primary-nav__content .primary-nav__right ul li a:hover { background: none; color: #0679A1; text-decoration: none; }
.primary-nav__content .primary-nav__right .mobilemenu { display: none; }

html.bodylocked, html.bodylocked body { height: 100vh; overflow: hidden; }
html.bodylocked body { height: 100.2vh; }

#bannerbg { }
.banner-box { padding: 59px 0px 30px; position: relative; background-color: #08062b; background-repeat: no-repeat; background-size: cover; background-position: bottom; }
.banner-box .container { padding-bottom: 50px; min-height: calc(100vh - 130px); }
.banner-box:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(8, 6, 42, 0) 0%, rgba(8, 6, 42, 0.5) 89.06%, #08062A 100%); }
.banner-box .text { position: relative; text-align: center; }
.banner-box .text h1 { padding: 0px 8px 13px 0px; margin: 0px; font-family: 'Inter', sans-serif; font-weight: 200; font-size: 50px; line-height: 1; text-align: center; color: #FFFFFF; }
.banner-box .text h1 strong { font-weight: 700; }
.banner-box .text p { padding-bottom: 28px; font-family: 'Inter', sans-serif; font-weight: 200; font-size: 20.1429px; color: #FFFFFF; }
.banner-box .text p.after { display: none; transform: translateY(30px); }
.banner-box.step2 .text p.after { transform: translateY(0px); }
.banner-box .mapimg { padding: 0 0 80px 6px; display: none; position: relative; max-width: 734px; margin: 0 auto; }
.banner-box .mapimg a.popupbtn { position: absolute; right: 5px; top: 77px; width: 69px; height: 69px; display: block; font-size: 0px; border-radius: 50%; }
.banner-box .mapimg a.popupbtn:before { content: ""; position: absolute; left: 29px; top: 28px; width: 13px; height: 13px; border-radius: 50%; background: #fff; z-index: 10; }
.banner-box .mapimg a.popupbtn:after { content: ""; position: absolute; left: 0px; top: 0px; width: 69px; height: 69px; border-radius: 50%; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 80%); animation: pulses 2.5s infinite; transform: scale(1); }
.banner-box .mapimg a.btn2 { right: auto; left: 10px; top: 113px; }
.banner-box .mapimg a.btn2:before, .banner-box .mapimg a.btn3:before, .banner-box .mapimg a.btn4:before, .banner-box .mapimg a.btn5:before { border-radius: 0px; height: 12px; }
.banner-box .mapimg a.btn3 { right: auto; left: -23px; top: 148px; }
.banner-box .mapimg a.btn4 { right: 233px; top: 148px; }
.banner-box .mapimg a.btn5 { right: 201px; top: 113px; }
.banner-box .mapimg a.popupbtn span { opacity: 0; visibility: hidden; display: block; position: absolute; left: 60%; top: 60%; width: 90px; height: 90px; border: 1px solid #FFFFFF; border-radius: 50%; transition: 0.5s all; }
.banner-box .mapimg a.btn2 span { left: auto; right: 60%; top: auto; bottom: 60%; }
.banner-box .mapimg a.btn3 span { left: auto; right: 60%; }
.banner-box .mapimg a.popupbtn:hover span { opacity: 1; visibility: visible; }
.banner-box .mapimg a.popupbtn span img { display: block; border-radius: 50%; }
.banner-box .mapimg a.btn5 span { top: auto; bottom: 60%; }
.banner-box .btnbg { padding-bottom: 5px; text-align: center; position: absolute; left: 0px; right: 0px; bottom: 60px; }
.banner-box .btnbg2 { display: none; }
.banner-box a.readmore { padding-bottom: 22px; display: inline-block; position: relative; font-family: 'Inter', sans-serif; font-weight: 200; font-size: 23.5714px; line-height: 29px; color: #FFFFFF; text-decoration: none; transition: 0.3s all; }
.banner-box a.readmore span { display: block; transform: translateY(0); opacity: 1; animation: readmoreanim 4s infinite; }
.banner-box a.readmore:before { content: ""; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%) rotate(-45deg); width: 24px; height: 24px; border-left: #fff solid 2px; border-bottom: #fff solid 2px; }
.banner-box a.readmore:after { content: ""; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%) translateY(0) rotate(-45deg); width: 24px; height: 24px; border-left: #fff solid 2px; border-bottom: #fff solid 2px; opacity: 0; animation: arrownimate 4s infinite; }
.banner-box a.hideite { opacity: 0; }
.banner-box .introcontent { padding: 45px 42px 32px 45px; display: block; max-width: 647px; margin: 24px auto 110px; border: 4px solid #5CFFA6; }
.banner-box .introcontent p { font-family: 'Inter'; font-weight: 400; font-size: 30px; line-height: 36px; color: #FFFFFF; }
.banner-box .popupbox { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #08062b; background-repeat: no-repeat; background-size: cover; z-index: 100; display: none; background-position: bottom; }
.banner-box .popupbox:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(8, 6, 42, 0) 0%, rgba(8, 6, 42, 0.5) 89.06%, #08062A 100%); }
.banner-box .popupbox .popupmid { padding: 25px 35px 37px 35px; max-height: 610px; overflow: auto; z-index: 10; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%; max-width: 1082px; border: 4px solid #5CFFA6; }
.banner-box .popupbox a.closebtn { position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; display: block; }
.banner-box .popupbox a.closebtn span { display: block; position: absolute; left: 12px; top: 0px; width: 100%; height: 100%; }
.banner-box .popupbox a.closebtn span:before, .banner-box .popupbox a.closebtn span:after { content: ""; position: absolute; left: 0px; top: 0px; width: 4px; height: 30px; transform: rotate(45deg); background: #fff; }
.banner-box .popupbox a.closebtn span:after { transform: rotate(-45deg); }
.banner-box .popupbox h2 { padding-bottom: 26px; font-family: 'Inter', sans-serif;  font-weight: 500; font-size: 33.1429px; line-height: 41px; color: #FFFFFF; }
.banner-box .popupbox h2 span { padding: 0px 0px 0px 20px; margin-left: 15px; border-left: #fff solid 1px; font-weight: 200; }
.banner-box .popupbox .intro { padding: 0px 0px 45px 5px; }
.banner-box .popupbox .intro p { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFFFF; }
.banner-box .popupbox .boxbg { display: flex; flex-wrap: wrap; }
.banner-box .popupbox figure { width: 57.5%; position: relative; }
.banner-box .popupbox figure img { display: block; }
.banner-box .popupbox figure:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(72.41deg, rgba(8, 6, 42, 0.6) 0%, rgba(8, 6, 42, 0) 72.19%); }
.banner-box .popupbox .text { padding: 13px 0px 0px 100px; width: 42.5%; position: relative; text-align: left; }
.banner-box .popupbox .text p { font-family: 'Bitter'; font-weight: 400; font-size: 25px; line-height: 33px; letter-spacing: -0.04em; color: #FFFFFF; }
.banner-box .popupbox .text:before { content: ""; position: absolute; left: 30px; top: 15px; width: 46px; height: 40px; background: url(../images/quote-icon.png) no-repeat; background-size: 100%; }
.banner-box .popupbox .text h4 { font-family: 'Inter'; font-weight: 400; font-size: 20px; line-height: 24px; letter-spacing: -0.04em; color: #FFFFFF; }
.banner-box .popupbox .text h4 span { display: block; font-weight: 200; }
.banner-box .popupbox a.morelink { padding: 7px 40px 7px 40px; display: block; line-height: 26px; position: absolute; right: 0px; bottom: -0px; background: #5CFFA6; font-family: 'Inter'; font-weight: 500; font-size: 22px; color: #08062A; text-decoration: none; border: 0px; }
.banner-box .popupbox a.morelink span { padding-right: 40px; position: relative; background: url(../images/more-arrow.png) right no-repeat; background-size: 10px; }
.banner-box .popupbox#lightbox3 { }
.banner-box .popupbox#lightbox2 h2 { padding-bottom: 15px; }
.banner-box .popupbox#lightbox2 .intro, .banner-box .popupbox#lightbox3 .intro { padding: 0px 0px 10px 5px; }
.banner-box .popupbox .vid_box { position: absolute; left: 0px; top: 0px; z-index: 10; width: 100%; height: 100%; opacity: 0; visibility: hidden; display: none; }
.banner-box .popupbox a.pop_up { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.banner-box .popupbox a.pop_up span { padding-left: 54px; position: absolute; left: 38px; bottom: 23px; display: block; font-family: 'Inter'; font-weight: 400;
font-size: 34px; line-height: 41px; color: #FFFFFF; background: url(../images/play-btn.png) left no-repeat; background-size: 36px; }
.banner-box .popupbox .vid_box.active { opacity: 1; visibility: visible; display: block; }
.banner-box .popupbox .disclaimer { padding-top: 20px; position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; }
.banner-box .popupbox .disclaimer p { font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 19px; color: #FFFFFF; }
.banner-box .mobilelinks { display: none; }
.banner-box .popupbox .boxbg .intro { display: none; }
.banner-box .middlecontent { display: flex; min-height: calc(100vh - 330px); width: 100%; align-items: center; justify-content: center; }
.banner-box .middlecontent { }
.banner-box .middlecontent { }

@-webkit-keyframes pulses {
  0% {
    transform: scale(0.2);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
  }
}

@-webkit-keyframes readmoreanim {
  0% {
    transform: translateY(0);
	opacity: 1;
  }
  30% {
    transform: translateY(0);
	opacity: 1;
  }
  100% {
    transform: translateY(-40px);
	opacity: 0;
  }
}

@-webkit-keyframes arrownimate {
  0% {
    transform: translateX(-50%) translateY(0) rotate(-45deg);
	opacity: 0;
  }
  40% {
    transform: translateX(-50%) translateY(0) rotate(-45deg);
	opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-30px) rotate(-45deg);
	opacity: 0;
  }
}

.intro-box { padding: 82px 0px 288px; position: relative; display: none; border-top: #07ff77 solid 4px; background-repeat: no-repeat; background-size: 100%; }
.intro-box:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: calc(100% - 300px); background: linear-gradient(180deg, rgba(8, 6, 42, 0.6) 0%, rgba(8, 6, 42, 0) 100%); }
.intro-box .intro { padding: 54px 20px 50px; position: relative; text-align: center;  max-width: 1080px; margin: 0 auto; background: linear-gradient(90deg, rgba(154, 125, 244, 0.6) 0%, rgba(8, 6, 42, 0.6) 87.22%); }
.intro-box .intro:after { content: ""; position: absolute; left: 0px; top: 0px; width: 80px; height: 960px; background: url(../images/dotted-bg.png) no-repeat; background-size: cover; z-index: 10; }
.intro-box h2 { font-family: 'Inter', sans-serif; font-weight: 200; font-size: 50px; line-height: 1.3; color: #FFFFFF; }
.intro-box .contents { padding: 51px 134px 42px 140px; max-width: 1080px; margin: 0 auto; background: #fff; position: relative; }
.intro-box .contents figure { padding: 4px 4px 0px 0px; margin: 5px 0 35px 30px; float: right; position: relative; max-width: 410px; }
.intro-box .contents figure:after { content: ""; position: absolute; right: 0px; top: 0px; width: calc(100% - 4px); height: calc(100% - 4px); background: #997df4; }
.intro-box .contents figure img { position: relative; z-index:10; display: block; }
.intro-box .contents figure figcaption { position: absolute; left: 0px; bottom: -35px; font-family: 'Inter'; font-weight: 400; font-size: 15px; color: #979797; }
.intro-box .contents h3 { padding: 8px 0 21px 0; font-family: 'Inter', sans-serif; font-weight: 200; font-size: 38px; line-height: 46px; color: #9A7DF4; }
.intro-box .contents p { font-family: 'Inter'; font-weight: 400; font-size: 18px; line-height: 26px; color: #08062A; }
.intro-box .contents p a { color: #08062A; }
.intro-box .contents h3.gap1 { padding-top: 17px; }
.intro-box .contents h3.gap2 { padding-top: 8px; padding-bottom: 15px; }
.intro-box .contents p.p-right { padding-right: 10px; }
.intro-box .contents .quote { padding: 0px; margin: 25px 0px 30px 0px; position: relative; max-width: 802px; background: #08062A url(../images/animation-bg.jpg) no-repeat; background-size: cover; }
.intro-box .contents .quote .img { position: absolute; right: 0px; bottom: 0px; max-width: 342px; }
.intro-box .contents .quote .img img { display: block; }
.intro-box .contents .quote .videbg { position: relative; padding-bottom: 56.25%; }
.intro-box .contents .quote .videbg video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.intro-box .contents .quote .text { max-width: 450px; }
.intro-box .contents .quote h4 { padding: 6px 80px 0px 68px; margin: 0px; font-family: 'Bitter', serif; font-weight: 200; font-size: 37px; line-height: 44px; color: #5CFFA6; background: url(../images/quote-icon.png) no-repeat; background-size: 46px; }
.intro-box .contents .quote p { padding: 34px 0px 0px 68px; margin: 0px; font-family: 'Inter'; font-weight: 200; font-size: 16px; line-height: 19px; color: #FFFFFF; }
.intro-box .contents .quote p strong { font-weight: 700; }
.intro-box .bottomlink { padding: 42px 0 5px; text-align: center; }
.intro-box .backtotop { display: none; }
.intro-box a.backtoexperience { padding-top: 22px; display: inline-block; position: relative; font-family: 'Inter', sans-serif; font-weight: 200; font-size: 23.5714px; line-height: 29px; color: #08062A; text-decoration: none; }
.intro-box a.backtoexperience:before { content: ""; position: absolute; left: 50%; top: 0px; transform: translateX(-50%) rotate(-225deg); width: 24px; height: 24px; border-left: #08062A solid 2px; border-bottom: #08062A solid 2px; }
.intro-box .bottombg { width: 100%; height: 352px; position: absolute; left: 0px; bottom: 0px; background: url(../images/bottom-bg.png) top no-repeat; background-size: 100%; }
.intro-box .mobileonly { display: none; }
.intro-box { }

footer#footer { height: 295px; width: 100%; background: #000; }
a.articlemenu, .content-box .articlelinks a.closebtn { display: none; }

.nasdaq-foot .footer { padding: 55px 0px 120px 0px; overflow: hidden; background: #000; }
.nasdaq-foot .footer .disclaimer { padding-bottom: 60px; text-align: center; width: 100%; }
.nasdaq-foot .footer .disclaimer p { padding: 0px; margin: 0px; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 19px; color: #FFFFFF; }
.nasdaq-foot .footer .disclaimer { }
.nasdaq-foot .container { max-width: 80rem; display: flex; flex-wrap: wrap; padding: 0; }
.nasdaq-foot .footer .col-3 { float: left; width: 50.2%; padding: 3px 0px 35px 1.25rem; }
.nasdaq-foot .footer .col-2 { float: left; width: 18%; }
.nasdaq-foot .footer .footer__links ul { list-style: none; }
.nasdaq-foot .footer .footer__links li { padding: 12px 0; line-height: 16px; float: left; width: 50%; }
.nasdaq-foot .footer .footer__links li:nth-child(even) { }
.nasdaq-foot .footer .footer__links li a { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 16px; color: #0090ba; letter-spacing: 1.5px; text-transform: none; text-decoration: none; text-transform: uppercase; }
.nasdaq-foot .footer .footer__links li a { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 16px; color: #0090ba; letter-spacing: 1.5px; text-transform: none; text-decoration: none; text-transform: uppercase; }
.nasdaq-foot .footer .footer__links li a:hover { text-decoration: underline; }
.nasdaq-foot .footer .footer__links.col-2 { padding-right: 40px; }
.nasdaq-foot .footer .footer__links.col-2 li { width: auto; float: none; }
.nasdaq-foot .footer .footer__links.col-2 li a { color: #a7a9ac; }
.nasdaq-foot .footer .col-4 { padding: 80px 20px 0 0; float: right; width: 31%; }
.nasdaq-foot .footer .col-4 img { float: right; max-width: 285px; }
.nasdaq-foot .footer .copyrightblock { padding-right: 20px; overflow: hidden; width: 100%; }
.nasdaq-foot .footer .copyrightblock ul { float: left; list-style: none; padding-left: 1.25rem; }
.nasdaq-foot .footer .copyrightblock li { float: left; }
.nasdaq-foot .footer .copyrightblock li a { color: #fff; font-size: 21px; }
.nasdaq-foot .footer .copyrightblock li a:hover { color: #00C1D5; }
.nasdaq-foot .footer .copyrightblock p { float: right; color: #a7a9ac; }
.nasdaq-foot .footer .footer__link-social { margin-right: 2.5rem; }

.footer__link-social { margin-right: 2rem; }

@media only screen and (max-height: 849px) { 
	
	.banner-box .mapimg { padding: 0 0 40px 0px; max-width: 600px; }
	.banner-box .mapimg a.popupbtn { right: -1px; top: 59px; }
	.banner-box .mapimg a.btn2 { right: auto; left: -4px; top: 88px; }
	.banner-box .mapimg a.btn3 { right: auto; left: -31px; top: 117px; }
	.banner-box .mapimg a.btn4 { right: 213px; top: 145px; }
	.banner-box .mapimg a.btn5 { right: 186px; top: 116px; }

}


@media only screen and (max-width: 1279px) {
	
	.nasdaq-foot .footer .footer__links { padding: 0px 0px 0px 20px; }
	.nasdaq-foot .footer .footer__links li { padding-right: 20px; }
	.nasdaq-foot .footer .copyrightblock ul { padding-left: 20px; }
	
	.intro-box .bottombg { background-position: bottom; }
	.intro-box .contents { padding: 50px 100px 40px 100px; }
	
	.banner-box .popupbox .text { padding: 0px 0px 0px 75px; }
	.banner-box .popupbox .text:before { left: 15px; top: 10px; width: 36px; height: 35px; }
	.banner-box .popupbox .popupmid { padding: 25px 30px 0; }
	.banner-box .popupbox .boxbg { padding-bottom: 10px; }
	.banner-box .popupbox .intro { padding: 0px 0px 25px 0px; }
	.banner-box .popupbox a.morelink { position: relative; float: right; margin-right: -31px; }
	.banner-box .btnbg { bottom: 20px; }
	
	.nasdaq-foot .footer .col-3 { width: 47%; }
	.nasdaq-foot .footer .col-4 { 	padding: 0; }
	.nasdaq-foot .footer .footer__links.col-2 { width: 26%; }
	.nasdaq-foot .footer .col-4 { width: 25%; }
	.nasdaq-foot .footer { padding: 70px 0px; }
	
	.nasdaq-foot .footer .disclaimer { padding-left: 20px; padding-right: 20px; }
	
}

@media only screen and (max-width: 1023px) {
	
	.primary-nav__content .primary-nav__right { padding: 15px 15px 0 0px; float: left; width: calc(100% - 150px); }
	.primary-nav__content .primary-nav__logo { padding: 12px 15px 0 20px; max-width: 150px; }		
	.primary-nav__content .primary-nav__right ul li { padding: 0 15px; font-size: 15px; letter-spacing: 0.5px; }
	
	.banner-box .text h1 { padding: 0px 0px 10px 0px; font-size: 45px; }
	.banner-box .text p { padding-bottom: 25px; font-size: 20px; }
	.banner-box .introcontent p { font-size: 26px; line-height: 32px; }
	.banner-box .mapimg { padding: 0 0 80px 0px; max-width: 650px; }	
	.banner-box .mapimg a.popupbtn { right: 0px; top: 65px; }
	.banner-box .mapimg a.btn2 { right: auto; left: 0px; top: 96px; }
	.banner-box .mapimg a.btn3 { right: auto; left: -30px; top: 128px; }
	.banner-box .popupbox { background-size: cover; }
	.banner-box .popupbox .popupmid { padding: 25px 20px 0; }
	.banner-box .popupbox figure { width: 100%; }
	.banner-box .popupbox .text { padding: 0px 0px 0px 75px; width: 100%; margin-top: 30px; }
	.banner-box .popupbox a.morelink { margin-right: 0px; }
	.banner-box .mapimg a.btn1 span { left: 50%; }
	.banner-box .mapimg a.btn4 { right: 204px; top: 129px; }
	.banner-box .mapimg a.btn5 { right: 175px; top: 96px; }
	
	.intro-box { padding: 0px 0px 270px; }
	.intro-box .container { padding: 0; }
	.intro-box .contents { padding: 40px 30px; }
		
	.nasdaq-foot .container { padding: 0 15px; }
	.nasdaq-foot .footer .footer__links { padding: 0px 0px 0px 0px; }
	.nasdaq-foot .footer .copyrightblock ul { padding-left: 0px; }
	.nasdaq-foot .footer .footer__links li { padding: 0 20px 10px 0; }
	.nasdaq-foot .footer .copyrightblock { padding-top: 20px; }
	.nasdaq-foot .footer { padding: 50px 0px 20px 0px; }
	.nasdaq-foot .footer .col-3 { width: 47%; }
	.nasdaq-foot .footer .copyrightblock ul { padding-left: 20px; }
	
}


@media only screen and (max-height: 749px) { 
	
	.banner-box .mapimg { padding: 0 0 20px 0px; max-width: 500px; }
	.banner-box .introcontent { margin: 24px auto 50px; }
	.banner-box .mapimg a.popupbtn:before { width: 10px; height: 10px; }
	.banner-box .mapimg a.popupbtn { right: -8px; top: 44px; }
	.banner-box .mapimg a.btn2 { right: auto; left: -7px; top: 68px; }
	.banner-box .mapimg a.btn3 { right: auto; left: -29px; top: 92px; }
	.banner-box .btnbg { bottom: 30px; }
	.banner-box .mapimg a.btn4 { right: 148px; top: 92px; }
	.banner-box .mapimg a.btn5 { right: 125px; top: 68px; }

}

@media only screen and (max-width: 767px) {
	
	.primary-nav__content .primary-nav__right .mobilemenu { display: block; position: absolute; left: 20px; top: 15px; width: 30px; height: 24px; font-size: 0px; }
	.primary-nav__content .primary-nav__right .mobilemenu span { display: block; width: 100%; height: 3px; position: relative; background: #0090ba; -moz-transition: 0.3s all; -o-transition: 0.3s all; -webkit-transition: 0.3s all; transition: 0.3s all; }
	.primary-nav__content .primary-nav__right .mobilemenu span:before, .primary-nav__content .primary-nav__right .mobilemenu span:after { content: ""; position: absolute; left: 0px; top: 9px; width: 100%; height: 3px; -moz-transition: 0.3s all; -o-transition: 0.3s all; -webkit-transition: 0.3s all; transition: 0.3s all; background: #0090ba; }
	.primary-nav__content .primary-nav__right .mobilemenu span:after { top: 18px; }
	.primary-nav__content .primary-nav__right .mobilemenu.active span { background: none; }
	.primary-nav__content .primary-nav__right .mobilemenu.active span:before { top: 10px; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
	.primary-nav__content .primary-nav__right .mobilemenu.active span:after { top: 10px; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	
	.primary-nav__content .primary-nav__logo { padding: 8px 0 0 0px; margin: 0 auto; max-width: 140px; float: none; }
	.primary-nav__content .primary-nav__right .menubar { position: absolute; left: 0px; top: 48px; width: calc(100% + 0px); background: #0090ba; display: none; }
	.primary-nav__content .primary-nav__right ul li { text-transform: uppercase; font-family: "Inter", sans-serif, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; color: #0090ba; letter-spacing: 1px; display: block; border-top: #fff solid 1px; }
	.primary-nav__content .primary-nav__right ul li a, .primary-nav__content .primary-nav__right ul li a { padding: 18px 20px; display: block; color: #fff; }
	.primary-nav__content .primary-nav__right ul li a:hover { color: #fff; }
	
	.banner-box { padding-top: 40px; padding-bottom: 0px; }
	.banner-box .container { padding-bottom: 30px; }
	.banner-box .text h1 { padding: 0px 0px 20px 0px; font-size: 40px; line-height: 48px; }
	.banner-box .text p { line-height: 24px; }
	.banner-box .text h1 strong { display: block; }
	.banner-box .introcontent { padding: 25px 25px 15px; margin: 15px auto 50px; text-align: center; max-width: 340px; }
	.banner-box .introcontent p { font-size: 20px; line-height: 24px; font-weight: 200; }
	.banner-box .mapimg { padding: 0 0 50px 0px; max-width: 364px; }	
	.banner-box .btnbg { }
	.banner-box .mobilelinks { padding: 10px 35px; display: block; }
	.banner-box .mobilelinks ul { list-style: none; }
	.banner-box .mobilelinks li { border-bottom: #5cffa6 solid 1px; }
	.banner-box .mobilelinks li a { padding: 15px 23px; line-height: 28px; position: relative; display: block; font-family: 'Inter'; font-weight: 500; font-size: 20px; color: #FFFFFF; text-decoration: none; }
	.banner-box .mobilelinks li a:after { content: ""; position: absolute; right: 20px; top: 18px; width: 13px; height: 26px; background: url(../images/more-arrow1.png) no-repeat; background-size: 100%; }
	.banner-box .mobilelinks li:last-child { border: 0px; }
	.banner-box .mobilelinks { }
	.banner-box .mapimg a.popupbtn:before { width: 8px; height: 8px; left: 31px; top: 31px; }
	.banner-box .mapimg a.popupbtn { right: -6px; top: 22px; width: 60px; height: 60px; }
	.banner-box .mapimg a.btn2 { right: auto; left: -15px; top: 38px; }
	.banner-box .mapimg a.btn3 { right: auto; left: -32px; top: 56px; }
	.banner-box .popupbox { background: #08062A !important; }
	.banner-box .popupbox:before { display: none; }
	.banner-box .popupbox h2 { font-size: 20px; line-height: 24px; }
	.banner-box .popupbox h2 span { padding: 0px; margin: 0px; display: block; border: 0px; }
	.banner-box .popupbox a.pop_up span { padding-left: 36px; left: 20px; bottom: 15px; font-size: 25px; line-height: 40px; background-size: 25px; }
	.banner-box .popupbox .text { padding: 0px 0px 20px 55px; width: 100%; margin-top: 20px; }
	.banner-box .popupbox .text:before { left: 10px; top: 5px; width: 30px; height: 30px; }
	.banner-box .popupbox .text p { font-size: 18px; line-height: 25px; }
	.banner-box .popupbox .text h4 { font-size: 14px; line-height: 17px; }
	.banner-box .popupbox a.morelink { margin: 0px -20px; width: calc(100% + 40px); text-align: center; }
	.banner-box .popupbox a.pop_up span { padding-left: 32px; font-size: 20px; line-height: 35px; background-size: 20px; }
	.banner-box .btnbg2 { display: none !important; }
	.banner-box .mobilelinks { display: none; }
	.banner-box.step2 .mobilelinks { display: block; }
	.banner-box.step2 .btnbg { display: none; }
	.banner-box .popupbox .intro { padding-bottom: 15px; }
	.banner-box .popupbox .intro p { display: none; }
	.banner-box .popupbox .boxbg .intro { display: block; padding: 25px 0px 0px 0px !important; }
	.banner-box .popupbox .boxbg .intro h2 { display: none; }
	.banner-box .popupbox .boxbg .intro p { display: block; }
	.banner-box .popupbox figure { width: calc(100% + 40px); margin: 0 -20px; }
	.banner-box .popupbox { height: auto; padding-bottom: 120px; }
	.banner-box .popupbox .popupmid { position: relative; left: 5%; top: 60px; transform: translate(0,0); max-height: inherit; border: 2px solid #5CFFA6; }
	.banner-box .popupbox a.closebtn span:before, .banner-box .popupbox a.closebtn span:after { height: 22px; }
	.banner-box .mapimg a.btn1 span { left: 0%; top: 100%; }
	.banner-box .mapimg a.btn2 span { right: 0%; bottom: 100%; }
	.banner-box .mapimg a.btn3 span { right: 0; }
	.banner-box .mapimg a.btn1 span { left: auto; top: 100%; right: 100%; }
	.banner-box .mapimg a.btn2 span { right: auto; left: 80%; bottom: 100%; }
	.banner-box .mapimg a.btn3 span { right: auto; left: 80%; }
	.banner-box .mapimg a.btn4 { right: 92px; top: 39px; }
	.banner-box .mapimg a.btn5 { right: 108px; top: 56px; }
	.banner-box .btnbg { bottom: 20px; }
	.banner-box.step2 .middlecontent { padding: 0 10px; min-height: calc(100vh - 470px); }
	
	.intro-box { padding: 0px 0px 180px; display: none; border: 0px; }
	.intro-box .intro:after { width: 40px; opacity: 0.5; }
	.intro-box.showonmobile { display: block !important; }
	.intro-box .intro { padding: 40px 20px; }
	.intro-box h2 { font-size: 40px; }
	.intro-box .contents h3 { font-size: 30px; line-height: 36px; }
	.intro-box .contents { padding: 40px 20px; display: flex; flex-wrap: wrap; }
	.intro-box .contents figure { padding: 0px; margin: 20px -20px 35px; float: none; max-width: calc(100% + 40px); }
	.intro-box .contents figure figcaption { position: relative; bottom: 0px; text-align: center; padding: 10px 0px 0px; font-size: 14px; }
	.intro-box .contents figure:after, .intro-box .desktoponly { display: none; }
	.intro-box .mobileonly { display: block; }
	.intro-box .contents .quote .img { display: none; }
	.intro-box .contents .quote { padding: 20px; margin: 25px -20px; min-height: inherit; max-width: calc(100% + 40px); width: calc(100% + 40px); }
	.intro-box .contents .quote h4 { padding: 0px 20px 0px 68px; font-size: 33px; line-height: 40px; }
	.intro-box .contents .quote p { padding: 25px 0px 20px 68px; }
	.intro-box .bottomlink { display: none; }
	.intro-box .backtotop { display: block; text-align: center; width: 100%; position: relative; z-index: 9998; }
	.intro-box .bottombg { height: 250px; background-size: 150%; }
	.intro-box a.backtotop { padding-top: 22px; display: inline-block; position: relative; font-family: 'Inter', sans-serif; font-weight: 200; font-size: 23.5714px; line-height: 29px; color: #08062A; text-decoration: none; }
	.intro-box a.backtotop:before { content: ""; position: absolute; left: 50%; top: 0px; transform: translateX(-50%) rotate(-225deg); width: 24px; height: 24px; border-left: #08062A solid 2px; border-bottom: #08062A solid 2px; }
	
	.nasdaq-foot .footer { padding: 20px 0px; }
	.nasdaq-foot .footer .col-3 { width: 100%; }
	.nasdaq-foot .footer .footer__links { padding: 30px 0px 0px 0px; width: 100%; }
	.nasdaq-foot .footer .col-4 { padding: 30px 20px 20px 0; width: 100%; }
	.nasdaq-foot .footer .col-4 img { float: left; }
	.nasdaq-foot .footer .copyrightblock ul { width: 100%; padding-bottom: 10px; }
	.nasdaq-foot .footer .copyrightblock p { float: none; padding-bottom: 0px; }
	.nasdaq-foot .container { padding: 0 20px; }
	.nasdaq-foot .footer .footer__links.col-2 { padding-right: 0px; width: 100%; }
	.nasdaq-foot .footer .footer__link-social { margin-right: 1.5rem; }
	
	.nasdaq-foot .footer .disclaimer { padding-bottom: 30px; padding-top: 10px; }
	
	.banner-box .popupbox .disclaimer { padding: 60px 20px 20px; top: 60px; bottom: auto; position: relative; }
	
}


@media only screen and (max-width: 413px) {

	.banner-box .text h1 { font-size: 35px; line-height: 42px; }
	.banner-box .text p { line-height: 24px; font-size: 18px; }
	.banner-box .introcontent { padding: 20px 20px 15px; margin: 15px auto 40px; }
	.banner-box .introcontent p { font-size: 18px; line-height: 24px; }
	.banner-box a.readmore { font-size: 18px; }
	.banner-box .mapimg { padding: 0 0 30px 0px; max-width: 270px; }
	.banner-box .mobilelinks { padding: 10px 0px; }
	.banner-box .mobilelinks li a { font-size: 18px; }
	.banner-box .mapimg a.popupbtn1 { right: -15px; top: 14px; }
	.banner-box .mapimg a.btn1 { right: 1px; top: 21px; }
	.banner-box .mapimg a.btn2 { right: auto; left: -20px; top: 20px; }
	.banner-box .mapimg a.btn3 { right: auto; left: -32px; top: 33px; }
	.banner-box .mapimg a.popupbtn:before { width: 6px; height: 6px; left: 31px; top: 31px; }
		
	.banner-box .popupbox h2 { font-size: 18px; line-height: 24px; }
	.banner-box .popupbox .text { padding: 0px 0px 20px 50px; }
	.banner-box .popupbox .text:before { left: 10px; top: 5px; width: 20px; height: 25px; }
	.banner-box .popupbox#lightbox2 .intro, .banner-box .popupbox#lightbox3 .intro { padding: 0 0 0 0; }
	.banner-box .popupbox .intro p { font-size: 16px; }
	.banner-box .popupbox .text p { font-size: 16px; line-height: 24px; }
	.banner-box .popupbox .text h4 { font-size: 14px; line-height: 17px; }
	.banner-box .popupbox a.morelink { margin: 0px -20px; width: calc(100% + 40px); text-align: center; }
	.banner-box .popupbox a.pop_up span { padding-left: 32px; font-size: 20px; line-height: 35px; background-size: 20px; }
	.banner-box .mapimg a.btn4 { right: 72px; top: 33px; }
	.banner-box .mapimg a.btn5 { right: 60px; top: 20px; }
	
	.intro-box h2 { font-size: 35px; }
	.intro-box .contents h3 { font-size: 26px; line-height: 32px; }
	.intro-box .contents p { font-size: 16px; line-height: 24px; }
	
	.nasdaq-foot .footer .footer__links li { padding: 0 20px 10px 0; width: 100%; }
	.nasdaq-foot .footer .copyrightblock { padding-right: 0px; }
	.nasdaq-foot .footer .copyrightblock ul { padding-left: 0px; }
	.nasdaq-foot .footer .footer__link-social { margin-right: 1.5rem; }
	
}

















