/*Header is not sticky with subnav on this layout*/
/*Login Billboard*/
#ns2-billboard { display: flex; flex-wrap: wrap; }

#ns2-billboard .ns2-welcome { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; /*background-color: #3782f0;*/ background-position: center; background-repeat: no-repeat; background-size: cover; }

@media (min-width: 992px) { #ns2-billboard .ns2-welcome { flex: 0 0 50%; max-width: 50%; display: flex; align-items: center; } }

#ns2-billboard .ns2-welcome .ns2-info { max-width: 440px; margin: 0 auto; padding: 3rem 15px; }

@media (min-width: 992px) { #ns2-billboard .ns2-welcome .ns2-info { padding: 10rem 15px; } }

#ns2-billboard .ns2-login { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; /*background-color: #001739;*/ background-position: center; background-repeat: no-repeat; background-size: cover; }

@media (min-width: 992px) { #ns2-billboard .ns2-login { flex: 1 0 50%; max-width: 100%; display: flex; align-items: center; } }

#ns2-billboard .ns2-login .ns2-info { max-width: 440px; margin: 0 auto; padding: 3rem 15px; }

@media (min-width: 992px) { #ns2-billboard .ns2-login .ns2-info { padding: 10rem 15px; } }

#ns2-billboard .ns2-login .ns2-info .ns2-info-inner { padding: 2.5rem; text-align: center; /*background-color: #333333;*/ }

#ns2-billboard .ns2-login .ns2-info p { margin: 1rem 0; }

#ns2-billboard .ns2-login .ns2-info p .btn { text-transform: capitalize; }

/*Hide monkform for account request*/
.form-lightbox .monkForm { display: none; }

.form-lightbox .thanks { display: none; }

.monkForm.lbform { padding: 0px 2rem 2rem 2rem; }

.monkForm.lbform fieldset > legend { /*display: none;*/ padding: 2rem 0px; }

.monkForm.lbform fieldset fieldset > legend { /*display: block;*/ padding: 0px; }

/*Steps Nav*/
#select-nav-dropdown, #select-nav-dropdown-button { display: block; margin: 0 auto; }

@media (min-width: 992px) { #select-nav-dropdown, #select-nav-dropdown-button { display: none; } }

#ns2-sticky { position: relative; width: 100%; top: 0; left: 0; /*background-color: #333333;*/ z-index: 999; padding: 1rem 0; }

@media (min-width: 992px) { #ns2-sticky { padding: 0px; } }

#ns2-sticky ul { display: none; margin: 0px; padding: 1rem 0px; list-style: none; }

@media (min-width: 992px) { #ns2-sticky ul { display: flex; flex-wrap: wrap; padding: 0px 1rem; justify-content: center; } }

#ns2-sticky ul li { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; margin: 0px; padding: 0px; list-style: none; box-sizing: border-box; }

@media (min-width: 992px) { #ns2-sticky ul li { flex: 0 0 auto; width: auto; max-width: 100%; } }

#ns2-sticky ul li a { display: block; position: relative; text-align: center; padding: 2.5rem 1rem; text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 1.125rem; /*color: #ffffff;*/ }

@media (hover: hover) { #ns2-sticky ul li a:hover { opacity: .6; } }

#ns2-sticky ul li a:before { display: none; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*background-color: #ffffff;*/ }

@media (min-width: 992px) { #ns2-sticky ul li a:before { -webkit-clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%); } }

@media (min-width: 992px) { #ns2-sticky ul li a { padding: 1.5rem 2.5rem; } }

@media (min-width: 1380px) { #ns2-sticky ul li a { padding: 1.75rem 4rem; } }

#ns2-sticky ul li a span { position: relative; display: inline-block; vertical-align: middle; }

#ns2-sticky ul li a .icon { display: inline-block; vertical-align: middle; margin-right: .5rem; font-size: 150%; }

@media (min-width: 1380px) { #ns2-sticky ul li a .icon { font-size: 150%; } }

#ns2-sticky ul li a.active { /*color: #333333;*/ }

#ns2-sticky ul li a.active:before { display: block; }

@media (min-width: 992px) { #ns2-sticky.is-sticky { top: 0; position: fixed; } }

#ns2-sticky.is-sticky ul li a { padding-top: .75rem; padding-bottom: .75rem; }

.sticky-wrapper.is-substicky { position: absolute; }

@media (min-width: 992px) { .sticky-wrapper.is-substicky { position: relative; } }

/*Steps view options*/
#n2s-steps-view { position: relative; margin: 0px 0px 1rem 0px; padding: 0px; list-style: none; text-align: right; }

@media (min-width: 992px) { #n2s-steps-view { margin: 0px 0px -3rem 0px; } }

#n2s-steps-view li { display: inline-block; margin: 0px 0px 0px 1rem; padding: 0px; list-style: none; }

#n2s-steps-view li a { text-decoration: none; font-size: 1.5rem; /*color: #333333;*/ }

@media (min-width: 992px) { #n2s-steps-view li a { font-size: 2rem; } }

@media (hover: hover) { #n2s-steps-view li a:hover { /*color: #ce5337;*/ } }

#n2s-steps-view li a.active { /*color: #ce5337;*/ }

/*Steps*/
#ns2-steps { position: relative; padding: 3rem 0px; background-position: bottom center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }

@media (min-width: 992px) { #ns2-steps { padding: 5rem 0px; } }

#ns2-steps.line:before { display: none; content: ""; position: absolute; top: 0px; left: 50%; margin-left: -12px; width: 24px; height: 100%; /*background-color: #ffffff;*/ }

@media (min-width: 992px) { #ns2-steps.line:before { display: block; } }

#ns2-steps[data-view="list"]:before, #ns2-steps.list.line:before { display: none; }

#ns2-steps.dark.line:before { /*background-color: #000000;*/ }

#ns2-steps .ns2-step .ns2-step-series { max-width: 460px; }

#ns2-steps .ns2-step .ns2-step-articles { padding: 2rem 0px; }

#ns2-steps .ns2-step .ns2-step-articles article { display: flex; flex-wrap: wrap; align-items: center; padding: 3rem 2rem; margin-bottom: 4rem; /*background-color: #ffffff;*/ -webkit-clip-path: polygon(0 0, 95% 0, 100% 5%, 100% 100%, 100% 100%, 0 100%, 0% 100%, 0% 100%); clip-path: polygon(0 0, 95% 0, 100% 5%, 100% 100%, 100% 100%, 0 100%, 0% 100%, 0% 100%); }

@media (min-width: 992px) { #ns2-steps .ns2-step .ns2-step-articles article { max-width: 80%; margin-left: auto; -webkit-clip-path: polygon(0 0, 95% 0, 100% 10%, 100% 100%, 100% 100%, 0 100%, 0% 100%, 0% 100%); clip-path: polygon(0 0, 95% 0, 100% 10%, 100% 100%, 100% 100%, 0 100%, 0% 100%, 0% 100%); } }

#ns2-steps .ns2-step .ns2-step-articles article .image { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 2rem; }

@media (min-width: 992px) { #ns2-steps .ns2-step .ns2-step-articles article .image { flex: 0 0 66.66667%; max-width: 66.66667%; margin-bottom: 0px; } }

#ns2-steps .ns2-step .ns2-step-articles article .image img { display: block; width: 100%; height: auto; }

#ns2-steps .ns2-step .ns2-step-articles article .info { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; }

@media (min-width: 992px) { #ns2-steps .ns2-step .ns2-step-articles article .info { flex: 1 0 33.33333%; } }

@media (min-width: 992px) { #ns2-steps .ns2-step .ns2-step-articles article .info .info-inner { padding-left: 2rem; } }

#ns2-steps .ns2-step .ns2-step-articles article .info .info-inner .info-more p:last-of-type { margin-bottom: 0px; }

#ns2-steps .ns2-step .ns2-step-articles article .info .btn.complete { position: relative; }

#ns2-steps .ns2-step .ns2-step-articles article .info .btn.complete .icon { position: absolute; top: -.5rem; right: .5rem; /*color: #ce5337;*/ }

#ns2-steps .ns2-step:nth-child(odd) .ns2-step-series { margin-left: auto; }

#ns2-steps .ns2-step:nth-child(odd) .ns2-step-articles article { -webkit-clip-path: polygon(5% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% 100%, 0 5%); clip-path: polygon(5% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% 100%, 0 5%); }

@media (min-width: 992px) { #ns2-steps .ns2-step:nth-child(odd) .ns2-step-series { transform: translateX(30px); }
  #ns2-steps .ns2-step:nth-child(odd) .ns2-step-articles article { margin-left: 0px; margin-right: auto; -webkit-clip-path: polygon(5% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% 100%, 0 10%); clip-path: polygon(5% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0% 100%, 0 10%); } }

@media (min-width: 1380px) { #ns2-steps .ns2-step:nth-child(odd) .ns2-step-series { transform: none; } }

#ns2-steps[data-view="list"] .ns2-step .ns2-step-series { max-width: 460px; margin-left: 0px; margin-right: auto; }

#ns2-steps[data-view="list"] .ns2-step .ns2-step-articles article { padding: 0px; margin: 0px 0px 3rem 0px; background-color: transparent !important; -webkit-clip-path: none; clip-path: none; }

@media (min-width: 992px) { #ns2-steps[data-view="list"] .ns2-step .ns2-step-articles article { max-width: 80%; margin: 2rem auto; } }

#ns2-steps[data-view="list"] .ns2-step .ns2-step-articles article .image { display: none; }

#ns2-steps[data-view="list"] .ns2-step .ns2-step-articles article .info { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; }

@media (min-width: 992px) { #ns2-steps[data-view="list"] .ns2-step .ns2-step-articles article .info .info-inner { padding: 0px; } }

#ns2-steps[data-view="list"] .ns2-step .ns2-step-articles article .info .info-inner .info-meta { display: flex; flex-wrap: wrap; }

@media (min-width: 992px) { #ns2-steps[data-view="list"] .ns2-step .ns2-step-articles article .info .info-inner .info-meta { flex-wrap: nowrap; } }

#ns2-steps[data-view="list"] .ns2-step .ns2-step-articles article .info .info-inner .info-preview { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; }

@media (min-width: 992px) { #ns2-steps[data-view="list"] .ns2-step .ns2-step-articles article .info .info-inner .info-preview { flex-basis: 0; flex-grow: 1; max-width: 100%; } }

@media (min-width: 992px) { #ns2-steps[data-view="list"] .ns2-step .ns2-step-articles article .info .info-inner .info-preview p { margin: 0px; } }

#ns2-steps[data-view="list"] .ns2-step .ns2-step-articles article .info .info-inner .info-more { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; }

@media (min-width: 992px) { #ns2-steps[data-view="list"] .ns2-step .ns2-step-articles article .info .info-inner .info-more { flex: 0 0 auto; width: auto; max-width: 100%; margin-left: 1rem; } }

#ns2-steps[data-view="list"] .ns2-step .ns2-step-articles article .info .info-inner .info-more p { margin: 0px; }

#ns2-detail-wrap { display: flex; align-items: center; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 8999; }

#ns2-detail-wrap:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*background-color: rgba(255,255,255,.5);*/ }

#ns2-detail-wrap #ns2-detail { position: relative; width: 90%; max-width: 900px; height: 90%; margin: 0 auto; overflow-x: hidden; overflow-y: auto; }

#ns2-detail-wrap #ns2-detail img { max-width: 100% !important; }

#ns2-detail-wrap #ns2-detail .ns2-detail { position: relative; padding: 2rem; /*background-color: #333333;*/ }

@media (min-width: 992px) { #ns2-detail-wrap #ns2-detail .ns2-detail { padding: 4rem 6rem; } }

#ns2-detail-wrap #ns2-detail .ns2-detail .ns2-detail-close { position: absolute; right: 1rem; top: 1rem; text-align: right; }

#ns2-detail-wrap #ns2-detail .ns2-detail .ns2-detail-close a { display: inline-block; text-decoration: none; }

#ns2-detail-wrap #ns2-detail .ns2-detail article .title { text-align: center; }

@media (min-width: 992px) { #ns2-detail-wrap #ns2-detail .ns2-detail article .title { text-align: left; } }

#ns2-detail-wrap #ns2-detail .ns2-detail article .ns2-media { margin: 0px 0px 2rem 0px; padding: 0px; list-style: none; text-align: center; }

@media (min-width: 992px) { #ns2-detail-wrap #ns2-detail .ns2-detail article .ns2-media { text-align: left; } }

#ns2-detail-wrap #ns2-detail .ns2-detail article .ns2-media li { display: inline-block; margin: 0px .5rem; padding: 0px; list-style: none; }

#ns2-detail-wrap #ns2-detail .ns2-detail article .ns2-media li .btn-add { display: block; margin: 0px; }

body.ns2-detail-on #wrap { -webkit-filter: blur(4px); filter: blur(4px); }

#ns2-detail.loading:after { background-color: transparent; }

#ns2-detail .ns2-events article { margin: 1rem 0px; }

#ns2-detail .ns2-events article .info { display: flex; flex-wrap: wrap; }

#ns2-detail .ns2-events article .info .meta { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; }

@media (min-width: 992px) { #ns2-detail .ns2-events article .info .meta { flex-basis: 0; flex-grow: 1; max-width: 100%; } }

#ns2-detail .ns2-events article .info .meta p { margin: .25rem 0; }

#ns2-detail .ns2-events article .info .meta p.date { text-transform: uppercase; font-weight: 700; }

#ns2-detail .ns2-events article .info .more { position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; }

@media (min-width: 992px) { #ns2-detail .ns2-events article .info .more { flex: 0 0 auto; width: auto; max-width: 100%; margin-left: 1rem; } }

#ns2-detail .ns2-events article .info .more p { margin: 0px; text-align: right; }

#ns2-detail .ns2-events article .info .more p a { position: relative; }

/*fade in as user scrolls*/
#ns2-steps .ns2-animate { opacity: 0; transition: opacity .4s ease-in-out .15s; }

#ns2-steps .ns2-animate.inview { opacity: 1; }