html, body, main, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 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:0;font:inherit;vertical-align:top; } 
html, body{ width:100%;height:100%;min-height:100%;margin:0;background-color:#E9EAEC;font-size:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch; } a{ color:inherit;text-decoration:none;cursor:pointer; } p{ word-wrap:normal; } ul{ font-size:0; } ul a{ display:block; } li,ol,ul{ list-style-type:none;text-decoration:none; } table{ border-collapse:collapse;border-spacing:0; }
textarea{ outline:none;resize:none;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box; } input{ box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } input[type="submit"], button{ text-align:center;cursor:pointer; } input, button, select, textarea, checkbox, select{ -webkit-appearance:none;-moz-appearance:none;border:none;border-radius:0;-webkit-border-radius:0;outline:none;border:solid transparent 0;background-color:#FFF; } ::placeholder{ color:#484848; }::-webkit-input-placeholder{ color:#484848; }:-moz-placeholder{ color:#484848;opacity:1; }::-moz-placeholder{ color:#484848;opacity:1; }:-ms-input-placeholder{ color:#484848; }input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}input[type="number"]{appearance:textfield;-moz-appearance:textfield;}input[type="time"]::-webkit-clear-button{display:none;}input[type="time"]::-webkit-inner-spin-button{display:none;}
@font-face{ font-family:"Montserrat";font-weight:300;font-style:normal;src:url("../resources/fonts/montserrat/Montserrat-Regular.eot") format("eot"), url("../resources/fonts/montserrat/Montserrat-Regular.woff") format("woff"), url("../resources/fonts/montserrat/Montserrat-Regular.woff2") format("woff2");  }
@font-face{ font-family:"Montserrat";font-weight:400;font-style:normal;src:url("../resources/fonts/montserrat/Montserrat-Medium.eot") format("eot"),  url("../resources/fonts/montserrat/Montserrat-Medium.woff") format("woff"),  url("../resources/fonts/montserrat/Montserrat-Medium.woff2") format("woff2");   }
@font-face{ font-family:"Montserrat";font-weight:500;font-style:normal;src:url("../resources/fonts/montserrat/Montserrat-SemiBold.eot") format("eot"),url("../resources/fonts/montserrat/Montserrat-SemiBold.woff") format("woff"),url("../resources/fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2"); }
@font-face{ font-family:"Montserrat";font-weight:700;font-style:normal;src:url("../resources/fonts/montserrat/Montserrat-Bold.eot") format("eot"),url("../resources/fonts/montserrat/Montserrat-Bold.woff") format("woff"),url("../resources/fonts/montserrat/Montserrat-Bold.woff2") format("woff2"); }
html, body, div, input, textarea, button, select, label{ font-family:"Montserrat", Helvetica, sans-serif; }

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - ANIMATIONS =============================
** ==========================================================
*/

/*==== ANIMATIONS - SHAKE ==========================*/
/*==================================================*/

.KANIMATION-shake{
    -webkit-animation:shake 600ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    animation:shake 600ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    perspective:1000px;
}

@-webkit-keyframes shake{
    10%, 90%{ 
        -webkit-transform:translate3d(-1px, 0, 0);
        -moz-transform:translate3d(-1px, 0, 0);
        -ms-transform:translate3d(-1px, 0, 0);
        transform:translate3d(-1px, 0, 0);
    }
    20%, 80%{
        -webkit-transform:translate3d(2px, 0, 0);
        -moz-transform:translate3d(2px, 0, 0);
        -ms-transform:translate3d(2px, 0, 0);
        transform:translate3d(2px, 0, 0);
    }
    30%, 50%, 70%{
        -webkit-transform:translate3d(-4px, 0, 0);
        -moz-transform:translate3d(-4px, 0, 0);
        -ms-transform:translate3d(-4px, 0, 0);
        transform:translate3d(-4px, 0, 0);
    }
    40%, 60%{
        -webkit-transform:translate3d(4px, 0, 0);
        -moz-transform:translate3d(4px, 0, 0);
        -ms-transform:translate3d(4px, 0, 0);
        transform:translate3d(4px, 0, 0);
    }
}
@keyframes shake{
    10%, 90%{ 
        -webkit-transform:translate3d(-1px, 0, 0);
        -moz-transform:translate3d(-1px, 0, 0);
        -ms-transform:translate3d(-1px, 0, 0);
        transform:translate3d(-1px, 0, 0);
    }
    20%, 80%{
        -webkit-transform:translate3d(2px, 0, 0);
        -moz-transform:translate3d(2px, 0, 0);
        -ms-transform:translate3d(2px, 0, 0);
        transform:translate3d(2px, 0, 0);
    }
    30%, 50%, 70%{
        -webkit-transform:translate3d(-4px, 0, 0);
        -moz-transform:translate3d(-4px, 0, 0);
        -ms-transform:translate3d(-4px, 0, 0);
        transform:translate3d(-4px, 0, 0);
    }
    40%, 60%{
        -webkit-transform:translate3d(4px, 0, 0);
        -moz-transform:translate3d(4px, 0, 0);
        -ms-transform:translate3d(4px, 0, 0);
        transform:translate3d(4px, 0, 0);
    }
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - DOM BASE ===============================
** ==========================================================
*/

body{
    background-color:#E9EAEC;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - ZONE ADJUSTMENTS =======================
** ==========================================================
*/

.disabled-zone{ 
    pointer-events:none !important;
}
.KUI-hide{ 
    display:none !important;
    pointer-events:none !important;
}
.KUI-blur{ 
    -webkit-filter:blur(5px);
    -moz-filter:blur(5px);
    -ms-filter:blur(5px);
    -o-filter:blur(5px);
    filter:blur(5px);
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - BLACKOUT ===============================
** ==========================================================
*/

.KUI-blackout{
    position:fixed;z-index:10;
    top:0;left:0;
    margin:0;
    width:100%;height:100%;padding:0;
    background-color:rgba(42, 42, 46, 0.72);
    opacity:0;
    -webkit-transition:opacity 300ms ease;
    -moz-transition:opacity 300ms ease;
    -ms-transition:opacity 300ms ease;
    -o-transition:opacity 300ms ease;
    transition:opacity 300ms ease;
}
.KUI-blackout.active{ 
    opacity:1;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - BUTTONS ================================
** ==========================================================
*/

.KUI-button{
    display:inline-block;
    position:relative;
    margin:0;
    vertical-align:top;
    width:auto;height:49px;padding:0 28px 0 10px;
    background-color:#000;
    background-image:url("../../visual/buttons/19B.png");background-repeat:no-repeat;background-size:16px auto;background-position:calc(100% - 8px) center;
    cursor:pointer;
    overflow:hidden;
    text-align:center;
    font-size:13px;color:#FFF;font-weight:400;letter-spacing:0.5px;line-height:13px;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; 
    -webkit-box-shadow:0 6px 24px -4px rgba(10, 10, 14, 0.48);
    -moz-box-shadow:0 6px 24px -4px rgba(10, 10, 14, 0.48);
    box-shadow:0 6px 24px -4px rgba(10, 10, 14, 0.48);
    -webkit-transition:padding 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms, background-position 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
    -moz-transition:padding 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms, background-position 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
    -ms-transition:padding 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms, background-position 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
    -o-transition:padding 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms, background-position 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
    transition:padding 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms, background-position 260ms cubic-bezier(0.32, 0.22, 0.08, 1.42);
}
.KUI-button:hover{ 
    padding:0 19px;
    background-position:120% center;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - INPUT FIELDS ===========================
** ==========================================================
*/

.KUI-field-group{
    display:inline-block;
    margin:0;
    vertical-align:top;
    position:relative;
    height:auto;padding:0; 
}
.KUI-field{
    display:inline-block;
    position:relative;
    margin:0;
    vertical-align:top;
    width:100%;height:auto;padding:8px 0;
    background-color:transparent;
    border-top:2px solid #E4E4E6; 
    text-align:left;
}
.KUI-field:not([data-format="hidden"]):last-child{
    border-bottom:2px solid #E4E4E6; 
}
.KUI-field[data-pair]{ 
    width:50%; 
}
.KUI-field .field-input{
    position:relative;z-index:1;
    width:100%;height:100%;padding:17px 0 0 12px;  
    margin:0;vertical-align:top;
    background-color:transparent;
    text-align:left;
    font-size:14.5px;color:#000;font-weight:500;letter-spacing:0.2px;
}
.KUI-field .field-input:-webkit-autofill{ background-color:transparent !important; }
.KUI-field .field-input:-moz-autofill{ background-color:transparent !important; }
.KUI-field .field-input:autofill{ background-color:transparent !important; }
.KUI-field label,
.KUI-field .label{    
    display:block;
    position:absolute;z-index:1; 
    top:50%;left:0;
    margin:0;
    width:calc(100% - 12px);height:auto;padding:0 0 0 12px;
    background-color:transparent;
    background-repeat:no-repeat;background-size:14px auto;background-position:0 center;
    text-align:left;
    pointer-events:none;cursor:default;
    font-size:13.5px;color:#424244;font-weight:500;letter-spacing:0.3px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:top 150ms ease, left 150ms ease, font-size 150ms ease;
    -moz-transition:top 150ms ease, left 150ms ease, font-size 150ms ease;
    -ms-transition:top 150ms ease, left 150ms ease, font-size 150ms ease;
    -o-transition:top 150ms ease, left 150ms ease, font-size 150ms ease;
    transition:top 150ms ease, left 150ms ease, font-size 150ms ease;
}
.KUI-field-group[data-show-required] .KUI-field .field-input[data-require] ~ label,
.KUI-field-group[data-show-required] .KUI-field .field-input[data-require] ~ .label{
    padding-top:13px;
}
.KUI-field-group[data-show-required] .KUI-field .field-input[data-require] ~ label::before,
.KUI-field-group[data-show-required] .KUI-field .field-input[data-require] ~ .label::before{
    content:'Required';
    display:block;
    position:absolute;z-index:1;
    top:0;left:12px;
    width:58px;height:auto;padding:0;
    background-color:transparent;
    font-size:11.5px;color:#000;font-weight:500;letter-spacing:0;line-height:12px;
    -webkit-transition:opacity 160ms ease;
    -moz-transition:opacity 160ms ease;
    -ms-transition:opacity 160ms ease;
    -o-transition:opacity 160ms ease;
    transition:opacity 160ms ease;
}
input[name="noin"]{
    width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;background:none !important;border:none !important;outline:none !important;font-size:0 !important; 
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - DATE ====================================
** ==========================================================
*/

.KUI-date-selector{
    position:relative;z-index:5;
    margin:0;
    width:100%;min-width:172px;height:auto;padding:0;
    background-color:transparent;
    text-align:center;
    -webkit-transition:top 240ms ease;
    -moz-transition:top 240ms ease;
    -ms-transition:top 240ms ease;
    -o-transition:top 240ms ease;
    transition:top 240ms ease;
}
.KUI-date-selector > .selectors{
    position:relative;
    margin:0;
    width:100%;height:84px;padding:0;
    background-color:#FFF;
    overflow:hidden;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    -webkit-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
    -moz-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
    box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
    -webkit-transition:height 180ms ease;
    -moz-transition:height 180ms ease;
    -ms-transition:height 180ms ease;
    -o-transition:height 180ms ease;
    transition:height 180ms ease;
}
.KUI-date-selector > .selectors > .column{
    display:inline-block;
    position:relative;z-index:1;
    margin:0 1px;
    vertical-align:top;
    position:relative;
    width:calc(38% - 4px);height:100%;padding:0; 
    overflow:hidden;
}
.KUI-date-selector > .selectors > .column:nth-child(2){
    width:calc(30% - 4px);
    border-left:2px solid #F0F0F0;border-right:2px solid #F0F0F0;
}
.KUI-date-selector > .selectors > .column:nth-child(3){
    width:calc(32% - 4px);
}
.KUI-date-selector > .selectors > .column > span{
    display:inline-block;
    margin:0;
    vertical-align:top;
    width:100%;height:20px;padding:7px 0 0 0;
    background-color:transparent;
    font-size:14.5px;color:#000;font-weight:400;letter-spacing:0.2px;line-height:14.5px;
}
.KUI-date-selector > .selectors > .column > button{
    display:block;
    position:relative;
    width:100%;height:26px;padding:0;
    background-color:#FFF;
    background-image:url(../resources/icons/sub-arrow-down_0_0.png);background-repeat:no-repeat;background-size:16px auto;background-position:center;
    cursor:pointer;
    -webkit-transition:height 180ms ease, opacity 180ms ease;
    -moz-transition:height 180ms ease, opacity 180ms ease;
    -ms-transition:height 180ms ease, opacity 180ms ease;
    -o-transition:height 180ms ease, opacity 180ms ease;
    transition:height 180ms ease, opacity 180ms ease;
}
.KUI-date-selector > .selectors > .column > button.add{
    background-image:url(../resources/icons/sub-arrow-up_0_0.png);
}
.KUI-date-selector > button.collapse{
    display:inline-block;
    position:relative;
    margin:6px 0 0 0;
    vertical-align:top;
    width:100%;height:28px;padding:0;
    background-color:#FFF;
    cursor:pointer;
    font-size:13.5px;color:#000;font-weight:400;letter-spacing:0.2px;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    -webkit-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
    -moz-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
    box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
    -webkit-transition:-webkit-transform 360ms cubic-bezier(0.32, 0.32, 0.08, 1.2), opacity 180ms ease;
    -moz-transition:-moz-transform 360ms cubic-bezier(0.32, 0.32, 0.08, 1.2), opacity 180ms ease;
    -ms-transition:-ms-transform 360ms cubic-bezier(0.32, 0.32, 0.08, 1.2), opacity 180ms ease;
    -o-transition:-o-transform 360ms cubic-bezier(0.32, 0.32, 0.08, 1.2), opacity 180ms ease;
    transition:transform 360ms cubic-bezier(0.32, 0.32, 0.08, 1.2), opacity 180ms ease;
}
.KUI-date-selector[data-collapsed] > .selectors{
    height:28px;
    cursor:pointer;
}
.KUI-date-selector[data-collapsed] > .selectors > .column > button{
    height:0;
    opacity:0;
}
.KUI-date-selector[data-collapsed] > button.collapse{
    pointer-events:none;
    opacity:0;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}


/*==== DATE - FIELD FORMAT =========================*/
/*==================================================*/

.KUI-field[data-type="date"]{
    min-width:222px;height:38px;
    cursor:pointer;
}
.KUI-field[data-type="date"] .KUI-date-selector{
    position:absolute;z-index:2;
    top:-14px;right:0;
    margin:0 auto;
    width:60%;max-width:200px;
}
.KUI-field[data-type="date"] .KUI-date-selector[data-collapsed]{
    top:14px;
}
.KUI-field[data-type="date"] .KUI-date-selector[data-collapsed] > .selectors{
    background-color:transparent;
    -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);
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - TIME ====================================
** ==========================================================
*/

.KUI-time-selector{
    position:relative;
    margin:0;
    width:100%;min-width:150px;max-width:180px;height:auto;padding:0;
    background-color:transparent;
    text-align:center;
    -webkit-transition:top 240ms ease;
    -moz-transition:top 240ms ease;
    -ms-transition:top 240ms ease;
    -o-transition:top 240ms ease;
    transition:top 240ms ease;
}
.KUI-time-selector > .selectors{
    position:relative;
    margin:0;
    width:100%;height:84px;padding:0;
    background-color:#FFF;
    overflow:hidden;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    -webkit-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	-moz-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
    -webkit-transition:height 240ms ease;
    -moz-transition:height 240ms ease;
    -ms-transition:height 240ms ease;
    -o-transition:height 240ms ease;
    transition:height 240ms ease;
}
.KUI-time-selector > .selectors > .column{
    display:inline-block;
    position:relative;z-index:1;
    margin:0 1px;
    vertical-align:top;
    position:relative;
    width:calc(33.3% - 4px);height:100%;padding:0; 
    overflow:hidden;
}
.KUI-time-selector > .selectors > .column:nth-child(2){
    border-left:2px solid #F0F0F0;border-right:2px solid #F0F0F0;
}
.KUI-time-selector > .selectors > .column > span{
    display:inline-block;
    margin:0;
    vertical-align:top;
    width:100%;height:20px;padding:7px 0 0 0;
    background-color:transparent;
    font-size:14.5px;color:#000;font-weight:400;letter-spacing:0.2px;line-height:14.5px;
}
.KUI-time-selector > .selectors > .column:not([data-key="period"]) > button{
    display:block;
    position:relative;
    width:100%;height:26px;padding:0;
    background-color:#FFF;
    background-image:url("../../visual/buttons/21D.png");background-repeat:no-repeat;background-size:16px auto;background-position:center;
    cursor:pointer;
    -webkit-transition:height 240ms ease, opacity 240ms ease;
    -moz-transition:height 240ms ease, opacity 240ms ease;
    -ms-transition:height 240ms ease, opacity 240ms ease;
    -o-transition:height 240ms ease, opacity 240ms ease;
    transition:height 240ms ease, opacity 240ms ease;
}
.KUI-time-selector > .selectors > .column:not([data-key="period"]) > button.add{
    background-image:url("../../visual/buttons/20C.png");
}
.KUI-time-selector > .selectors > .column[data-key="period"] > button{
    display:block;
    margin:4px auto;
    vertical-align:top;
    width:88%;height:100%;max-height:36px;padding:0;
    background-color:transparent;
    cursor:pointer;
    font-size:14px;color:#78787A;font-weight:500;letter-spacing:0;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
}
.KUI-time-selector > .selectors > .column[data-key="period"] > button.selected{
    background-color:#EDEDEF;
    color:#000;font-weight:500;
}
.KUI-time-selector > button.collapse{
    display:inline-block;
    position:relative;
    margin:6px 0 0 0;
    vertical-align:top;
    width:100%;height:28px;padding:0;
    background-color:#FFF;
    cursor:pointer;
    font-size:13.5px;color:#000;font-weight:400;letter-spacing:0.2px;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    -webkit-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	-moz-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
    -webkit-transition:-webkit-transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
    -moz-transition:-moz-transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
    -ms-transition:-ms-transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
    -o-transition:-o-transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
    transition:transform 380ms cubic-bezier(0.32, 0.32, 0.08, 1.2);
}
.KUI-time-selector[data-collapsed] > .selectors{
    height:28px;
    cursor:pointer;
}
.KUI-time-selector[data-collapsed] > .selectors > .column:not([data-key="period"]) > button{
    height:0;
    opacity:0;
}
.KUI-time-selector[data-collapsed] > .selectors > .column[data-key="period"] > button:not(.selected){
    display:none;
}
.KUI-time-selector[data-collapsed] > .selectors > .column[data-key="period"] > button.selected{
    background-color:transparent;
    margin:0;
    color:#000;font-weight:400;
}
.KUI-time-selector[data-collapsed] > button.collapse{
    pointer-events:none;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}


/*==== TIME - FIELD FORMAT =========================*/
/*==================================================*/

.KUI-field[data-type="time"]{
    min-width:200px;height:38px;
    cursor:pointer;
}
.KUI-field[data-type="time"] .KUI-time-selector{
    position:absolute;z-index:2;
    top:-14px;right:0;
    margin:0 auto;
    width:60%;max-width:187px;
}
.KUI-field[data-type="time"] .KUI-time-selector[data-collapsed]{
    top:14px;
}
.KUI-field[data-type="time"] .KUI-time-selector[data-collapsed] > .selectors{
    background-color:transparent;
    -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);
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - NUMBER ==================================
** ==========================================================
*/

.KUI-numeric{
    display:inline-block;
    position:relative;z-index:1;
    margin:0;
    vertical-align:top;
    width:92px;height:34px;padding:0;
    background-color:transparent;
    text-align:center;
    font-size:0;
}
.KUI-numeric > input[type="number"]{
    display:inline-block;
    position:relative;z-index:3;
    margin:0;
    vertical-align:top;
    width:36px;height:100%;padding:1px 0 0 0;
    background-color:#FFF;
    text-align:center;
    font-size:16px;color:#000;font-weight:700;letter-spacing:0.2px;
    -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
    -webkit-box-shadow:0 5px 20px -4px rgba(10, 10, 14, 0.42);
	-moz-box-shadow:0 5px 20px -4px rgba(10, 10, 14, 0.42);
	box-shadow:0 5px 20px -4px rgba(10, 10, 14, 0.42);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:font-size 120ms ease;
    -moz-transition:font-size 120ms ease;
    -ms-transition:font-size 120ms ease;
    -o-transition:font-size 120ms ease;
    transition:font-size 120ms ease;
}
.KUI-numeric.active-adjustment > input[type="number"]{
    font-size:0 !important;
}
.KUI-numeric > button.adjust{
    display:inline-block;
    position:relative;z-index:1;
    margin:0;
    width:28px;height:100%;padding:0;
    background-color:transparent;
    background-image:url("../../visual/buttons/sub-arrow-left_0_0.png");background-repeat:no-repeat;background-size:18px auto;background-position:center;
    -webkit-transition:-webkit-transform 120ms ease;
    -moz-transition:-moz-transform 120ms ease;
    -ms-transition:-ms-transform 120ms ease;
    -o-transition:-o-transform 120ms ease;
    transition:transform 120ms ease;
}
.KUI-numeric > button.adjust[data-action="add"]{
    background-image:url("../../visual/buttons/sub-arrow-right_0_0.png");
}
.KUI-numeric > button.adjust[data-action="subtract"]:hover{
    -webkit-transform:translateX(-3px);
    -moz-transform:translateX(-3px);
    -ms-transform:translateX(-3px);
    -o-transform:translateX(-3px);
    transform:translateX(-3px);
}
.KUI-numeric > button.adjust[data-action="add"]:hover{
    -webkit-transform:translateX(3px);
    -moz-transform:translateX(3px);
    -ms-transform:translateX(3px);
    -o-transform:translateX(3px);
    transform:translateX(3px);
}


/*==== NUMBER - FIELD FORMAT =======================*/
/*==================================================*/

.KUI-field[data-type="number"]{
    height:40px;
}
.KUI-field[data-type="number"] .KUI-numeric{
    position:absolute;
    top:11px;right:16px;
    margin:0;
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - PRICE ===================================
** ==========================================================
*/

.KUI-field[data-type="price"] .field-input{ 
    padding:22px 0 0 25px; 
    font-size:18px;
}
.KUI-field[data-type="price"]:focus-within::before,
.KUI-field.busy-field[data-type="price"]::before{ 
    content:"$";
    position:absolute;
    top:initial;bottom:4px;left:12px;
    font-size:20px;color:#000;font-weight:400;letter-spacing:0.2px;
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - PASSWORD ================================
** ==========================================================
*/



/*
**
**
**
**
**
**
**
**
** ======= INPUTS - TEXTAREA ================================
** ==========================================================
*/

.KUI-field[data-format="textarea"] .field-input{ 
    width:calc(100% - 16px);height:62px;padding:22px 0 20px 12px;
    font-size:13.5px;line-height:20px;
}
.KUI-field[data-format="textarea"] label{ 
    top:26px; 
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - CHECKBOX ================================
** ==========================================================
*/

.KUI-checkbox{
    display:inline-block;
    position:relative;
    width:30px;height:30px;padding:0;
    margin:0 4px;vertical-align:top;
    background-color:#FFF;
    cursor:pointer;
    overflow:hidden;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; 
    -webkit-box-shadow:0 3px 16px -2px rgba(20, 20, 22, 0.28);
	-moz-box-shadow:0 3px 16px -2px rgba(20, 20, 22, 0.28);
	box-shadow:0 3px 16px -2px rgba(20, 20, 22, 0.28);
    -webkit-transition:background-color 280ms ease;
    -moz-transition:background-color 280ms ease;
    -ms-transition:background-color 280ms ease;
    -o-transition:background-color 280ms ease;
    transition:background-color 280ms ease;
}
.KUI-checkbox.checked{
    background-color:#00BD57;
    border-color:#00BD57;
    -webkit-box-shadow:0 3px 16px -2px rgba(0, 112, 8, 0.78);
	-moz-box-shadow:0 3px 16px -2px rgba(0, 112, 8, 0.78);
	box-shadow:0 3px 16px -2px rgba(0, 112, 8, 0.78);
}
.KUI-checkbox > figure[data-indicator]{
    position:absolute;top:0;left:0;z-index:1;
    width:100%;height:100%;padding:0; 
    background-color:transparent;
    background-image:url("../../visual/interface/9A.png");background-repeat:no-repeat;background-size:12px auto;background-position:center;
    -webkit-transition:top 280ms cubic-bezier(0.32, 0.22, 0.18, 1.32);
    -moz-transition:top 280ms cubic-bezier(0.32, 0.22, 0.18, 1.32);
    -ms-transition:top 280ms cubic-bezier(0.32, 0.22, 0.18, 1.32);
    -o-transition:top 280ms cubic-bezier(0.32, 0.22, 0.18, 1.32);
    transition:top 280ms cubic-bezier(0.32, 0.22, 0.18, 1.32);
}
.KUI-checkbox > figure[data-indicator="true"]{
    top:-100%;
    background-image:url("../../visual/interface/1A.png");
}
.KUI-checkbox.checked > figure[data-indicator="true"]{
    top:0;
}
.KUI-checkbox.checked > figure[data-indicator="false"]{
    top:100%;
}


/*==== CHECKBOX - FIELD FORMAT =====================*/
/*==================================================*/

.KUI-field[data-type="checkbox"]{
    height:38px;
}
.KUI-field[data-type="checkbox"] .KUI-checkbox{
    position:absolute;
    top:12px;right:16px;
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - SWITCH ==================================
** ==========================================================
*/

.KUI-switch{
    position:relative;
    width:50px;height:auto;
}
.KUI-switch > .container{
    position:relative;
    width:48px;height:22px;
    background-color:#ECECEF;
    border:2px solid #FFF;
    overflow:hidden;
    cursor:pointer;
    -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
    -webkit-box-shadow:0 1px 4px -2px rgba(32, 32, 32, 0.42);
	-moz-box-shadow:0 1px 4px -2px rgba(32, 32, 32, 0.42);
	box-shadow:0 1px 4px -2px rgba(32, 32, 32, 0.42);
}
.KUI-switch.checked > .container{
    background-color:#00CA40; 
}
.KUI-switch > .container > .toggle{
    position:absolute;
    top:3px;left:3px;
	width:16px;height:16px;padding:0;
    background-color:#FFF;
    text-align:center; 
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:0 1.5px 10px -3px rgba(32, 32, 32, 0.72);
	-moz-box-shadow:0 1.5px 10px -3px rgba(32, 32, 32, 0.72);
	box-shadow:0 1.5px 10px -3px rgba(32, 32, 32, 0.72);
    -webkit-transition:left 200ms cubic-bezier(0.42, 0, 0, 1.32);
    -moz-transition:left 200ms cubic-bezier(0.42, 0, 0, 1.32);
    -ms-transition:left 200ms cubic-bezier(0.42, 0, 0, 1.32);
    -o-transition:left 200ms cubic-bezier(0.42, 0, 0, 1.32);
    transition:left 200ms cubic-bezier(0.42, 0, 0, 1.32);
}
.KUI-switch.checked > .container > .toggle{
    left:29px; 
    -webkit-box-shadow:-0.5px 1.5px 12px -3px rgba(32, 32, 32, 0.78);
	-moz-box-shadow:-0.5px 1.5px 12px -3px rgba(32, 32, 32, 0.78);
	box-shadow:-0.5px 1.5px 12px -3px rgba(32, 32, 32, 0.78);
}


/*==== SWITCH - FIELD FORMAT =======================*/
/*==================================================*/

.KUI-field[data-type="switch"]{
    height:38px;
}
.KUI-field[data-type="switch"] .KUI-switch{
    position:absolute;
    top:16px;right:16px;
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - RADIO ===================================
** ==========================================================
*/

.KUI-field[data-type="radio"] > label,
.KUI-field[data-type="radio"] > .label{
    position:relative;
    top:18px;
    padding:0 0 14px 12px;
}
.KUI-field-group[data-show-required] .KUI-field[data-type="radio"] > label,
.KUI-field-group[data-show-required] .KUI-field[data-type="radio"] > .label{
    top:24px;
}
.KUI-field[data-type="radio"] > .option{
    display:inline-block;
    position:relative;
    margin:2px 0 2px 6px;
    vertical-align:top;
    width:auto;height:34px;padding:0 6px;
    background-color:transparent;
    cursor:pointer;
}
.KUI-field[data-type="radio"] > .option > .indicator{
    display:inline-block;
    position:relative;
    margin:2px 0 0 0;
    vertical-align:top;
    width:28px;height:28px;padding:0;
    background-color:#FFF;
    background-image:url("../../visual/interface/1A.png");background-repeat:no-repeat;background-size:12px auto;background-position:center 36px;
    overflow:hidden;
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:0 4px 18px -5px rgba(30, 30, 32, 0.5);
	-moz-box-shadow:0 4px 18px -5px rgba(30, 30, 32, 0.5);
	box-shadow:0 4px 18px -5px rgba(30, 30, 32, 0.5);
    -webkit-transition:background-color 160ms ease, background-position 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms;
    -moz-transition:background-color 160ms ease, background-position 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms;
    -ms-transition:background-color 160ms ease, background-position 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms;
    -o-transition:background-color 160ms ease, background-position 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms;
    transition:background-color 160ms ease, background-position 300ms cubic-bezier(0.32, 0.22, 0.08, 1.42) 50ms;
}
.KUI-field[data-type="radio"] > .option > span{
    display:inline-block;
    position:relative;
    margin:0;
    vertical-align:top;
    width:auto;height:auto;padding:10px 0 0 6px;
    text-align:left;
    font-size:13.5px;color:#404042;font-weight:500;letter-spacing:0;line-height:13.5px;
}
.KUI-field[data-type="radio"] > .option.selected > .indicator{
    background-color:#00BD57;
    background-position:center;
    -webkit-box-shadow:0 3px 16px -2px rgba(0, 112, 8, 0.78);
	-moz-box-shadow:0 3px 16px -2px rgba(0, 112, 8, 0.78);
	box-shadow:0 3px 16px -2px rgba(0, 112, 8, 0.78);
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - SELECT ==================================
** ==========================================================
*/

.KUI-select{
    display:inline-block;
    position:relative;z-index:2;
    width:auto;min-width:30px;height:36px;padding:0;
    margin:0;vertical-align:top;
    background-color:transparent;
    cursor:pointer;
}
.KUI-select .selection-title{
    position:relative;z-index:1; 
    width:auto;height:32px;padding:2px 24px 2px 8px;
    background-color:transparent;
    background-image:url("../../visual/interface/10A.png");background-repeat:no-repeat;background-size:12px auto;background-position:calc(100% - 9px) 4px;
    overflow:hidden;white-space:nowrap;
    text-overflow:ellipsis;text-align:left; 
    font-size:13.5px;color:#2F2F2F;font-weight:500;letter-spacing:0;line-height:16px;
    -webkit-transition:color 350ms ease;
    -moz-transition:color 350ms ease;
    -ms-transition:color 350ms ease;
    -o-transition:color 350ms ease;
    transition:color 350ms ease;
}
.KUI-select .selection-title span.selected-option{
    display:block;
    width:100%;height:14px;padding:2px 0 0 0;
    overflow:hidden;white-space:nowrap;
    text-overflow:ellipsis;text-align:left;
    font-size:12px;color:#28282A;font-weight:400;letter-spacing:0;line-height:12px;
}
.KUI-select ul.select-options{
    position:relative;z-index:5;
    top:6px;
    margin:0;
    width:auto;min-width:100%;max-width:250px;height:auto;max-height:184px;padding:0;
    background-color:rgba(251, 253, 255, 0.88);
    overflow:hidden;
    cursor:pointer;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    -webkit-box-shadow:0 8px 20px -4px rgba(32, 32, 34, 0.32);
	-moz-box-shadow:0 8px 20px -4px rgba(32, 32, 34, 0.32);
	box-shadow:0 8px 20px -4px rgba(32, 32, 34, 0.32);
}
.KUI-select ul.select-options li{
    position:relative;
    width:auto;height:20px;padding:8px;
    margin:0 auto;margin-top:-100%;vertical-align:top;
    background-color:#FFF;border-top:1px solid #EAEAEB;
    overflow:hidden;white-space:nowrap;
    text-overflow:ellipsis;text-align:left;
    font-size:13px;color:#2F2F2F;font-weight:400;letter-spacing:0;line-height:20px;
    -webkit-transition:margin-top 410ms cubic-bezier(0.32, 0.28, 0.1, 1.18);
    -moz-transition:margin-top 410ms cubic-bezier(0.32, 0.28, 0.1, 1.18);
    -ms-transition:margin-top 410ms cubic-bezier(0.32, 0.28, 0.1, 1.18);
    -o-transition:margin-top 410ms cubic-bezier(0.32, 0.28, 0.1, 1.18);
    transition:margin-top 410ms cubic-bezier(0.32, 0.28, 0.1, 1.18);
}
.KUI-select.disabled-indicator .selection-title{
    color:#FF381F;
}
.KUI-select[data-disabled] ul.select-options li{
    color:#6F6F6F;
}
.KUI-select ul.select-options li:first-child{ 
    border-width:0; 
}
.KUI-select:hover ul.select-options{
    overflow:auto;
}
.KUI-select:hover ul.select-options li{
    margin-top:0;
}
.KUI-select ul.select-options li:hover{
    background-color:#EAEAEB;
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - MULTI-SELECT ============================
** ==========================================================
*/

.KUI-multi-select{
    position:relative;
    margin:0;
    width:180px;height:auto;padding:0;
    cursor:pointer;
}
.KUI-multi-select.expanded{
    z-index:5;
}
.KUI-multi-select > .selected{
    position:relative;
    margin:0;
    width:calc(100% - 24px);height:42px;padding:0 12px;
    background-color:#FFF;
    background-image:url("../../visual/buttons/21C.png");background-repeat:no-repeat;background-size:14px auto;background-position:calc(100% - 12px) center;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    -webkit-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	-moz-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
}
.KUI-multi-select > .selected > label,
.KUI-multi-select > .selected > .label{
    display:inline-block;
    margin:13px 0 0 0;
    vertical-align:top;
    font-size:13.5px;color:#404042;font-weight:500;letter-spacing:0;line-height:16px;
}
.KUI-multi-select > ul.options{
    position:relative;
    margin:8px auto 0 auto;
    width:92%;height:auto;max-height:196px;padding:0;
    background-color:#E8E8EA;
    overflow:auto;
    opacity:0;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    -webkit-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	-moz-box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
	box-shadow:0 8px 24px -6px rgba(30, 31, 32, 0.28);
    -webkit-transition:margin-bottom 180ms ease, opacity 180ms ease;
    -moz-transition:margin-bottom 180ms ease, opacity 180ms ease;
    -ms-transition:margin-bottom 180ms ease, opacity 180ms ease;
    -o-transition:margin-bottom 180ms ease, opacity 180ms ease;
    transition:margin-bottom 180ms ease, opacity 180ms ease;
}
.KUI-multi-select:not(.expanded) > ul.options{
    transition-delay:100ms;
}
.KUI-multi-select.expanded > ul.options{
    margin-bottom:12px;
    opacity:1;
}
.KUI-multi-select > ul.options > li{
    position:relative;
    margin:0;
    width:calc(100% - 24px);height:0;padding:0 8px 0 16px;
    background-color:#FFF;
    background-image:url("../../visual/buttons/8A.png");background-repeat:no-repeat;background-size:12px auto;background-position:calc(100% + 16px) center;
    overflow:hidden;
    text-align:left;
    font-size:13.5px;color:#404042;font-weight:400;letter-spacing:0;line-height:42px;
    -webkit-transform:translateY(-50px);
    -moz-transform:translateY(-50px);
    -ms-transform:translateY(-50px);
    -o-transform:translateY(-50px);
    transform:translateY(-50px);
    -webkit-transition:height 100ms ease, background-position 160ms cubic-bezier(0.32, 0.22, 0.12, 1.32), transform 280ms cubic-bezier(0.32, 0.22, 0.12, 1.32);
    -moz-transition:height 100ms ease, background-position 160ms cubic-bezier(0.32, 0.22, 0.12, 1.32), transform 280ms cubic-bezier(0.32, 0.22, 0.12, 1.32);
    -ms-transition:height 100ms ease, background-position 160ms cubic-bezier(0.32, 0.22, 0.12, 1.32), transform 280ms cubic-bezier(0.32, 0.22, 0.12, 1.32);
    -o-transition:height 100ms ease, background-position 160ms cubic-bezier(0.32, 0.22, 0.12, 1.32), transform 280ms cubic-bezier(0.32, 0.22, 0.12, 1.32);
    transition:height 100ms ease, background-position 160ms cubic-bezier(0.32, 0.22, 0.12, 1.32), transform 280ms cubic-bezier(0.32, 0.22, 0.12, 1.32);
}
.KUI-multi-select > ul.options > li:nth-child(1){
    transition-delay:50ms
}
.KUI-multi-select > ul.options > li:nth-child(2){
    transition-delay:100ms
}
.KUI-multi-select > ul.options > li:nth-child(3){
    transition-delay:150ms
}
.KUI-multi-select > ul.options > li:nth-child(4){
    transition-delay:200ms
}
.KUI-multi-select > ul.options > li:nth-child(5){
    transition-delay:250ms
}
.KUI-multi-select > ul.options > li:nth-child(6){
    transition-delay:300ms
}
.KUI-multi-select > ul.options > li:nth-child(n+6){
    transition-delay:350ms
}
.KUI-multi-select.expanded > ul.options > li{
    margin-top:1px;
    height:42px;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.KUI-multi-select > ul.options > li:first-child{
    margin-top:0;
}
.KUI-multi-select > ul.options > li:hover{
    background-color:#F0F0F4;
}
.KUI-multi-select > ul.options > li.selected{
    background-position:calc(100% - 12px) center;
}


/*==== MULTI-SELECT - FIELD FORMAT =================*/
/*==================================================*/

.KUI-field[data-type="multi-select"]{
    min-height:40px;padding:8px 0 0 0;
}
.KUI-field[data-type="multi-select"] .KUI-multi-select{
    margin:0;
    width:100%;
}
.KUI-field[data-type="multi-select"] .KUI-multi-select > .selected{
    width:calc(100% - 32px);height:38px;padding:0 12px;
    background-color:transparent;
    -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);
}
.KUI-field[data-type="multi-select"] .KUI-multi-select > .selected > label,
.KUI-field[data-type="multi-select"] .KUI-multi-select > .selected > .label{
    margin:0;
    font-weight:400;
}

/*
**
**
**
**
**
**
**
**
** ======= INPUTS - INTERACTIONS & VARIANTS =================
** ==========================================================
*/

.KUI-field .field-input:focus ~ label,
.KUI-field:not([data-type="checkbox"]):not([data-type="switch"]):not([data-type="number"]):not([data-type="time"]):not([data-type="date"]):not([data-type="multi-select"]).populated label{ 
    top:17px;
    font-size:12px;color:#48484A;
}
.KUI-field-group[data-show-required] .KUI-field .field-input[data-require]:focus ~ label,
.KUI-field-group[data-show-required] .KUI-field:not([data-type="checkbox"]):not([data-type="switch"]):not([data-type="number"]):not([data-type="time"]):not([data-type="date"]):not([data-type="multi-select"]).populated .field-input[data-require] ~ label{
    top:11px;
}
.KUI-field-group[data-show-required] .KUI-field .field-input:focus ~ label::before,
.KUI-field-group[data-show-required] .KUI-field.populated label::before{
    opacity:0;
}



/*==== INPUTS - SMALL FORMAT =======================*/
/*==================================================*/

.KUI-field-group[data-fit="small"] .field-input{
    height:38px;padding-top:14px;
}
.KUI-field-group[data-fit="small"] label,
.KUI-field-group[data-fit="small"] .label{ 
    font-size:12.5px;
} 


/*==== INPUTS - INVALID FIELD ======================*/
/*==================================================*/

.KUI-field.invalid-field label,
.KUI-field.invalid-field .label{
    color:#F1522F; 
}
.KUI-field-group .KUI-field.invalid-field .field-input[data-require] ~ label::before,
.KUI-field-group .KUI-field.invalid-field .field-input[data-require] ~ .label::before{
    content:'';
    display:block;
    position:absolute;z-index:1;
    top:calc(50% - 3px);left:3px;
    width:4px;height:4px;padding:0;
    background-color:#F1522F;
    border:1px solid #F1522F;
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - KUI COUNTER ============================
** ==========================================================
*/

.KUI-counter{
    display:inline-block;
    position:relative;
    width:auto;height:1em;padding:0;
    margin:0 -4px;vertical-align:bottom;
    overflow:hidden;
    text-align:center;
    font-size:28px;color:#000;font-weight:400;letter-spacing:0;
    text-shadow:0 1px 3px rgba(30, 32, 34, 0.32);
}
.KUI-counter .number-ticker{
    display:flex;
    /*flex-direction:row-reverse;*/
    width:auto;height:auto;padding:0;
    vertical-align:top;
    line-height:1em !important; 
}
.KUI-counter .number-ticker .digit{
    display:inline-block;
    position:relative;
    width:auto;height:auto;padding:0;
    margin:0 -1px;vertical-align:top; 
    -webkit-transition:-webkit-transform 350ms ease, margin-top 600ms ease;
    -moz-transition:-moz-transform 350ms ease, margin-top 600ms ease;
    -ms-transition:-ms-transform 350ms ease, margin-top 600ms ease;
    -o-transition:-o-transform 350ms ease, margin-top 600ms ease;
    transition:transform 350ms ease, margin-top 600ms ease;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.KUI-counter .number-ticker .active-digit{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - PROGRESS BAR ===========================
** ==========================================================
*/

.KUI-progress-bar{
    position:relative;
    margin:14px 0 0 0;
    width:100%;height:26px;padding:0;
}
.KUI-progress-bar > .info{
    position:relative;
    margin:0;
    width:100%;height:18px;padding:0;
    text-align:left;
}
.KUI-progress-bar > .info > span.name{
    font-size:12.5px;color:#6D6D6F;line-height:14px;font-weight:400;letter-spacing:0.1px;
}
.KUI-progress-bar > .info > span.progression{
    display:inline-block;
    position:absolute;
    top:0;right:0;
    width:auto;height:100%;
    text-align:right;
    font-size:12.5px;color:#38383A;line-height:14px;font-weight:500;letter-spacing:0.1px;
}
.KUI-progress-bar > .info > span.progression::after{
    content:"%";
    font-size:12.5px;color:#6D6D6F;line-height:14px;font-weight:300;letter-spacing:0.1px;
}
.KUI-progress-bar > .indicator-wrapper{
    position:relative;
    margin:0;
    width:100%;height:6px;padding:0;
    background-color:#EAEAEB;
    -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
}
.KUI-progress-bar > .indicator-wrapper > .indicator-value{
    position:relative;
    margin:0;
    width:0;height:100%;padding:0;
    background-color:#4695FF;
    -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
    -webkit-box-shadow:0 4px 12px -1.5px rgba(0, 88, 120, 0.82);
	-moz-box-shadow:0 4px 12px -1.5px rgba(0, 88, 120, 0.82);
	box-shadow:0 4px 12px -1.5px rgba(0, 88, 120, 0.82);
    -webkit-transition:width 1100ms ease;
    -moz-transition:width 1100ms ease;
    -ms-transition:width 1100ms ease;
    -o-transition:width 1100ms ease;
    transition:width 1100ms ease;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - RADIAL PROGRESS INDICATOR ==============
** ==========================================================
*/

.KUI-radial-progress{
    display:inline-block;
    position:relative;
    width:auto;height:auto;padding:0;
    margin:4px 0;
}
.KUI-radial-progress .svg-wrap{
    width:80px;height:80px;
    background-color:transparent;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
}
.KUI-radial-progress .progress-cell,
.KUI-radial-progress .progress-value{
    stroke-width:6;
}
.KUI-radial-progress .progress-cell{
	stroke:#DEDEDF;
}
.KUI-radial-progress .progress-value{
	stroke:#4695FF;
    stroke-dasharray:339.292;stroke-dashoffset:339.292;
    -webkit-transition:stroke-dashoffset 1100ms ease;
    -moz-transition:stroke-dashoffset 1100ms ease;
    -ms-transition:stroke-dashoffset 1100ms ease;
    -o-transition:stroke-dashoffset 1100ms ease;
    transition:stroke-dashoffset 1100ms ease;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - LOADING ================================
** ==========================================================
*/

.KUI-loading{
    position:absolute;z-index:10;
    top:0;left:0;
    margin:auto;
    width:100%;height:100%;padding:0;
    background-color:transparent;
    text-align:center;
    animation:K-ANIMATE-loader 2s ease-in-out infinite alternate;
}
.KUI-loading > span{
    display:block;
    position:absolute;
    top:0;bottom:0;left:0;
    margin:auto 0;
    width:100%;height:30px;
    font-size:16px;color:#838A91;font-weight:300;letter-spacing:0.4px;line-height:20px;
}

@keyframes K-ANIMATE-loader{
    from{  
        background-color:rgba(0, 0, 0, 0);
    }
    to{ 
        background-color:rgba(0, 0, 0, 0.2);
    }
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - STATUS UI ==============================
** ==========================================================
*/

.KUI-status-indicator{ 
    display:none;
    position:absolute;z-index:11;
    top:0;bottom:0;left:0;right:0;
    margin:auto;
    width:48px;height:100%;padding:0;
    background-color:transparent;
    text-align:center;
}
.KUI-status-indicator .status-indicator{
    position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;
    width:48px;height:48px;padding:4px;
    background-color:transparent;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
.KUI-status-indicator .status-indicator-svg{
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:inset 0 0 0 0 rgba(8, 12, 200, 0), 0 0 0 0 rgba(8, 12, 200, 0);
    -moz-box-shadow:inset 0 0 0 0 rgba(8, 12, 200, 0), 0 0 0 0 rgba(8, 12, 200, 0);
    box-shadow:inset 0 0 0 0 rgba(8, 12, 200, 0), 0 0 0 0 rgba(8, 12, 200, 0);
    -webkit-transition:-webkit-box-shadow 600ms ease;
    -moz-transition:-moz-box-shadow 600ms ease;
    -ms-transition:box-shadow 600ms ease;
    -o-transition:box-shadow 600ms ease;
    transition:box-shadow 600ms ease;
    -webkit-transform:rotateY(0deg) rotateX(0deg);
    -moz-transform:rotateY(0deg) rotateX(0deg);
    -ms-transform:rotateY(0deg) rotateX(0deg);
    -o-transform:rotateY(0deg) rotateX(0deg);
    transform:rotateY(0deg) rotateX(0deg);
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
.KUI-status-indicator .radial-el{ 
    fill:none; 
    stroke:#FFF;
    stroke-width:2;
	stroke-linecap:round;
    stroke-dashoffset:163;
    -webkit-transition:stroke-dashoffset 550ms ease 160ms, stroke 550ms ease; 
    -moz-transition:stroke-dashoffset 550ms ease 160ms, stroke 550ms ease; 
    -ms-transition:stroke-dashoffset 550ms ease 160ms, stroke 550ms ease; 
    -o-transition:stroke-dashoffset 550ms ease 160ms, stroke 550ms ease; 
    transition:stroke-dashoffset 550ms ease 160ms, stroke 550ms ease; 
}
.KUI-status-indicator .status-indicator-icon{
    position:absolute;top:0;left:0;z-index:0;
	width:100%;height:100%;padding:0;
    background-color:transparent;
    text-align:center;
}
.KUI-status-indicator .status-indicator-icon figure{
    width:100%;height:100%;
    background-image:url("../../visual/interface/1B.png");background-repeat:no-repeat;background-size:16px auto;background-position:center;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:-webkit-transform 360ms cubic-bezier(0.32, 0.42, 0.08, 1.28) 260ms;
    -moz-transition:-moz-transform 360ms cubic-bezier(0.32, 0.42, 0.08, 1.28) 260ms;
    -ms-transition:-ms-transform 360ms cubic-bezier(0.32, 0.42, 0.08, 1.28) 260ms;
    -o-transition:-o-transform 360ms cubic-bezier(0.32, 0.42, 0.08, 1.28) 260ms;
    transition:transform 360ms cubic-bezier(0.32, 0.42, 0.08, 1.28) 260ms;
}
@-webkit-keyframes statusIndicator{
    0%{   -webkit-transform:rotateY(180deg) rotateX(360deg); }
    100%{ -webkit-transform:rotateY(0deg)   rotateX(0deg);   }
}
@-moz-keyframes statusIndicator{
    0%{   -moz-transform:rotateY(180deg) rotateX(360deg); }
    100%{ -moz-transform:rotateY(0deg)   rotateX(0deg);   }
}
@-ms-keyframes statusIndicator{
    0%{   -ms-transform:rotateY(180deg) rotateX(360deg); }
    100%{ -ms-transform:rotateY(0deg)   rotateX(0deg);   }
}
@-o-keyframes statusIndicator{
    0%{   -o-transform:rotateY(180deg) rotateX(360deg); }
    100%{ -o-transform:rotateY(0deg)   rotateX(0deg);   }
}
@keyframes statusIndicator{
    0%{   transform:rotateY(180deg) rotateX(360deg); }
    100%{ transform:rotateY(0deg)   rotateX(0deg);   }
}
.KUI-status-indicator[data-stage="pending"] .status-indicator-svg{ 
    -webkit-animation:statusIndicator 420ms cubic-bezier(0.01, 0.1, 0.34, 0.4) 460ms infinite normal;
    -moz-animation:statusIndicator 420ms cubic-bezier(0.01, 0.1, 0.34, 0.4) 460ms infinite normal;
    -ms-animation:statusIndicator 420ms cubic-bezier(0.01, 0.1, 0.34, 0.4) 460ms infinite normal;
    -o-animation:statusIndicator 420ms cubic-bezier(0.01, 0.1, 0.34, 0.4) 460ms infinite normal;
    animation:statusIndicator 420ms cubic-bezier(0.01, 0.1, 0.34, 0.4) 460ms infinite normal;
}
.KUI-status-indicator[data-stage="pending"] .status-indicator,
.KUI-status-indicator[data-stage="response"] .status-indicator,
.KUI-status-indicator[data-stage="kill"] .status-indicator,
.KUI-status-indicator[data-stage="response"] .status-indicator-icon figure{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.KUI-status-indicator[data-stage="response"][data-response="true"] .status-indicator-svg{
    -webkit-box-shadow:inset 0 0 10px 0 rgba(0, 88, 52, 0.52), 0 0 10px 0 rgba(0, 130, 52, 0.48);
    -moz-box-shadow:inset 0 0 10px 0 rgba(0, 88, 52, 0.52), 0 0 10px 0 rgba(0, 130, 52, 0.48);
    box-shadow:inset 0 0 10px 0 rgba(0, 88, 52, 0.52), 0 0 10px 0 rgba(0, 130, 52, 0.48);
}
.KUI-status-indicator[data-stage="response"][data-response="false"] .status-indicator-svg{
    -webkit-box-shadow:inset 0 0 12px 0 rgba(180, 48, 12, 0.52), 0 0 12px 0 rgba(200, 48, 12, 0.48);
    -moz-box-shadow:inset 0 0 12px 0 rgba(180, 48, 12, 0.52), 0 0 12px 0 rgba(200, 48, 12, 0.48);
    box-shadow:inset 0 0 12px 0 rgba(180, 48, 12, 0.52), 0 0 12px 0 rgba(200, 48, 12, 0.48);
}
.KUI-status-indicator[data-response="true"] .radial-el{ 
    stroke:#00C64F; 
}
.KUI-status-indicator[data-response="false"] .radial-el{ 
    stroke:#FF5733; 
}
.KUI-status-indicator[data-stage="pending"] .radial-el,
.KUI-status-indicator[data-stage="response"] .radial-el{ 
    stroke-dashoffset:0; 
}
.KUI-status-indicator[data-response="false"] .status-indicator-icon figure{ 
    background-image:url("../../visual/interface/2B.png"); 
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - NOTIFICATION ALERT =====================
** ==========================================================
*/

#KUI-banner-notification{
	position:fixed;z-index:20;
    top:0;left:0;right:0;
    margin:0 auto;
	width:318px;height:auto;padding:0;
    background:none;
    background-color:transparent;
    text-align:center;
}
#KUI-banner-notification .notification{
    display:inline-block;
    position:relative;z-index:2;
    top:0;
    margin-top:-300px;
    width:100%;height:auto;min-height:88px;padding:0;
    vertical-align:top;
    background-color:#FFF;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    -webkit-box-shadow:0 4px 26px -5px rgba(18, 18, 20, 0.38);
	-moz-box-shadow:0 4px 26px -5px rgba(18, 18, 20, 0.38);
	box-shadow:0 4px 26px -5px rgba(18, 18, 20, 0.38);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:-webkit-transform 220ms ease, margin-top 320ms ease;
    -moz-transition:-moz-transform 220ms ease, margin-top 320ms ease;
    -ms-transition:-ms-transform 220ms ease, margin-top 320ms ease;
    -o-transition:-o-transform 220ms ease, margin-top 320ms ease;
    transition:transform 220ms ease, margin-top 320ms ease;
}
#KUI-banner-notification .notification .dismiss{
    position:absolute;top:4px;right:8px;z-index:2;
    width:22px;height:22px;
    background-color:transparent;
    background-image:url("../../visual/interface/0B.png");background-repeat:no-repeat;background-size:16px auto;background-position:center;
    opacity:0.62;
    cursor:pointer;
}
#KUI-banner-notification .notification .dismiss:hover{ 
    opacity:1; 
}
#KUI-banner-notification .notification .notification-image{
    position:absolute;top:20px;left:8px;z-index:1;
    width:40px;height:40px;
    background-color:transparent;
    background-repeat:no-repeat;background-size:contain;background-position:center;
}
#KUI-banner-notification .notification-inner{
    position:relative;
    width:88%;height:auto;padding:24px 0 6px 0;
    margin:auto;
    text-align:left;
}
#KUI-banner-notification .notification[data-format="paragraph"] .notification-inner{ 
    padding:24px 0 8px 0; 
}
#KUI-banner-notification .notification:not([data-action-id=""]) .notification-inner{
    padding-bottom:18px;
    cursor:pointer;
}
#KUI-banner-notification .notification-heading{
    text-overflow:ellipsis;
    font-size:16px;color:#000;font-weight:500;letter-spacing:0.2px;line-height:24px;
    overflow:hidden;white-space:nowrap;
}
#KUI-banner-notification .notification[data-heading-size="small"] .notification-heading{ 
    font-size:14.5px;
}
#KUI-banner-notification .notification[data-heading-size="large"] .notification-heading{ 
    font-size:17px;letter-spacing:0.2px;
}
#KUI-banner-notification .notification-body{ 
    font-size:14.5px;color:#48484A;font-weight:400;letter-spacing:0.2px;line-height:18px;
}
#KUI-banner-notification .notification-heading:first-letter,
#KUI-banner-notification .notification-body:first-letter{ 
    text-transform:capitalize; 
}
#KUI-banner-notification .notification[data-format="paragraph"] .notification-body{ 
    font-size:13.5px;line-height:19px; 
}    
#KUI-banner-notification .notification-highlight{
    padding:8px 0 4px 0;
    font-size:24px;color:#0087F4;line-height:38px;font-weight:300;letter-spacing:0.2px;
}
#KUI-banner-notification .notification:not([data-action-id=""]) .action-tag{
    display:none;
    position:absolute;bottom:8px;right:0;
	width:120px;height:18px;padding:0;
    text-align:right;
    font-size:11.5px;color:#5F5F5F;font-weight:400;letter-spacing:0.2px;line-height:18px;
}
#KUI-banner-notification .notification:not([onclick=""]) .action-tag{
    display:block;
}
#KUI-banner-notification .notification .notification-icon{
    position:absolute;top:-12px;left:18px;
	width:28px;height:28px;padding:0;
    background-color:#0083ED;
    background:-webkit-linear-gradient(62deg, #0083ED, #009FFC);
    background:-moz-linear-gradient(62deg, #0083ED, #009FFC);
    background:-o-linear-gradient(62deg, #0083ED, #009FFC);
    background:linear-gradient(62deg, #0083ED, #009FFC);
    text-align:center; 
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:0 2.5px 12px -4px rgba(42, 44, 46, 0.92);
	-moz-box-shadow:0 2.5px 12px -4px rgba(42, 44, 46, 0.92);
	box-shadow:0 2.5px 12px -4px rgba(42, 44, 46, 0.92);
}
#KUI-banner-notification .notification .notification-icon figure{   
    width:100%;height:100%;
    background-image:url("../../visual/notifications/0A.png");background-repeat:no-repeat;background-size:16px auto;background-position:center;
}
#KUI-banner-notification .notification[data-active="true"]{ 
    margin-top:36px;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
    -webkit-transition:-webkit-transform 680ms cubic-bezier(0.32, 0.22, 0.08, 1.08) 40ms, margin-top 400ms ease;
    -moz-transition:-moz-transform 680ms cubic-bezier(0.32, 0.22, 0.08, 1.08) 40ms, margin-top 400ms ease;
    -ms-transition:-ms-transform 680ms cubic-bezier(0.32, 0.22, 0.08, 1.08) 40ms, margin-top 400ms ease;
    -o-transition:-o-transform 680ms cubic-bezier(0.32, 0.22, 0.08, 1.08) 40ms, margin-top 400ms ease;
    transition:transform 680ms cubic-bezier(0.32, 0.22, 0.08, 1.08) 40ms, margin-top 400ms ease;
}
#KUI-banner-notification .notification[data-active="kill"]{ 
    z-index:1;
    margin-top:-200px;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}

#KUI-banner-notification .notification[data-image=""] .notification-image,
#KUI-banner-notification .notification:not([data-image=""]) .notification-icon{
    display:none;
}
#KUI-banner-notification .notification[data-type="minimal"]{
    max-width:318px;height:auto;min-height:76px;
    margin-left:0;margin-bottom:4px;
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
}
#KUI-banner-notification .notification[data-active="true"][data-type="minimal"]{
    margin-top:-2px;
}
#KUI-banner-notification .notification[data-type="minimal"] .notification-inner,
#KUI-banner-notification .notification:not([data-image=""]) .notification-inner{
    width:calc(92% - 40px);padding-top:12px;padding-left:40px;
}
#KUI-banner-notification .notification[data-type="minimal"] .notification-inner:not([data-image=""]){
    padding-top:18px;
}
#KUI-banner-notification .notification[data-type="minimal"] .notification-icon{
    top:23px;left:14px;
    -webkit-box-shadow:0 2px 12px -4px rgba(42, 44, 46, 0.9);
	-moz-box-shadow:0 2px 12px -4px rgba(42, 44, 46, 0.9);
	box-shadow:0 2px 12px -4px rgba(42, 44, 46, 0.9);
}
#KUI-banner-notification .notification[data-type="minimal"] .notification-heading{
    font-size:14.5px;line-height:23px;
}
#KUI-banner-notification .notification[data-type="minimal"] .notification-body{  
    text-overflow:ellipsis;white-space:nowrap;
    font-size:14px;
    overflow:hidden;
}
#KUI-banner-notification .notification[data-theme="alert"] .notification-icon{
    background-color:#FF5733;
    background:-webkit-linear-gradient(62deg, #D13825, #FD6D4E);
    background:-moz-linear-gradient(62deg, #D13825, #FD6D4E);
    background:-o-linear-gradient(62deg, #D13825, #FD6D4E);
    background:linear-gradient(62deg, #D13825, #FD6D4E);
}
#KUI-banner-notification .notification[data-theme="payment"] .notification-icon, 
#KUI-banner-notification .notification[data-theme="success"] .notification-icon{
    background-color:#00B721;
    background:-webkit-linear-gradient(62deg, #1DA439, #3AD45D);
    background:-moz-linear-gradient(62deg, #1DA439, #3AD45D);
    background:-o-linear-gradient(62deg, #1DA439, #3AD45D);
    background:linear-gradient(62deg, #1DA439, #3AD45D);
}
#KUI-banner-notification .notification[data-theme="favorite"] .notification-icon{
    background-color:#C4293D;
    background:-webkit-linear-gradient(62deg, #D22F44, #EE5065);
    background:-moz-linear-gradient(62deg, #D22F44, #EE5065);
    background:-o-linear-gradient(62deg, #D22F44, #EE5065);
    background:linear-gradient(62deg, #D22F44, #EE5065);
}
#KUI-banner-notification .notification[data-theme="alert"] .notification-icon figure{    background-image:url("../../visual/notifications/9B.png");background-size:18px auto;background-position:center 6px; }
#KUI-banner-notification .notification[data-theme="cart"] .notification-icon figure{     background-image:url("../../visual/notifications/8B.png");background-size:17px auto; }
#KUI-banner-notification .notification[data-theme="payment"] .notification-icon figure{  background-image:url("../../visual/notifications/2A.png");background-size:18px auto; }
#KUI-banner-notification .notification[data-theme="favorite"] .notification-icon figure{ background-image:url("../../visual/notifications/3A.png");background-size:14px auto; }
#KUI-banner-notification .notification[data-theme="success"] .notification-icon figure{  background-image:url("../../visual/notifications/4A.png");background-size:14px auto; }
#KUI-banner-notification .notification[data-theme="outgoing"] .notification-icon figure{ background-image:url("../../visual/notifications/5A.png"); }
#KUI-banner-notification .notification[data-theme="user"] .notification-icon figure{     background-image:url("../../visual/notifications/6A.png"); }

#KUI-banner-notification .notification[data-theme="alert"] .notification-highlight{    color:#FF5733; }
#KUI-banner-notification .notification[data-theme="payment"] .notification-highlight{  color:#00BA2F; }
#KUI-banner-notification .notification[data-theme="success"] .notification-highlight{  color:#00BA2F; }
#KUI-banner-notification .notification[data-theme="favorite"] .notification-highlight{ color:#E24256; }

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - BULLETIN ALERT =========================
** ==========================================================
*/

#KUI-bulletin{
    display:none;
	position:fixed;top:18%;left:0;right:0;margin:0 auto;z-index:18;
	width:92%;min-width:410px;max-width:454px;height:auto;padding:0;
    background:none;background-color:transparent;
}
#KUI-bulletin .bulletin{
    position:relative;
    width:100%;height:auto;min-height:132px;padding:0;
    margin-top:110%;
    background-color:rgba(251, 253, 255, 0.88);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
    -webkit-box-shadow:0 12px 32px -8px rgba(30, 30, 32, 0.72);
	-moz-box-shadow:0 12px 32px -8px rgba(30, 30, 32, 0.72);
	box-shadow:0 12px 32px -8px rgba(30, 30, 32, 0.72);
    -webkit-transition:-webkit-transform 650ms cubic-bezier(0.22, 0.22, 0.08, 1.1), margin-top 420ms ease;
    -moz-transition:-moz-transform 650ms cubic-bezier(0.22, 0.22, 0.08, 1.1), margin-top 420ms ease;
    -ms-transition:-ms-transform 650ms cubic-bezier(0.22, 0.22, 0.08, 1.1), margin-top 420ms ease;
    -o-transition:-o-transform 650ms cubic-bezier(0.22, 0.22, 0.08, 1.1), margin-top 420ms ease;
    transition:transform 650ms cubic-bezier(0.22, 0.22, 0.08, 1.1), margin-top 420ms ease;
}
#KUI-bulletin .dismiss{
    position:absolute;z-index:2;
    top:12px;right:14px;
    width:70px;height:24px;padding:0 0 0 8px;
    background-color:transparent;
    background-image:url("../../visual/buttons/sub-arrow-right_0_0.png");background-repeat:no-repeat;background-size:16px auto;background-position:50px center;
    text-align:left;
    font-size:12px;color:#000;font-weight:500;letter-spacing:0.2px;
    cursor:pointer;
    -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
}
#KUI-bulletin .dismiss:hover{ 
    background-color:#E0E0E0;
}
#KUI-bulletin .bulletin-inner{
    position:relative;
    width:88%;height:auto;padding:40px 0 32px 0;
    margin:auto;
    text-align:left;
}
#KUI-bulletin .bulletin[data-align="center"] .bulletin-inner{ 
    padding:44px 0 24px 0;
    text-align:center; 
}
#KUI-bulletin .bulletin-heading{ 
    font-size:20px;color:#000;font-weight:700;letter-spacing:0.2px;line-height:22px;
}
#KUI-bulletin .bulletin-heading .bulletin-subheading{ 
    text-transform:uppercase;
    font-size:12.5px;color:#68686A;font-weight:500;
}
#KUI-bulletin .bulletin-body{ 
    padding-top:12px;
    font-size:14px;color:#48484A;font-weight:400;letter-spacing:0.4px;line-height:21px;
}
#KUI-bulletin .bulletin-heading:first-letter,
#KUI-bulletin .bulletin-body:first-letter{ 
    text-transform:capitalize; 
}
#KUI-bulletin .bulletin-highlight{ 
    margin-top:10px;
    font-size:32px;color:#006FE9;line-height:38px;font-weight:300;letter-spacing:0; 
}
#KUI-bulletin .bulletin-highlight .highlight-title{ 
    font-size:12px;color:#484C50;line-height:18px;font-weight:500;letter-spacing:0.2px; 
}
#KUI-bulletin .bulletin-highlight[data-highlight=""]{
    display:none;
}
#KUI-bulletin .bulletin-action{
    display:none;
    position:relative;
    width:auto;min-width:90px;height:46px;padding:0 26px 0 14px;
    margin:16px 0 0 0;vertical-align:top;
    background-color:#0073DC;
    background-image:url("../../visual/buttons/19B.png");background-repeat:no-repeat;background-size:16px auto;background-position:calc(100% - 10px) center;
    overflow:hidden;
    cursor:pointer;
    text-align:center;
    font-size:12px;color:#FFF;font-weight:400;letter-spacing:0.8px;
    -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;
    -webkit-box-shadow:0 3px 20px -6px rgba(32, 32, 32, 0.62);
	-moz-box-shadow:0 3px 20px -6px rgba(32, 32, 32, 0.62);
	box-shadow:0 3px 20px -6px rgba(32, 32, 32, 0.62);
}
#KUI-bulletin .bulletin-icon{
    position:absolute;top:-16px;left:28px;
	width:32px;height:32px;padding:0;
    background-color:#0096E7;
    background:-webkit-linear-gradient(62deg, #1174F0, #1AB2FF);
    background:-moz-linear-gradient(62deg, #1174F0, #1AB2FF);
    background:-o-linear-gradient(62deg, #1174F0, #1AB2FF);
    background:linear-gradient(62deg, #1174F0, #1AB2FF);
    text-align:center; 
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:0 2px 14px -3px rgba(32, 32, 32, 0.68);
	-moz-box-shadow:0 2px 14px -3px rgba(32, 32, 32, 0.68);
	box-shadow:0 2px 14px -3px rgba(32, 32, 32, 0.68);
}
#KUI-bulletin .bulletin-icon figure{
    width:100%;height:100%;
    background-image:url("../../visual/notifications/0A.png");background-repeat:no-repeat;background-size:16px auto;background-position:center;
}

#KUI-bulletin .bulletin[data-theme="alert"] .bulletin-icon{
    background-color:#FF5733;
    background:-webkit-linear-gradient(22deg, #D13825, #FD6D4E);
    background:-moz-linear-gradient(22deg, #D13825, #FD6D4E);
    background:-o-linear-gradient(22deg, #D13825, #FD6D4E);
    background:linear-gradient(22deg, #D13825, #FD6D4E);
}
#KUI-bulletin .bulletin[data-theme="billing"] .bulletin-icon, 
#KUI-bulletin .bulletin[data-theme="success"] .bulletin-icon{
    background-color:#00B640;
    background:-webkit-linear-gradient(62deg, #1DA439, #3AD45D);
    background:-moz-linear-gradient(62deg, #1DA439, #3AD45D);
    background:-o-linear-gradient(62deg, #1DA439, #3AD45D);
    background:linear-gradient(62deg, #1DA439, #3AD45D);
}
#KUI-bulletin .bulletin[data-theme="favorite"] .bulletin-icon{
    background-color:#C4293D;
    background:-webkit-linear-gradient(62deg, #D22F44, #EE5065);
    background:-moz-linear-gradient(62deg, #D22F44, #EE5065);
    background:-o-linear-gradient(62deg, #D22F44, #EE5065);
    background:linear-gradient(62deg, #D22F44, #EE5065);
}


#KUI-bulletin .bulletin[data-theme="alert"] .bulletin-icon figure{    
    background-image:url("../../visual/notifications/1A.png"); 
}
#KUI-bulletin .bulletin[data-theme="billing"] .bulletin-icon figure{  
    background-image:url("../../visual/notifications/2A.png");background-size:18px auto; 
}
#KUI-bulletin .bulletin[data-theme="favorite"] .bulletin-icon figure{ 
    background-image:url("../../visual/notifications/3A.png");background-size:14px auto; 
}
#KUI-bulletin .bulletin[data-theme="success"] .bulletin-icon figure{  
    background-image:url("../../visual/notifications/4A.png");background-size:16px auto; 
}
#KUI-bulletin .bulletin[data-theme="outgoing"] .bulletin-icon figure{ 
    background-image:url("../../visual/notifications/5A.png");background-size:16px auto; 
}
#KUI-bulletin .bulletin[data-theme="user"] .bulletin-icon figure{     
    background-image:url("../../visual/notifications/6A.png"); 
}


#KUI-bulletin .bulletin[data-theme="billing"] .bulletin-inner .bulletin-highlight, 
#KUI-bulletin .bulletin[data-theme="success"] .bulletin-inner .bulletin-highlight{   
    color:#00B047; 
}
#KUI-bulletin .bulletin[data-theme="favorite"] .bulletin-inner .bulletin-highlight{ 
    color:#E24256; 
}
#KUI-bulletin .bulletin[data-theme="alert"] .bulletin-inner .bulletin-highlight{       
    color:#E65131; 
}


#KUI-bulletin .bulletin[data-theme="billing"] .bulletin-inner .bulletin-action, 
#KUI-bulletin .bulletin[data-theme="success"] .bulletin-inner .bulletin-action{  
    background-color:#00B047; 
}
#KUI-bulletin .bulletin[data-theme="favorite"] .bulletin-inner .bulletin-action{ 
    background-color:#E24256; 
}
#KUI-bulletin .bulletin[data-theme="alert"] .bulletin-inner .bulletin-action{    
    background-color:#E65131; 
}


