html,body,div,span,applet,object,iframe,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,ins,kbd,q,s,samp,strike,tt,var,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

.dnnActionMenu {
    z-index: 9999;
}

#dnnCPWrap ~ .wrapper .HeaderBG:hover,
#dnnCPWrap ~ .wrapper .RegisterPane:hover {
    overflow: visible;
}

body {
    line-height: 1;
}

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

body {
    font-family: 'Open Sans', 'Arial', sans-serif;
    font-size: 1em;
    background-color: #fff;
}

.wrapper,
.wrapper *,
.wrapper *:after,
.wrapper *:before {
    box-sizing: border-box;
}

.wrapper {
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.wrapper *:focus {
    outline: 1px dotted;
}

.wrapper:focus {
    outline: 0;
}

.content-width {
    width: 76.1875em;
    padding-right: 1.25em;
    padding-left: 1.25em;
    margin: 0 auto;
}

.InnerHeaderBG {
    min-height: 6em;
}

.InnerMainBG {
    padding-top: 3%;
}

.FooterBG {
    padding: 2.5em 0 2em 0;
}

.SponsorsPane {
    background-color: #fff;
}


.white-bg {
    background-color: #fff;
}

.gray-bg {
    background-color: #efefef;
}

.blue-bg {
    background-color: #010823;
    color: #fff;
}

@media (min-width: 64em) {
    .ContentWithSidebar {
        display: flex;
    }
    .ContentWithSidebar .pane.ContentPane {
        flex: 1;
    }
    .SidebarPane {
        padding-left: 1.5em;
        padding-top: 6.3125em;
        flex-shrink: 0;
    }
}


#BackToTop {
    width: 31px;
    height: 30px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #222;
    background-color: rgba(1, 1, 1, .5);
    border-radius: 10px;
    color: #fff;
    padding-top: 5px;
    padding-left: 7px;
    z-index: 99999;
    transition: transform 100ms;
}

#BackToTop:hover,
#BackToTop:focus {
    text-decoration: none;
    transform: scale(1.2);
}

