@font-face {
    font-family: 'FreightTextMedium';
    src: url('/_content/PresentationPackage/fonts/FreightText-Medium.eot?v=4.0.3');
    src: url('/_content/PresentationPackage/fonts/FreightText-Medium.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('/_content/PresentationPackage/fonts/FreightText-Medium.woff?v=4.0.3') format('woff'), url('/_content/PresentationPackage/fonts/FreightText-Medium.ttf?v=4.0.3') format('truetype'), url('/_content/PresentationPackage/fonts/FreightText-Medium.svg?v=4.0.3#fontawesomeregular') format('svg');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'UbuntuRegular';
    src: url('/_content/PresentationPackage/fonts/ubuntu/ubuntu-regular-webfont.woff2') format('woff2'), url('/_content/PresentationPackage/fonts/ubuntu/ubuntu-regular-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'UbuntuRegular';
    src: url('/_content/PresentationPackage/fonts/ubuntu/ubuntu-bold-webfont.woff2') format('woff2'), url('/_content/PresentationPackage/fonts/ubuntu/ubuntu-bold-webfont.woff') format('woff');
    font-weight: bold; font-style: normal;
}
@font-face {
    font-family: 'OxaniumRegular';
    src: url('/_content/PresentationPackage/fonts/oxanium/oxanium-regular-webfont.woff2') format('woff2'), url('/_content/PresentationPackage/fonts/oxanium/oxanium-regular-webfont.woff') format('woff');
    font-weight: normal; font-style: normal;
}

canvas#particle { width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0.25); z-index: 2; }

.home-wrapper { 
    position: relative; width: 100%; height: 100%; overflow: hidden !important;
    background-size: cover;
    background-image: url(/home/images/home_splash.jpg); background-position: center;
    -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: subpixel-antialiased;
}

.home-content { position: relative; z-index: 10; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.home-wrapper .home-inner { width: 100%; height: 100%; padding: 0 5%; display: flex; align-items: center; }
.home-wrapper .home-inner .home-text-wrapper { cursor: default; width: 100%; max-width: 1170px; margin: 0 auto; }
.home-wrapper .home-inner .home-text-wrapper .home-text-h1 { margin-bottom: 10px; font-size: 72px; color: white; text-transform: uppercase; font-family: 'FreightTextMedium', sans-serif !important; }
.home-wrapper .home-inner .home-text-wrapper .home-text-h1 span { text-shadow: black 0px 0px 12px; }

.home-wrapper .home-inner .home-text-wrapper .home-text-light {
    margin-bottom: 10px; color: #a4a4a4; line-height: 22px; font-family: 'UbuntuRegular', sans-serif; font-size: 14px; font-weight: 300; 
}
.home-wrapper .home-inner .home-text-wrapper .home-text-light.contact { font-size: 15px; }
.home-wrapper .home-inner .home-text-wrapper .home-text-light a { color: #ef6e24; text-decoration: none; }
.home-wrapper .home-inner .home-text-wrapper .home-text-light a:hover { color: #337ab7; text-decoration: underline; }

.home-wrapper .nav-container { 
    width: 100%; min-height: 120px;
    background: -moz-linear-gradient(top,  rgba(0,0,28,0.8) 0%, rgba(0,0,28,0.8) 1%, rgba(0,0,28,0.6) 50%, rgba(0,0,28,0.35) 75%, rgba(0,0,28,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,28,0.8) 0%,rgba(0,0,28,0.8) 1%,rgba(0,0,28,0.6) 50%,rgba(0,0,28,0.35) 75%,rgba(0,0,28,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,28,0.8) 0%,rgba(0,0,28,0.8) 1%,rgba(0,0,28,0.6) 50%,rgba(0,0,28,0.35) 75%,rgba(0,0,28,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc00001c', endColorstr='#0000001c',GradientType=0 );

}
.home-wrapper .home-container { width: 100%; height: 100%; }
.home-wrapper .footer-container { width: 100%; height: 60px; }

.home-wrapper .nav-container .nav-inner-container { height: 120px; padding: 0 5%; transition: all 0.5s; }
.home-wrapper .nav-container .nav-inner-container .nav-inner { display: flex; justify-content: space-between; max-width: 1170px; height: 90px; margin: 0 auto; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .logo { display: inline-block; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .logo a { display: block; padding: 8px 0; }

.home-wrapper .nav-container .nav-inner-container .nav-inner .logo a img {
    max-height: 75px; transition: all 0.5s; user-select: none; vertical-align: middle;
    -webkit-filter: drop-shadow(0px 0px 2px #00001c); filter: drop-shadow(0px 0px 2px #00001c);
}


.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu { position: relative; display: block; width: auto; height: 100%; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu ul { height: 100%; text-transform: uppercase; font-family: 'FreightTextMedium', sans-serif !important; list-style: none; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu ul li {
    height: 100%; text-align: center; position: relative; display: flex; flex-direction: column; justify-content: center;
}
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu ul li a {
    font-size: 13px; color: white; display: inline-block; padding: 15px; letter-spacing: 0.2px; background: rgba(255,255,255,0);
    position: relative; transition: all 0.5s; text-decoration: none;
}
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu ul li a:hover,
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu ul li a.selected { background: rgba(255,255,255,0.25); }


.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container { position: absolute; right: 0; transition: transform 0.6s, opacity 0.6s; transform: translateY(-10px); opacity: 0; z-index: 100; min-width: 192px; min-height: 196px; perspective: 400px; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container.open { transform: translateY(0); opacity: 1; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container.panel-hidden { transform: translateY(20px); }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container.offset { top: -9999px !important; left: -9999px !important; }

.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container-faces { position: absolute; width: 100%; height: 100%; transition: transform 0.6s; transform-style: preserve-3d; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container-faces.flip { transform: rotateY(180deg); }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container-faces .panel-container-faces-front,
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container-faces .panel-container-faces-back { position: absolute; height: 100%; width: 100%; border-radius: 5px; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container-faces .panel-container-faces-back { transform: rotateY( 180deg ); }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container-faces.flip .panel-container-faces-front { z-index: 1; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container-faces.flip .panel-container-faces-back { z-index: 2; }

.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .nav-menu-login-panel-container,
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .nav-menu-forgot-panel-container { position: relative; overflow: hidden; border: 2px solid #54a1d9; border-radius: 8px; background-color: #00001c; box-shadow: 0 0 16px #00001c; height: 100%; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .nav-menu-login-panel-container { position: relative; padding: 12px 12px 32px; }

.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .nav-menu-forgot-panel-container .forgot-panel-container,
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .nav-menu-forgot-panel-container .forgot-panel-container-success { top: 0; width: 100%; height: 100%; transition: left 0.6s; padding: 12px; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .nav-menu-forgot-panel-container .forgot-panel-container { position: relative; left: 0%; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .nav-menu-forgot-panel-container .forgot-panel-container-success { position: absolute; left: 110%; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .nav-menu-forgot-panel-container.success .forgot-panel-container { left: -110%; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .nav-menu-forgot-panel-container.success .forgot-panel-container-success { left: 0%; }


.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container .title { font-family: 'OxaniumRegular', Verdana, sans-serif; color: #ef6e24; font-size: 18px; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container .desc { font-family: 'UbuntuRegular', sans-serif; color: #fff; font-size: 12px; margin-bottom: 0.25em; margin-top: 0.25em; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container input {
    background-color: rgba(84,161,217,0.6); padding: 6px; border: 0; font-family: 'UbuntuRegular', sans-serif; color: #fff; border-radius: 3px; margin-top: 12px;
}
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container input::placeholder { color: rgba(84,161,217,1); }

.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container a.btn {
    display: inline-block; text-align: center; background-color: #54a1d9; color: #000; text-decoration: none; margin: 10px auto 0;
    font-family: 'UbuntuRegular', sans-serif; font-weight: bold; line-height: 95%; 
    font-size: 12px; text-transform: uppercase; padding: 6px; border-radius: 6px;
}
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container a.btn:hover { background-color: #74c1f9; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container a.forgot { display: block; font-family: 'UbuntuRegular', sans-serif; color: #ef6e24; font-size: 11px; text-decoration: none; margin-top: 6px; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container a.forgot:hover { color: #fff; text-decoration: underline; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container span.login-status { display: inline-block; text-align: center; color: #000; text-decoration: none; margin: 10px auto 0; font-family: 'UbuntuRegular', sans-serif; font-weight: bold; line-height: 95%; font-size: 14px; text-transform: uppercase; padding: 5px 6px 5px 30px; border-radius: 6px; background-image: url(/_content/PresentationPackage/dashboard/images/animation/w/loading.gif); background-size: auto 100%; color: #fff; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container span.forgot-status { display: inline-block; text-align: center; color: #000; text-decoration: none; margin: 10px auto 0; font-family: 'UbuntuRegular', sans-serif; font-weight: bold; line-height: 95%; font-size: 14px; text-transform: uppercase; padding: 5px 6px 5px 30px; border-radius: 6px; background-image: url(/_content/PresentationPackage/dashboard/images/animation/w/loading.gif); background-size: auto 100%; color: #fff; }
.home-wrapper .message-wrapper-container span.reset-status { display: inline-block; text-align: center; color: #fff; text-decoration: none; margin: auto 50%; font-family: 'UbuntuRegular', sans-serif; font-weight: bold; line-height: 95%; font-size: 14px; text-transform: uppercase; padding: 5px 6px 5px 30px; border-radius: 6px; background-image: url(/_content/PresentationPackage/dashboard/images/animation/w/loading.gif); background-size: auto 100%; color: #fff; }

.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container .home-login-error { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #cc0000; color: #fff; padding: 4px 3px; font-family: 'UbuntuRegular', sans-serif; font-size: 11px; border-radius: 0 0 6px 6px; text-align: center; }
.home-wrapper .nav-container .nav-inner-container .nav-inner .nav-menu .panel-container .home-forgot-error { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #cc0000; color: #fff; padding: 4px 3px; font-family: 'UbuntuRegular', sans-serif; font-size: 11px; border-radius: 0 0 6px 6px; text-align: center; }
.home-wrapper .message-wrapper-container .reset-password-error { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #cc0000; color: #fff; padding: 4px 3px; font-family: 'UbuntuRegular', sans-serif; font-size: 11px; border-radius: 0 0 6px 6px; text-align: center; }
.home-wrapper .message-wrapper-container .register-form-error { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #cc0000; color: #fff; padding: 4px 3px; font-family: 'UbuntuRegular', sans-serif; font-size: 11px; border-radius: 0 0 6px 6px; text-align: center; }


.host-ui-error-container { font-size: medium; z-index: 2500; position: relative; background-color: #bb99ab; height: 36px; transition: height 0.6s; overflow: hidden; }
.host-ui-error-container.close { height: 0; }
.host-ui-error-container p { font-family: 'UbuntuRegular', sans-serif; color: #333; text-align: center; padding: 8px 10px; }
.host-ui-error-container a { width: 20px; height: 20px; background-color: rgba(0,0,0,0.25); border-radius: 20px; color: #333; text-decoration: none; display: inline-block; line-height: 125%; }
.host-ui-error-container a:hover { background-color: rgba(64,64,64,0.25); }

.message-wrapper { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.message-wrapper-container { position: relative; padding: 24px; background-color: rgba(0,0,0,0.75); border-radius: 12px; width: 90%; max-width: 960px; max-height: 94%; margin: 1em; overflow: hidden; box-shadow: 0 0 18px rgba(255,255,255,0.35); }
.message-wrapper-container p,
.message-wrapper-container ul { color: #fff; font-size: 18px; margin-bottom: 1em; line-height: 120%; font-family: 'UbuntuRegular', sans-serif; }
.message-wrapper-container ul.browsers li { display: flex; align-items: center; margin: 0.5em 0; }
.message-wrapper-container ul.browsers li span { margin-right: 0.5em; }
.message-wrapper-container h1 { font-family: 'OxaniumRegular', Verdana, sans-serif; color: #ef6e24; font-size: 48px; margin-bottom: 0.25em; }
.message-wrapper-container p.callout { background-color: rgba(255,255,255,0.15); border-radius: 6px; padding: 12px; margin-bottom: 0; }

.register-form form p.form_row { display: flex; flex-wrap: wrap; margin-top: 0; margin-bottom: 1em; }
.register-form input,
.register-form select { width: 48%; margin-right: 2%; font-size: 24px; background-color: rgba(84,161,217,0.6); padding: 8px; border: 0; font-family: 'UbuntuRegular', sans-serif; color: #fff; border-radius: 3px; }
.register-form input[type=checkbox] { width: 100%; }
.register-form input.input_checkbox[type=checkbox] + label.input_label { font-size: 18px !important; }
.register-form input::placeholder,
.register-form select { color: rgba(84,161,217,1); }
.register-form select option { color: #000; }

.register-form a.btn {
    display: inline-block; text-align: center; background-color: #54a1d9; color: #000; text-decoration: none; margin: 10px auto 0;
    font-family: 'UbuntuRegular', sans-serif; font-weight: bold; line-height: 95%; 
    font-size: 18px; text-transform: uppercase; padding: 8px; border-radius: 6px;
}
.register-form a.btn:hover { background-color: #74c1f9; }

@media only screen and (max-width: 540px) {
    .home-wrapper .home-inner .home-text-wrapper .home-text-h1 { font-size: 13vw; }
    .message-wrapper-container h1 { font-size: 10vw; }
    .register-form form p.form_row { margin-bottom: 0; }
    .register-form form p.form_row input,
    .register-form form p.form_row select { margin-bottom: 0.75em; }
    .register-form input,
    .register-form select { width: 100%; }
}

.message-wrapper .message-wrapper-container .message-wrapper-container-panel a.gohome { color: #ef6e24; background-color: rgba(255,255,255,0.25); padding: 5px 8px; text-transform: uppercase; font-size: 14px; border-radius: 4px; margin-left: 4px; text-decoration: none; font-weight: bold; }
.message-wrapper .message-wrapper-container .message-wrapper-container-panel a.gohome:hover { color: #09529d; text-decoration: none; background-color: rgba(255,255,255,0.5); }

@media (max-width: 760px) {
    .message-wrapper .message-wrapper-container { padding: 24px; border-radius: 0; width: 100%; height: 100%; max-height: 100%; margin: 0; overflow-y: auto; box-shadow: none; }
   
    .message-wrapper-container-panel { min-height: 0; }
    .message-wrapper .message-wrapper-container .panel-container .home-login-error,
    .message-wrapper .message-wrapper-container .panel-container .home-forgot-error,
    .message-wrapper .message-wrapper-container .reset-password-error,
    .message-wrapper .message-wrapper-container .register-form-error { position: relative; display: block; margin-top: 12px; border-radius: 6px; }

    .register-form form p.form_row { margin-bottom: 0; }
    .register-form form p.form_row input,
    .register-form form p.form_row select { margin-bottom: 0.75em; }
    .register-form input,
    .register-form select { width: 100%; }
    }