#KUI-bulletin[data-active="main"] .bulletin{ 
    margin-top:0;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
#KUI-bulletin[data-active="kill"] .bulletin{ 
    margin-top:0;
    -webkit-transition:-webkit-transform 250ms ease;
    -moz-transition:-moz-transform 250ms ease;
    -ms-transition:-ms-transform 250ms ease;
    -o-transition:-o-transform 250ms ease;
    transition:transform 250ms ease;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - CONFIRMATION SELECT ====================
** ==========================================================
*/

#KUI-confirm{
    display:none;
	position:fixed;z-index:18;
    bottom:0;left:0;right:0;
    margin:0 auto;
	width:430px;height:auto;padding:0;
    background:none;background-color:transparent;
}
#KUI-confirm .confirm{
    position:relative;
    width:100%;height:auto;padding:0 0 72px 0;
}
#KUI-confirm .safe-zone{
    position:relative;
    margin:auto;
    width:322px;height:auto;padding:0;
    text-align:center;
}
#KUI-confirm .confirm-heading{ 
    padding:0 0 28px 0;
    opacity:0;
    text-shadow:0 1px 4px rgba(0, 0, 0, 0.18);
    font-size:26px;color:#FFF;line-height:26px;font-weight:400;letter-spacing:0.4px; 
    -webkit-transition:opacity 300ms ease;
    -moz-transition:opacity 300ms ease;
    -ms-transition:opacity 300ms ease;
    -o-transition:opacity 300ms ease;
    transition:opacity 300ms ease;
}
#KUI-confirm .confirm-heading:first-letter{ 
    text-transform:capitalize; 
}
#KUI-confirm .confirm-option{
    position:relative;
    top:250px;
    margin:8px 0;
    width:100%;height:56px;padding:2px 0 0 0;
    background-color:#FAFAFB;
    background-image:url("../../visual/interface/1B.png");background-repeat:no-repeat;background-size:18px auto;background-position:center 100px;
    text-align:center;
    font-size:16px;color:#00B62E;font-weight:400;line-height:22px;letter-spacing:0.2px;
    overflow:hidden;
    cursor:pointer;
    opacity:0;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    -webkit-box-shadow:0 6px 28px -6px rgba(22, 22, 24, 0.22);
	-moz-box-shadow:0 6px 28px -6px rgba(22, 22, 24, 0.22);
	box-shadow:0 6px 28px -6px rgba(22, 22, 24, 0.22);
    -webkit-transition:top 600ms cubic-bezier(0.32, 0.62, 0.08, 1.12), opacity 260ms ease, background-position 380ms cubic-bezier(0.32, 0.52, 0.08, 1.2);
    -moz-transition:top 600ms cubic-bezier(0.32, 0.62, 0.08, 1.12), opacity 260ms ease, background-position 380ms cubic-bezier(0.32, 0.52, 0.08, 1.2);
    -ms-transition:top 600ms cubic-bezier(0.32, 0.62, 0.08, 1.12), opacity 260ms ease, background-position 380ms cubic-bezier(0.32, 0.52, 0.08, 1.2);
    -o-transition:top 600ms cubic-bezier(0.32, 0.62, 0.08, 1.12), opacity 260ms ease, background-position 380ms cubic-bezier(0.32, 0.52, 0.08, 1.2);
    transition:top 600ms cubic-bezier(0.32, 0.62, 0.08, 1.12), opacity 260ms ease, background-position 380ms cubic-bezier(0.32, 0.52, 0.08, 1.2);
}
#KUI-confirm .confirm-option span{
    display:inline-block;
    width:200px;height:auto;
    margin:auto;vertical-align:top;
    -webkit-transition:-webkit-transform 180ms ease;
    -moz-transition:-moz-transform 180ms ease;
    -ms-transition:-ms-transform 180ms ease;
    -o-transition:-o-transform 180ms ease;
    transition:transform 180ms ease;
}
#KUI-confirm .confirm-option[data-option="cancel"]{
    top:450px;
    background-image:url("../../visual/interface/2B.png");
    color:#DD3613;
}
#KUI-confirm .confirm-option:hover{
    background-position:center;
}
#KUI-confirm .confirm-option:hover span{
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
}
#KUI-confirm[data-active="main"] .confirm-heading{
    opacity:1;
}
#KUI-confirm[data-active="main"] .confirm-option{
    top:0;
    opacity:1;
}
#KUI-confirm[data-active="kill"] .confirm{ 
    
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - CONFIRMATION SELECT ====================
** ==========================================================
*/

