.NUI-neon-text,
button.KUI-button.NUI-button-1 > span{
    color:#FFE0D2;
    -webkit-animation:NeonText 1.5s infinite alternate;     
    -moz-animation:NeonText 1.5s infinite alternate;    
    animation:NeonText 1.5s infinite alternatem;
}
.NUI-neon-text::-webkit-selection,
button.KUI-button.NUI-button-1 > span::-webkit-selection{
    background-color:#F55609;
    color:#F55609;
}
.NUI-neon-text::-moz-selection,
button.KUI-button.NUI-button-1 > span::-moz-selection{
    background-color:#F55609;
    color:#F55609;
}
.NUI-neon-text::selection,
button.KUI-button.NUI-button-1 > span::selection{
    background-color:#F55609;
    color:#F55609;
}

@keyframes NeonText{
    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100%{
        text-shadow:
        -0.5px -0.5px 1px #FFF,
        0.5px 0.5px 1px #FFF,
        0 0 2px #F55609,
        0 0 4px #F55609,
        0 0 6px #F55609,
        0 0 8px #F55609,
        0 0 10px #F55609;        
    }
    20%, 24%, 55%{        
        text-shadow:none;
    }    
    
}

.NUI-neon-border,
button.KUI-button.NUI-button-1{
    border:2px solid #FFE0D2;
    -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; 
    -webkit-animation:NeonBorder 1.5s infinite alternate;     
    -moz-animation:NeonBorder 1.5s infinite alternate;    
    animation:NeonBorder 1.5s infinite alternatem;
}
@keyframes NeonBorder{
    
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100%{
        box-shadow:
        0 0 1px #FFF, 
        inset 0 0 1px #FFF, 
        0 0 4px #F55609, 
        inset 0 0 4px #F55609, 
        0 0 8px #F55609, 
        inset 0 0 8px #F55609;   
    }
    20%, 24%, 55%{        
        box-shadow:none;
    }    
    
}

/*
**
**
**
**
**
**
**
**
** ======= DOM - OVERWRITE PRESETS ==========================
** ==========================================================
*/

.KUI-loading::before{
    background-color:#EA7135;
}
.KUI-loading::after{
    background-color:#B84A14;
}



button.KUI-button.NUI-button-0{
    background-color:#D45D22;
    font-size:13.5px;
    -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; 
}
button.KUI-button.NUI-small-button-0{
    height:42px;
    background-color:#808082;
    font-size:12.5px;line-height:12.5px;
    -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; 
}
button.NUI-min-button-0{
    display:inline-block;
    position:relative;
    margin:0;
    vertical-align:top;
    width:auto;height:auto;padding:8px 30px 6px 8px;
    background-color:transparent;
    background-image:url("native/resources/visual/interface/sub-arrow-right_0_0.png");background-repeat:no-repeat;background-size:20px auto;background-position:right center;
    cursor:pointer;
    text-align:center;
    font-size:16px;color:#8A8A8C;font-weight:500;letter-spacing:0.6px;line-height:16px;
    -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; 
    -webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow:0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transition:padding 180ms ease, background-size 180ms ease;
    -moz-transition:padding 180ms ease, background-size 180ms ease;
    -ms-transition:padding 180ms ease, background-size 180ms ease;
    -o-transition:padding 180ms ease, background-size 180ms ease;
    transition:padding 180ms ease, background-size 180ms ease;
}
button.NUI-min-button-0::after{
    content:"";
    display:block;
    position:absolute;
    bottom:0;left:0;
    width:0;height:3px;
    background-color:#58585A;
    -webkit-transition:width 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
    -moz-transition:width 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
    -ms-transition:width 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
    -o-transition:width 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
    transition:width 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
}
button.NUI-min-button-0:hover{
    padding:8px 18px 6px 18px !important;
    background-size:0 !important;
}
button.NUI-min-button-0:hover::after{
    width:100%;
}

/*
**
**
**
**
**
**
**
**
** ======= DOM - FLICKER ANIMATION ==========================
** ==========================================================
*/

@-webkit-keyframes flicker{
    0%{   opacity:0.3; }
    30%{  opacity:0.5; }
    50%{  opacity:0.1; }
    100%{ opacity:1;   }
}
@-moz-keyframes flicker {
    0%{   opacity:0.3; }
    30%{  opacity:0.5; }
    50%{  opacity:0.1; }
    100%{ opacity:1;   }
}
@-o-keyframes flicker {
    0%{   opacity:0.3; }
    30%{  opacity:0.5; }
    50%{  opacity:0.1; }
    100%{ opacity:1;   }
}
@keyframes flicker {
    0%{   opacity:0.3; }
    30%{  opacity:0.5; }
    50%{  opacity:0.1; }
    100%{ opacity:1;   }
}