.iframecontainer {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.iframecontainer iframe,
.iframecontainer object,
.iframecontainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tablecontainer {
    overflow: auto;
}

.hidden {
    display: none;
}

.screen-reader-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 0.1875em;
    clip: auto !important;
    clip-path: none;
    display: block;
    color: #000;
    font-size: 1em;
    font-weight: bold;
    height: auto;
    line-height: normal;
    padding: 0.9375em 1.4375em 0.875em;
    text-decoration: none;
    top: 0.3125em;
    width: auto;
    z-index: 1;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

button.reset-button-css {
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: 1em;
}

.Normal {
    font-size: 1em;
}
@font-face {
  font-family: 'icomoon';
  src:
    url('icomoon/icomoon.ttf?cv8mh6') format('truetype'),
    url('icomoon/icomoon.woff?cv8mh6') format('woff'),
    url('icomoon/icomoon.svg?cv8mh6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-instagram:before {
  content: "\e908";
}
.icon-chevron-right:before {
  content: "\e900";
}
.icon-chevron-left:before {
  content: "\e901";
}
.icon-chevron-down:before {
  content: "\e902";
}
.icon-chevron-up:before {
  content: "\e903";
}
.icon-accessibility:before {
  content: "\e904";
}
.icon-chevron-down-small:before {
  content: "\e905";
}
.icon-menu:before {
  content: "\e906";
}
.icon-close:before {
  content: "\e907";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-linkedin-square:before {
  content: "\f08c";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-chevron-left-small:before {
  content: "\f104";
}
.icon-chevron-right-small:before {
  content: "\f105";
}
.icon-youtube:before {
  content: "\f16a";
}


/*Navigation*/
.main-menu {
    line-height: 1;
}

.main-menu,
.main-menu ul,
.main-menu li,
.mobile-menu,
.mobile-menu ul,
mobile-menu li {
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-menu li {
    position: relative;
    white-space: nowrap;
    display: inline-block;
}

.main-menu li ul {
    position: absolute;
    top: -999em;
}

.main-menu li ul.expanded,
.main-menu li:hover ul {
    left: 0;
    top: 2em;
    /* match top ul list item height */
}

.main-menu li.last ul,
.main-menu li.last ul {
    left: auto;
    right: 0;
}

.main-menu li li a {
    display: block;
}

/*theme*/
.Navigation {
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    font-family: 'Comfortaa', 'Open Sans', sans-serif;
    font-weight: 300;
}
.Home .Navigation {
    transition: background-color 400ms;
}
.scrolled .Navigation {
    background-color: #0a1220;
}
.Navigation:after {
    content: '';
    /* width: 454px;
    height: 447px;
    position: absolute;
    top: -231px;
    right: -243px;
    background-image: url('../../images/full-green-sphere.png') */
}

.main-menu {
    color: #fff;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    padding: 2.25em 0;
}

.main-menu .text {
    font-size: 1em;
}

.main-menu a,
.main-menu span.disabled {
    display: inline-block;
    padding: .5em .75em;
}

/* .main-menu > .last > a,
.main-menu > .last > span.open-level {
    padding-right: 0;
}
 */
.main-menu span.open-level {
    cursor: default;
}

.main-menu a,
.main-menu a:link,
.main-menu a:visited,
.main-menu a:active {
    color: #fff;
}

.main-menu a:hover,
.main-menu a:focus {
    text-decoration: underline;
}

.Navigation .main-menu li li {
    display: block;
}

.Navigation .main-menu ul {
    text-transform: none;
    display: block;
    border-radius: 0 0 .5em .5em;
    border-top: 0;
    background-color: #0a1220;
    border-top: 0;
}

.Navigation .main-menu li li a {
    padding: .5em .75em;
}
.Navigation .main-menu li li a:hover {
    background-color: rgba(255, 255, 255, .15);
    text-decoration: none;
}

.main-menu > .selected > a,
.main-menu > .selected > .open-level {
    background-color: #a0c63a;
    margin-top: -.1875em;
    border-top: .1875em solid #a0c63a;
    color: #0a1220;
    font-weight: 500;
    border-radius: 99em;
}

.main-menu > .selected .icon {
    color: #0a1220;
}

.main-menu a.open-level {
    padding-right: 1.5em;
}
.main-menu a + .icon {
    margin-left: -2em;
    margin-right: 1em
}

.main-menu .icon.icon {
    font-size: .75em;
    text-decoration: none;
}


.mobile-menu,
button.mobilemenu-button {
    display: none;
}



a.LinkToContent {
    position: absolute;
    top: -100%;
    left: 0;
    background: #f8f8f8;
    z-index: 99999;
    font-weight: bold;
    padding: 1em;
}

a.LinkToContent,
a.LinkToContent:link,
a.LinkToContent:visited,
a.LinkToContent:active {
    color: #000;
}

a.LinkToContent:focus {
    top: 0;
}

.tooltipster-sidetip .tooltipster-box {
    background-color: #eef4ff;
    border-color: #000;
    border: 0;
    border-radius: 0;
}

.tooltipster-sidetip .tooltipster-content {
    color: #000;
    font-size: 14px;
}

.tooltipster-sidetip .tooltipster-content h2 {
    font-size: 1em;
    font-weight: bold;
    color: #000;
    font-family: 'Arial', sans-serif;
}

.AccessibilityPane {
    font-family: Verdana, Geneva, sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999;
}

.AccessibilityPane h2 {
    font-size: 1em;
    line-height: 1;
}

.AccessibilityPane h2 button:focus {
    background-color: #f8f8f8;
    color: #000;
}

.AccessibilityPane h2 button {
    background-color: #0a1220;
    color: #fff;
    display: block;
    padding: .25em .75em;
    width: 100%;
}

.AccessibilityPane.expanded h2 button {
    background-color: #f8f8f8;
    color: #000;
}

.AccessibilityPane button {
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: 1em;
    font-family: 'Arial', sans-serif;
    text-align: right;
}

.AccessibilityPane h2 button .icon {
    font-size: 1.5em;
}

.AccessibilityMenu button {
    background-color: #fff;
    padding: .25em .5em;
    border: 2px outset #ccc;
}

.AccessibilityMenu button[disabled] {
    background-color: transparent;
    color: #777;
    border-color: #eee;
    border-style: inset;
}

.AccessibilityPane.expanded {
    background-color: #f8f8f8;
    overflow: auto;
}

.AccessibilityPane h3 {
    color: #000;
    font-family: 'Arial', sans-serif;
    font-size: 1em;
    line-height: 1;
    font-weight: bold;
    margin-bottom: .75em;
}

.AccessibilityPane .AccessibilityMenu {
    display: none;
    padding: 1em 3em 1em 2.5em;
}

.AccessibilityPane.expanded .AccessibilityMenu {
    display: block;
}

.AccessibilityPane .AccessibilityMenu li {
    margin-bottom: .5em;
}

.AccessibilityPane .AccessibilityMenu ul,
.AccessibilityPane .AccessibilityMenu ul li {
    list-style: none;
    padding-left: .5em;
}

.AccessibilityPane .AccessibilityMenu > li {
    margin-bottom: 1.5em;
}

.AccessibilityPane a,
.AccessibilityPane a:link,
.AccessibilityPane a:visited,
.AccessibilityPane a:active {
    color: #0000ff;
    text-decoration: underline;
}

.AccessibilityPane a:hover {
    color: #ff0000;
}

.AccessibilityPane .close-icon {
    display: none;
    position: absolute;
    left: .5em;
    top: .3em;
    font-weight: bold;
}

.AccessibilityPane.expanded .close-icon {
    display: inline-block;
}

.AccessibilityPane .close-icon:before {
    content: '\2715';
}

.acc-contrast-max,
.acc-contrast-max * {
    color: #ffff00 !important;
    background-color: #000 !important;
    border-color: #ffff00 !important;
    outline-color: #ffff82 !important;
    background-image: none !important;
}

.acc-contrast-max span {
    background-color: transparent !important;
}

.acc-contrast-max img {
    -webkit-filter: sepia();
    filter: sepia();
}

.acc-contrast-max .AccessibilityPane {
    border: 1px solid #ffff00;
}

.acc-contrast-max .AccessibilityMenu button[disabled] {
    opacity: .5;
}

.acc-contrast-max .hvr-curl-bottom-right:before {
    content: none;
}

.acc-contrast-max .tooltipster-sidetip .tooltipster-box {
    border: 1px solid #ffff00;
}

.acc-contrast-max a,
.acc-contrast-max a:link,
.acc-contrast-max a:visited,
.acc-contrast-max a:active,
.acc-contrast-max a:hover,
.acc-contrast-max a:focus {
    color: #ffff82 !important;
}

.acc-contrast-max a * {
    color: #ffff82 !important;
}

.acc-contrast-max a:focus {
    outline: 1px solid #ffff00 !important;
}

.acc-contrast-max .Navigation li.separator:after {
    color: #ffff00;
}


@media (max-width:77em) {
    img {
        max-width: 100%;
        height: auto !important;
    }

    .wrapper {
        width: auto;
        max-width: 100%;
    }

    .wrapper .content-width.content-width {
        width: auto;
        max-width: 100%;
    }

    .Navigation .main-menu {
        font-size: 1.25vw;
    }
}

@media (max-width: 64em) {
    .Inner main:before {
        content: none;
    }

    .HeaderWrapper {
        padding-right: 3.25em;
    }
    .Navigation {
        position: fixed;
        top: 0;
        right: 0;
        max-height: 100%;
        overflow: auto;
        padding-top: 0;
        padding-bottom: 0;
    }
    .Navigation:after {
        content: none;
    }

    .wrapper .Navigation {
        background-color: transparent;
    }

    .Navigation .main-menu {
        display: none;
    }

    .Navigation .content-width {
        padding: 0;
    }

    button.mobilemenu-button,
    .mobile-menu.expanded {
        display: block;
    }
    
    button.mobilemenu-button {
        margin-left: auto;
        font-size: 2.5em;
        background-color: #a0c63a;
        color: #0a1220;
        padding: .125em .25em;
        transition: all 150ms;
    }

    button.mobilemenu-button span {
        display: block;
    }

    button.mobilemenu-button .close {
        display: none;
    }

    button.mobilemenu-button.active .close {
        display: block;
    }

    button.mobilemenu-button.active .open {
        display: none;
    }

    .mobile-menu {
        margin-top: -3.125em;
        line-height: 1;
        color: #fff;
        padding-top: 3.125em;
        width: 100%;
        background-color: #a0c63a;
        font-weight: 600;
    }

    .mobile-menu li {
        background-color: #0a1220;
    }

    .mobile-menu .text {
        font-size: 1.375em;
    }

    .mobile-menu,
    .mobile-menu ul,
    .mobile-menu li {
        list-style: none;
    }

    .mobile-menu a,
    .mobile-menu .open-level {
        color: #fff;
        display: block;
        border-bottom: 1px solid #fff;
        padding: 13px 15px;
        outline: 0;
    }

    .mobile-menu > li:first-child > a,
    .mobile-menu li:first-child > .open-level {
        border-top: 1px solid #fff;
    }

    .mobile-menu a:hover,
    .mobile-menu a:focus,
    .mobile-menu .open-level:focus,
    .mobile-menu .open-level:hover {
        text-decoration: none;
        background: #fff;
        color: #0a1220;
        border-bottom-color: #0a1220;
    }

    .mobile-menu .icon-chevron-right {
        float: right;
    }

    .mobile-menu .active .icon-chevron-right,
    .mobile-menu li:hover .icon-chevron-right {
        transform: rotate(90deg);
    }

    .mobile-menu ul a {
        background-color: #fff;
        color: #0a1220;
        border-bottom-color: #0a1220;
    }

    .mobile-menu ul {
        height: 0;
        overflow: hidden;
    }

    .mobile-menu ul.expanded

    /*, .mobile-menu li:hover ul*/
        {
        height: auto;
    }
}