#KUI-form{
    display:none;
	position:fixed;top:0;left:0;right:0;margin:0 auto;z-index:18;
	width:100%;min-width:430px;height:100%;min-height:550px;max-height:1100px;padding:0;
    background:none;background-color:transparent;
    overflow:auto;
}
#KUI-form .form-main{
    position:relative;top:100%;
    width:360px;height:auto;min-height:550px;padding:0; 
    margin:0 auto 100px auto;
    text-align:center;
    background-color:transparent;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:-webkit-transform 720ms cubic-bezier(0.32, 0.32, 0.08, 1.12) 50ms, top 480ms ease;
    -moz-transition:-moz-transform 720ms cubic-bezier(0.32, 0.32, 0.08, 1.12) 50ms, top 480ms ease;
    -ms-transition:-ms-transform 720ms cubic-bezier(0.32, 0.32, 0.08, 1.12) 50ms, top 480ms ease;
    -o-transition:-o-transform 720ms cubic-bezier(0.32, 0.32, 0.08, 1.12) 50ms, top 480ms ease;
    transition:transform 720ms cubic-bezier(0.32, 0.32, 0.08, 1.12) 50ms, top 480ms ease;
}
#KUI-form .form-icon{
    position:absolute;top:-14px;left:38px;z-index:4;
	width:30px;height:30px;padding:0;
    background-color:#0096E7;
    background:-webkit-linear-gradient(38deg, #1174F0, #1AB2FF);
    background:-moz-linear-gradient(38deg, #1174F0, #1AB2FF);
    background:-o-linear-gradient(38deg, #1174F0, #1AB2FF);
    background:linear-gradient(38deg, #1174F0, #1AB2FF);
    text-align:center; 
    -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;
    -webkit-box-shadow:0 1px 14px -3px rgba(32, 32, 32, 0.72);
	-moz-box-shadow:0 1px 14px -3px rgba(32, 32, 32, 0.72);
	box-shadow:0 1px 14px -3px rgba(32, 32, 32, 0.72);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:-webkit-transform 280ms cubic-bezier(0.32, 0.32, 0.06, 1.22) 800ms;
    -moz-transition:-moz-transform 280ms cubic-bezier(0.32, 0.32, 0.06, 1.22) 800ms;
    -ms-transition:-ms-transform 280ms cubic-bezier(0.32, 0.32, 0.06, 1.22) 800ms;
    -o-transition:-o-transform 280ms cubic-bezier(0.32, 0.32, 0.06, 1.22) 800ms;
    transition:transform 280ms cubic-bezier(0.32, 0.32, 0.06, 1.22) 800ms;
}
#KUI-form .form-icon figure{
    width:100%;height:100%;
    background-image:url("../../visual/interface/13B.png");background-repeat:no-repeat;background-size:18px auto;background-position:center;
}
#KUI-form .form-inner{
    position:relative;z-index:2;
    width:100%;height:auto;min-height:250px;padding:0;
    background-color:rgba(255, 255, 255, 0.92);
    text-align:center;
    overflow:hidden;
    -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;
    -webkit-box-shadow:0 12px 32px -8px rgba(30, 30, 32, 0.78);
	-moz-box-shadow:0 12px 32px -8px rgba(30, 30, 32, 0.78);
	box-shadow:0 12px 32px -8px rgba(30, 30, 32, 0.78);
}
#KUI-form .dismiss{
    position:absolute;top:10px;right:12px;z-index:2;
    width:56px;height:22px;padding:0 4px;
    background-color:transparent;
    background-image:url("../../visual/buttons/19A.png");background-repeat:no-repeat;background-size:13px auto;background-position:right center;
    text-align:left;
    font-size:11.5px;color:#006FE9;font-weight:400;letter-spacing:0.1px;
    cursor:pointer;
}
#KUI-form .form-header{
    position:relative;
    width:80%;height:auto;padding:32px 0 12px 0;
    margin:auto;
    text-align:left;
    font-size:20px;color:#000;line-height:20px;font-weight:700;letter-spacing:0;
}
#KUI-form .form-subheading{  
    text-transform:uppercase;
    font-size:11.5px;color:#6D6D6E;font-weight:400;
}
#KUI-form .KUI-field-group{ 
    width:82%;max-height:310px;padding:10px 0 42px 0;
    overflow:auto;
}
#KUI-form .KUI-field{
    opacity:1;
    -webkit-transition:opacity 220ms ease, -webkit-transform 220ms ease-out; 
    -moz-transition:opacity 220ms ease, -moz-transform 220ms ease-out; 
    -ms-transition:opacity 220ms ease, -ms-transform 220ms ease-out; 
    -o-transition:opacity 220ms ease, -o-transform 220ms ease-out; 
    transition:opacity 220ms ease, transform 220ms ease-out; 
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
#KUI-form .scroll-focus{
    opacity:0.68;
    -webkit-transform:scale(0.88);
    -moz-transform:scale(0.88);
    -ms-transform:scale(0.88);
    -o-transform:scale(0.88);
    transform:scale(0.88);
}
#KUI-form button[type="submit"]{
    display:inline-block; 
    position:relative;top:-100px;
    width:auto;min-width:250px;height:50px;padding:2px 16px 0 16px;
    margin:0;vertical-align:top;
    background-color:#000;
    opacity:0;
    text-align:center;
    font-size:12px;color:#FFF;font-weight:500;letter-spacing:1.2px;
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
    -webkit-box-shadow:0 4px 26px -6px rgba(0, 0, 0, 0.52);
	-moz-box-shadow:0 4px 26px -6px rgba(0, 0, 0, 0.52);
	box-shadow:0 4px 26px -6px rgba(0, 0, 0, 0.52);
    -webkit-transition:top 800ms cubic-bezier(0.42, 0, 0, 1.22) 480ms, opacity 400ms ease 480ms;
    -moz-transition:top 800ms cubic-bezier(0.42, 0, 0, 1.22) 480ms, opacity 400ms ease 480ms;
    -ms-transition:top 800ms cubic-bezier(0.42, 0, 0, 1.22) 480ms, opacity 400ms ease 480ms;
    -o-transition:top 800ms cubic-bezier(0.42, 0, 0, 1.22) 480ms, opacity 400ms ease 480ms;
    transition:top 800ms cubic-bezier(0.42, 0, 0, 1.22) 480ms, opacity 400ms ease 480ms;
}
#KUI-form button[type="submit"]:hover{ 
    background-color:#FFF;
    color:#000;
}