/*
**
**
**
**
**
**
**
**
** ======= DOM - NATIVE LOGO ================================
** ==========================================================
*/

figure.NUI-logo{
    position:relative;
    margin:0;
    width:160px;height:auto;padding:0;
    background-color:transparent;
}
figure.NUI-logo > img{
    width:100%;height:auto;
}

/*
**
**
**
**
**
**
**
**
** ======= DOM - NAVIGATION =================================
** ==========================================================
*/

nav{
    position:fixed;z-index:10;
    top:0;left:0;
    width:100%;min-width:430px;height:auto;padding:0;
    background-color:rgba(12, 12, 14, 0.82);
    -webkit-backdrop-filter:saturate(180%) blur(8px);
    -moz-backdrop-filter:saturate(180%) blur(8px);
    -ms-backdrop-filter:saturate(180%) blur(8px);
    backdrop-filter:saturate(180%) blur(8px);
    -webkit-transition:top 260ms ease;
    -moz-transition:top 260ms ease;
    -ms-transition:top 260ms ease;
    -o-transition:top 260ms ease;
    transition:top 260ms ease;
}
nav.min-nav{
    top:-32px;
}


/*==== NAV - SHORTCUT BANNER =======================*/
/*==================================================*/

nav > .shortcut-banner{
    position:relative;
    width:100%;height:32px;padding:0;
    background-color:#D45D22;
} 
nav > .shortcut-banner > .safe-zone{
    position:relative;
    margin:0 auto;
    width:88%;max-width:1000px;height:100%;padding:0;
    overflow:hidden;
}

nav > .shortcut-banner > .safe-zone > .contacts{
    position:relative;
    top:0;left:0;
    margin:0;
    width:350px;height:100%;padding:0;
    text-align:left;
}
nav > .shortcut-banner > .safe-zone > .contacts > .contact{
    display:inline-block;
    position:relative;
    margin:0;
    vertical-align:top;
    width:auto;height:calc(100% - 10px);padding:10px 10px 0 0;
    font-size:13.5px;color:#D8D8D8;font-weight:400;letter-spacing:0.4px;line-height:13.5px;
}
nav > .shortcut-banner > .safe-zone > .contacts > .contact:nth-child(2){
    padding-left:10px;
    border-left:1px solid #BB4C15;
}



/*==== NAV - ACCOUNT OPTIONS =======================*/
/*==================================================*/

nav > .shortcut-banner button.login-btn{
    position:absolute;
    top:0;right:0;
    width:96px;height:100%;padding:0 18px 0 0;
    background-color:#A84210;
    background-image:url("native/resources/visual/interface/sub-arrow-right_0_1.png");background-repeat:no-repeat;background-size:16px auto;background-position:66px center;
    text-align:center;
    font-size:14px;color:#FFF;font-weight:400;letter-spacing:0.4px;line-height:14px;
}
nav > .shortcut-banner .account-info{
    position:absolute;
    top:2px;right:0;
    width:132px;height:auto;padding:0;
    text-align:right;
}
nav > .shortcut-banner .account-info > span{
    display:inline-block;
    position:relative;
    margin:0;
    vertical-align:top;
    width:auto;height:auto;padding:7px 4px 0 0;
    font-size:15.5px;color:#FFF;font-weight:300;letter-spacing:0.4px;line-height:16px;
}
nav > .shortcut-banner .account-info > figure{
    display:inline-block;
    position:relative;
    margin:0;
    vertical-align:top;
    width:28px;height:28px;padding:0;
    background-color:#A23D0C;
    background-image:url("kolbing/lib/resources/visual/interface/5B.png");background-repeat:no-repeat;background-size:16px auto;background-position:center;
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%; 
}


/*==== NAV - PRIMARY CONTENT =======================*/
/*==================================================*/
 