#KUI-form[data-active="main"] .form-main{ 
    top:calc(50% - 280px);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
#KUI-form[data-active="main"] .form-icon{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
#KUI-form[data-active="main"] button[type="submit"]{ 
    top:18px;
    opacity:1;
}
#KUI-form[data-active="kill"] .form-main{ 
    top:calc(50% - 280px);
    -webkit-transition:-webkit-transform 250ms ease;
    -moz-transition:-moz-transform 250ms ease;
    -ms-transition:-ms-transform 250ms ease;
    -o-transition:-o-transform 250ms ease;
    transition:transform 250ms ease;
    -webkit-transition-delay:350ms;
    -moz-transition-delay:350ms;
    -ms-transition-delay:350ms;
    -o-transition-delay:350ms;
    transition-delay:350ms;
}
#KUI-form[data-active="kill"] button[type="submit"]{ 
    top:-100px; 
    transition-delay:0ms;
}

/*
**
**
**
**
**
**
**
**
** ======= CORE - SEQUENTIAL TRANSITION =====================
** ==========================================================
*/

.KUI-sequential-transition:nth-child(1){
    -webkit-transition-delay:50ms !important;
    -moz-transition-delay:50ms !important;
    transition-delay:50ms !important;
}
.KUI-sequential-transition:nth-child(2){
    -webkit-transition-delay:100ms !important;
    -moz-transition-delay:100ms !important;
    transition-delay:100ms !important;
}
.KUI-sequential-transition:nth-child(3){
    -webkit-transition-delay:150ms !important;
    -moz-transition-delay:150ms !important;
    transition-delay:150ms !important;
}
.KUI-sequential-transition:nth-child(4){
    -webkit-transition-delay:200ms !important;
    -moz-transition-delay:200ms !important;
    transition-delay:200ms !important;
}
.KUI-sequential-transition:nth-child(5){
    -webkit-transition-delay:250ms !important;
    -moz-transition-delay:250ms !important;
    transition-delay:250ms !important;
}
.KUI-sequential-transition:nth-child(6){
    -webkit-transition-delay:300ms !important;
    -moz-transition-delay:300ms !important;
    transition-delay:300ms !important;
}
.KUI-sequential-transition:nth-child(7){
    -webkit-transition-delay:350ms !important;
    -moz-transition-delay:350ms !important;
    transition-delay:350ms !important;
}
.KUI-sequential-transition:nth-child(8){
    -webkit-transition-delay:400ms !important;
    -moz-transition-delay:400ms !important;
    transition-delay:400ms !important;
}
.KUI-sequential-transition:nth-child(9){
    -webkit-transition-delay:450ms !important;
    -moz-transition-delay:450ms !important;
    transition-delay:450ms !important;
}
.KUI-sequential-transition:nth-child(10){
    -webkit-transition-delay:500ms !important;
    -moz-transition-delay:500ms !important;
    transition-delay:500ms !important;
}
.KUI-sequential-transition:nth-child(11){
    -webkit-transition-delay:550ms !important;
    -moz-transition-delay:550ms !important;
    transition-delay:550ms !important;
}
.KUI-sequential-transition:nth-child(12){
    -webkit-transition-delay:600ms !important;
    -moz-transition-delay:600ms !important;
    transition-delay:600ms !important;
}
.KUI-sequential-transition:nth-child(13){
    -webkit-transition-delay:650ms !important;
    -moz-transition-delay:650ms !important;
    transition-delay:650ms !important;
}
.KUI-sequential-transition:nth-child(14){
    -webkit-transition-delay:700ms !important;
    -moz-transition-delay:700ms !important;
    transition-delay:700ms !important;
}
.KUI-sequential-transition:nth-child(15){
    -webkit-transition-delay:750ms !important;
    -moz-transition-delay:750ms !important;
    transition-delay:750ms !important;
}
.KUI-sequential-transition:nth-child(16){
    -webkit-transition-delay:800ms !important;
    -moz-transition-delay:800ms !important;
    transition-delay:800ms !important;
}
.KUI-sequential-transition:nth-child(n+16){
    -webkit-transition-delay:850ms !important;
    -moz-transition-delay:850ms !important;
    transition-delay:850ms !important;
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - STYLE OVERWRITES =======================
** ==========================================================
*/

.KUI-remove-box-shadow{
    -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);
}

/*
**
**
**
**
**
**
**
**
** ======= KOLBING - RESPONSIVE =============================
** ==========================================================
*/

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

    
    #KUI-banner-notification{
        width:332px;
    }

    
}