nav > .primary{
    position:relative;
    width:100%;height:68px;
}
nav > .primary > .safe-zone{
    position:relative;
    margin:0 auto;
    width:88%;max-width:1000px;height:100%;padding:0;
}
nav figure.NUI-logo{
    position:absolute;
    top:0;bottom:0;
    margin:auto 0;
    width:184px;height:46px;padding-top:1px;
}
nav > .primary > .safe-zone > ul.options{
    position:absolute;
    top:calc(50% - 15px);right:0;
    margin:0;
    width:380px;height:auto;padding:0;
    background-color:transparent;
    text-align:right;
}
nav > .primary > .safe-zone > ul.options > li{ 
    display:inline-block;
    position:relative;
    margin:0 8px;
    vertical-align:top;
    width:auto;height:auto;padding:0 10px 0 0;
    background-color:transparent;
    background-image:url("native/resources/visual/interface/sub-arrow-right_0_1.png");background-repeat:no-repeat;background-size:16px auto;background-position:right center;
    text-align:left;
    font-family:'Saira', sans-serif;font-size:15.5px;color:#D0D0D2;font-weight:400;letter-spacing:0.4px;line-height:16px;
    -webkit-transition:color 200ms ease;
    -moz-transition:color 200ms ease;
    -ms-transition:color 200ms ease;
    -o-transition:color 200ms ease;
    transition:color 200ms ease;
}
nav > .primary > .safe-zone > ul.options > li.drop-down-parent{
    padding:8px 16px 8px 8px;
}
nav > .primary > .safe-zone > ul.options > li:not(.drop-down-parent):hover,
nav ul.options > li > .drop-down > .option:hover{
    color:#FFE0D2;
    text-shadow:
    -0.5px -0.5px 1px #FFF,
    0.5px 0.5px 1px #FFF,
    0 0 2px #F55609,
    0 0 4px #F55609,
    0 0 6px #F55609,
    0 0 8px #F55609,
    0 0 10px #F55609;     
}
nav > .primary > .safe-zone > ul.options > li > a{
    position:relative;z-index:2;
    width:100%;height:auto;padding:8px;
}


/*==== NAV - DROP DOWN =============================*/
/*==================================================*/

nav ul.options > li > .drop-down{
    position:absolute;z-index:2;
    top:100%;left:-10%;
    width:138%;height:auto;padding:0;
    background-color:rgba(22, 22, 24, 0.96);
    overflow:hidden;
    -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; 
    -webkit-box-shadow:0 10px 26px -3px rgba(0, 0, 0, 0.32);
	-moz-box-shadow:0 10px 26px -3px rgba(0, 0, 0, 0.32);
	box-shadow:0 10px 26px -3px rgba(0, 0, 0, 0.32);
}
nav ul.options li .drop-down > .option{
    position:relative;
    margin:-100% auto 0 auto;
    vertical-align:top;
    width:82%;height:auto;padding:0;
    background-color:transparent;
    border-bottom:1px solid #48484A;
    text-align:left;
    font-size:14px;color:#D0D0D2;font-weight:400;letter-spacing:0.4px;line-height:14px;
    -webkit-transition:margin-top 420ms ease;
    -moz-transition:margin-top 420ms ease;
    -ms-transition:margin-top 420ms ease;
    -o-transition:margin-top 420ms ease;
    transition:margin-top 420ms ease;
}
nav ul.options li .drop-down > .option a{
    display:inline-block;
    width:100%;height:100%;padding:12px 0;
    opacity:0;
    -webkit-transform:translateY(-16px);
    -moz-transform:translateY(-16px);
    -ms-transform:translateY(-16px);
    -o-transform:translateY(-16px);
    transform:translateY(-16px);
    -webkit-transition:-webkit-transform 420ms ease 280ms, opacity 420ms ease 280ms;
    -moz-transition:-moz-transform 420ms ease 280ms, opacity 420ms ease 280ms;
    -ms-transition:-ms-transform 420ms ease 280ms, opacity 420ms ease 280ms;
    -o-transition:-o-transform 420ms ease 280ms, opacity 420ms ease 280ms;
    transition:transform 420ms ease 280ms, opacity 420ms ease 280ms;
}
nav ul.options li .drop-down > .option a:first-child{
   padding-top:14px;
}
nav ul.options li .drop-down > .option:last-child{
    margin-bottom:6px;
    border-width:0;
}
nav ul.options li.drop-down-parent:hover .drop-down .option{
    margin-top:0;
}
nav ul.options li.drop-down-parent:hover .drop-down .option a{
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}


/*
**
**
**
**
**
**
**
**
** ======= DOM - FOOTER =====================================
** ==========================================================
*/

footer{
    position:relative;
    margin:0;
    width:100%;min-width:430px;height:164px;padding:0;
    background-color:#424244;
}
footer .NUI-logo{
    position:absolute;
    top:initial;bottom:52px;right:32px;
    margin:0;
    width:144px;
}

/*
**
**
**
**
**
**
**
**
** ======= DOM - UNIVERSAL STYLE ============================
** ==========================================================
*/

.frame{
    min-width:430px;
    overflow:hidden;
}

/*
**
**
**
**
**
**
**
**
** ======= DOM - RESPONSIVE =================================
** ==========================================================
*/

@media only screen and (max-width:700px){

    
    nav > .primary > .safe-zone .NUI-logo{
        display:none;
    }
    nav > .primary > .safe-zone > ul.options{
        left:0;
        margin:0 auto;
        width:100%;
        text-align:center;
    }

}