/*

//.........................
//.VVVV....VVVVV.222222....
//.VVVV....VVVV.22222222...
//.VVVV....VVVVV222..2222..
//.VVVVV..VVVV.V222..2222..
//..VVVV..VVVV.......2222..
//..VVVV..VVVV......22222..
//..VVVVVVVVV......22222...
//...VVVVVVVV.....22222....
//...VVVVVVVV....22222.....
//...VVVVVVV....22222......
//....VVVVVV....2222.......
//....VVVVVV...V222222222..
//....VVVVV....V222222222..
//.........................

V2

	TABLE OF CONTENTS
	--------------------------------
	TABLE OF CONTENTS
	--------------------------------
	*. header .......................
	--------------------------------
*/




.header {
    --cui-header-min-height: 4rem;
    --cui-header-padding-x: .5rem;
    --cui-header-padding-y: .5rem;
    --cui-header-bg: #fff;
    --cui-header-color: rgba(44,56,74,0.681);
    --cui-header-border-color: #d8dbe0;
    --cui-header-border: 1px solid var(--cui-header-border-color);
    --cui-header-hover-color: rgba(44,56,74,0.95);
    --cui-header-disabled-color: rgba(44,56,74,0.38);
    --cui-header-active-color: rgba(44,56,74,0.95);
    --cui-header-brand-padding-y: .3125rem;
    --cui-header-brand-color: #4f5d73;
    --cui-header-brand-hover-color: #475468;
    --cui-header-toggler-padding-x: .75rem;
    --cui-header-toggler-padding-y: .25rem;
    --cui-header-toggler-bg: transparent;
    --cui-header-toggler-color: rgba(44,56,74,0.681);
    --cui-header-toggler-border-radius: .375rem;
    --cui-header-toggler-hover-color: rgba(44,56,74,0.95);
    --cui-header-toggler-icon-bg: url("data:image/svg+xml;  charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2844, 56, 74, 0.681%29' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    --cui-header-toggler-hover-icon-bg: url("data:image/svg+xml;  charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%2844, 56, 74, 0.95%29' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    --cui-header-nav-link-padding-x: .5rem;
    --cui-header-nav-link-padding-y: .5rem;
    --cui-header-divider-border-color: #d8dbe0;
    --cui-header-divider-border: 1px solid var(--cui-header-divider-border-color);
    --cui-subheader-min-height: 3rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    min-height: var(--cui-header-min-height);
    padding: var(--cui-header-padding-y) var(--cui-header-padding-x);
    background: var(--cui-header-bg);
    border-bottom: var(--cui-header-border)
}
.header .navbar > .container,
.header .navbar > .container-fluid,
.header .navbar > .container-lg,
.header .navbar > .container-md,
.header .navbar > .container-sm,
.header .navbar > .container-xl,
.header .navbar > .container-xxl,
.header > .container,
.header > .container-fluid,
.header > .container-lg,
.header > .container-md,
.header > .container-sm,
.header > .container-xl,
.header > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}
.header .container-fluid:first-child,
.header .container-lg:first-child,
.header .container-md:first-child,
.header .container-sm:first-child,
.header .container-xl:first-child,
.header .container-xxl:first-child,
.header .container:first-child {
    min-height: calc(var(--cui-header-min-height) - 2 * var(--cui-header-padding-y));
}
.header .container-fluid:nth-child(n + 2),
.header .container-lg:nth-child(n + 2),
.header .container-md:nth-child(n + 2),
.header .container-sm:nth-child(n + 2),
.header .container-xl:nth-child(n + 2),
.header .container-xxl:nth-child(n + 2),
.header .container:nth-child(n + 2) {
    min-height: calc(var(--cui-subheader-min-height) - 2 * var(--cui-header-padding-y));
}
.header.header-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1029;
    box-shadow: 0 2px 2px 0 rgba(var(--cui-elevation-base-color, 60, 75, 100), 0.14), 0 3px 1px -2px rgba(var(--cui-elevation-base-color, 60, 75, 100), 0.12), 0 1px 5px 0 rgba(var(--cui-elevation-base-color, 60, 75, 100), 0.2);
}
.header.header-sticky:not([class*="border"]) {
    border: 0;
}
.header-divider {
    flex-basis: calc(100% + 2 * var(--cui-header-padding-x));
    height: 0;
    margin: var(--cui-header-padding-y) calc(var(--cui-header-padding-x) * -1);
    border-top: var(--cui-header-divider-border);
}
.header-brand {
    padding-top: var(--cui-header-brand-padding-y);
    padding-bottom: var(--cui-header-brand-padding-y);
    font-size: 1.25rem;
    color: var(--cui-header-brand-color);
    text-decoration: none;
    white-space: nowrap;
}
html:not([dir="rtl"]) .header-brand {
    margin-right: 1rem;
}
[dir="rtl"] .header-brand {
    margin-left: 1rem;
}
.header-brand:focus,
.header-brand:hover {
    color: var(--cui-header-brand-hover-color);
}
.header-nav {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    list-style: none;
}
body:not(.dark-theme) .header-nav .nav-item {
    font-weight: bolder;
}
html:not([dir="rtl"]) .header-nav {
    padding-left: 0;
}
[dir=rtl] .header-nav {
    padding-right: 0
}
.header-nav .nav-link {
    padding: var(--cui-header-nav-link-padding-y) var(--cui-header-nav-link-padding-x);
    color: var(--cui-header-color);
}
.header-nav .nav-link:focus,
.header-nav .nav-link:hover {
    color: var(--cui-header-hover-color);
}
.header-nav .nav-link.disabled {
    color: var(--cui-header-disabled-color);
}
.header-nav .nav-link.active,
.header-nav .show > .nav-link,
.header-text a {
    color: var(--cui-header-active-color);
}
.header-nav .dropdown-menu {
    position: absolute;
}
.header-text {
    padding-top: var(--cui-header-nav-link-padding-y);
    padding-bottom: var(--cui-header-nav-link-padding-y);
    color: var(--cui-header-color);
}
.header-text a:focus,
.header-text a:hover {
    color: var(--cui-header-active-color);
}
.header-toggler {
    padding: var(--cui-header-toggler-padding-y) var(--cui-header-toggler-padding-x);
    font-size: 1.25rem;
    color: var(--cui-header-toggler-color);
    background-color: var(--cui-header-toggler-bg);
    border: 0;
    border-radius: var(--cui-header-toggler-border-radius);
}
.header-toggler:hover {
    color: var(--cui-header-toggler-hover-color);
    text-decoration: none;
}
.header-toggler:focus {
    outline: 0;
}
.header-toggler:not(:disabled) {
    cursor: pointer;
}
.header-toggler.prevent-hide {
    display: block !important;
}
.header-toggler-icon {
    display: block;
    height: 1.5625rem;
    background-image: var(--cui-header-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}
.header-toggler-icon:hover {
    background-image: var(--cui-header-toggler-hover-icon-bg);
}

.icon {
    display: inline-block;
    color: inherit;
    text-align: center;
    vertical-align: -.125rem;
    fill: currentcolor
}
.icon:not(.icon-c-s):not(.icon-custom-size) {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-xxl {
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-xl {
    width: 1.5rem;
    height: 0.95rem;
    font-size: 1.5rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-lg {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1.25rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-sm {
    width: 0.875rem;
    height: 0.875rem;
    font-size: 0.875rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-3xl {
    width: 3rem;
    height: 3rem;
    font-size: 3rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-4xl {
    width: 4rem;
    height: 4rem;
    font-size: 4rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-5xl {
    width: 5rem;
    height: 5rem;
    font-size: 5rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-6xl {
    width: 6rem;
    height: 6rem;
    font-size: 6rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-7xl {
    width: 7rem;
    height: 7rem;
    font-size: 7rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-8xl {
    width: 8rem;
    height: 8rem;
    font-size: 8rem;
}
.icon:not(.icon-c-s):not(.icon-custom-size).icon-9xl {
    width: 9rem;
    height: 9rem;
    font-size: 9rem;
}


.subheader {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    min-height: 3rem;
    padding: 0.5rem 1rem;
    background: var(--cui-subheader-bg, #fff);
    border-bottom: var(--cui-subheader-border-width, 1px) solid var(--cui-subheader-border-color, #d8dbe0);
}
.subheader-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1029;
    box-shadow: 0 2px 2px 0 rgba(var(--cui-elevation-base-color, 60, 75, 100), 0.14), 0 3px 1px -2px rgba(var(--cui-elevation-base-color, 60, 75, 100), 0.12), 0 1px 5px 0 rgba(var(--cui-elevation-base-color, 60, 75, 100), 0.2);
}
.subheader-sticky:not([class*="border"]) {
    border: 0;
}
.subheader-nav {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    list-style: none;
}
html:not([dir="rtl"]) .subheader-nav {
    padding-left: 0;
}
[dir="rtl"] .subheader-nav {
    padding-right: 0;
}
.subheader-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: var(--cui-subheader-color, rgba(44, 56, 74, 0.681));
}
.subheader-nav .nav-link:focus,
.subheader-nav .nav-link:hover {
    color: var(--cui-subheader-hover-color, rgba(44, 56, 74, 0.95));
}
.subheader-nav .nav-link.disabled {
    color: var(--cui-subheader-disabled-color, rgba(44, 56, 74, 0.38));
}
.subheader-nav .nav-link.active,
.subheader-nav .show > .nav-link,
.subheader-text a {
    color: var(--cui-subheader-active-color, rgba(44, 56, 74, 0.95));
}
.subheader-nav .dropdown-menu {
    position: absolute;
}
.subheader-text {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: var(--cui-subheader-color, rgba(44, 56, 74, 0.681));
}
.subheader-text a:focus,
.subheader-text a:hover {
    color: var(--cui-subheader-active-color, rgba(44, 56, 74, 0.95));
}

.header01{width:100%;height:var(--header01-height);z-index:4;position:fixed;top:0}

.header01 .header01Wrapper{width:75%;height:var(--header01-height);margin:0 auto;display:flex;align-items:center;justify-content:space-between}

.header01 .header01Wrapper ul,.menu01 .menu01Wrapper{padding-left:0;list-style-type:none;list-style:none}
.menu02 .quickmenu_menu02 {display:none;}
.marquee02 , .marquee03 {display:none !important;}
.header01 .header01Wrapper .leftZone ul li{float:left;margin-right:1.5rem;position:relative}

.header01 .header01Wrapper .leftZone a{text-decoration:none;}
.header01 .header01Wrapper .leftZone .dropdown .dropdown-menu li {width: 100%;}

.header01 .header01Wrapper .leftZone a:hover{font-weight:500}

.header01 .header01Wrapper .rightZone {
white-space: nowrap;}
.header01 .header01Wrapper .rightZone, .cash-info-top, .points-info-top {display:flex}
.header01 .header01Wrapper .rightZone > div {margin: auto 1rem;}
/* .header01 .header01Wrapper .rightZone .cash-info-top ,
.header01 .header01Wrapper .rightZone .points-info-top {margin-right: 2rem;} */
.header01 .header01Wrapper .rightZone .cash-info-top .c_type,
.header01 .header01Wrapper .rightZone .points-info-top .c_type {margin-right: 1rem;}
.header01 .header01Wrapper .rightZone .user-info-top a:not(._logout_) {padding: 4px 20px; border-radius: 20px; transition: 0.3s ease-in;}
.header01 .header01Wrapper .rightZone .user-info-top .dropdown-menu .about-user {display:flex;flex-direction: column;align-items: center;margin: 1rem 0;}
.header01 .header01Wrapper .rightZone .user-info-top .dropdown-menu .about-user .lv_num {font-size: 1.2rem;font-weight: 600;}
.user-info-top .dropdown-menu .roulette-info {display: flex; justify-content: space-between;}
.user-info-top .dropdown-menu .dropdown-item {margin: 0.5rem auto}
.header01 .header01Wrapper .rightZone .btnN{display:flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:50px;font-size:14px;font-weight:700;margin-left:2px;width:auto;box-shadow:none}



.header01 .header01Wrapper ul li span#todaynowtime,.header01 .header01Wrapper ul li button{color:var(--header-color)}

.menu01{width:100%;height:var(--menu01-height);position:fixed;top:var(--header01-height);z-index:3}

.menu01 .menu01Wrapper{width:75%;height:80px;margin:0 auto;display:flex;align-items:center;justify-content:left}




.menu01 .menu01Wrapper .logo{width:190px;cursor:pointer;display:block}
.menu01 .menu01Wrapper .logo-small {display:none;}
.menu01 .menu01Wrapper .logo img{   
    width: 100%;
height: auto;}

.menu01 .menu01Wrapper .menuZone ul li{float:left;margin-left:17px}

.menu01 .menu01Wrapper .menuZone ul li a.menu{font-size:15px;font-weight:500;padding:18px 12px;cursor:pointer;position:relative;display:block}

.menu01 .menu01Wrapper .menuZone ul li a.menu span{font-size:14px;margin:4px;transition:.2s ease-out;position:absolute}

.menu01 .menu01Wrapper .menuZone ul li.active a.menu span,
.menu01 .menu01Wrapper .menuZone ul li:hover a.menu span{transform:rotate(180deg);color:var(--topmenu-color-active)}




.header-logo.setv2 .logo-site,.pre-loader{display:flex;align-items:center;justify-content:center}



#page-topbar{width:calc(100% - 588px);float:left;position:relative;z-index:2}

.top-HeaderBar{padding:13px 16px}

#mobile-menu,.side-set3{float:right}

#page-topbar #top-menu .top-menu{height:90px;margin-left:30px;float:left;width:calc(100% - 841px);overflow:auto}

#page-topbar #top-menu,#page-topbar #top-menu .menu{width:100%;height:90px}

#page-topbar #top-menu .top-menu .top-menu-ul{width:100%;height:90px;list-style:none;vertical-align:middle;margin:0;padding:0;cursor:pointer}

#page-topbar #top-menu .top-menu .top-menu-ul .top-menu-li{width:auto;height:90px;margin-right:38px;float:left;text-align:center;line-height:89px;font-size:18px;border-radius:2px;transition:border-bottom .15s;text-transform:uppercase}

#page-topbar #top-menu .top-menu .top-menu-ul li.active,#page-topbar #top-menu .top-menu .top-menu-ul li:hover{border-bottom:3px solid #ff9800;height:65px}

#page-topbar #top-menu .top-menu .top-menu-ul .top-menu-li-item,.express_btn .wrap_list ._swift>li .alink.active{font-weight:900}

#page-topbar #top-menu .top-menu .top-menu-ul li a{width:100%;height:100%;display:block}

#page-topbar.topfull{width:100%}

.local-time .time_,.quickLink ._right_{text-align:-webkit-center;text-align:center}

.local-time .time_{padding:3px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;font-size:12px}

.quickLink ._right_{float:right;margin-top:30px;margin-right:25px}

.quickLink .time_{padding:0 9px;font-size:14px;line-height:30px;display:inline-block;margin:0 auto}

.set_v2 #right-user-info .dep_btn .btnname{float:right;width:auto}

.set_v2 #right-user-info .db-member .boot-crate .mem_sack .sm-icon .fa-solid{line-height:inherit;font-size:10px;margin:0 5px}

.header-logo.setv2 .logo-site{float:initial}

.header-logo .logo-site{text-align:center;display:flex;align-items:center;justify-content:center;padding:10px;height:87px;overflow:hidden}

.header-logo .logo-site img{max-width:250px;margin:0 auto;max-height:calc(90px - 20px)}

.header-logo.setv2{height:auto;position:initial;float:left;margin-left:75px;width:270px}

.header-logo.setv2 .logo-site .img-file{margin:0}

.quickLink.v2{float:right;margin-right:75px;display:flex;align-items:center;height:100%}

.quickLink.v2 .deposit-box{margin-right:10px}

.side-set3{font-size:25px}


#snsdrop-dropdown{display:none;position:absolute;top:100%}

#snsdrop-dropdown #right-sns{padding:12px;font-size:16px;line-height:37px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}

#live-container .live-container .lv-league>span,#snsdrop-dropdown #right-sns .sns #sns-list{display:inline-block;vertical-align:middle}

#snsdrop-dropdown #right-sns .sns #sns-list .side-sns-wrap>span.left{padding-top:10px}

.set_v2{float:left;}

.set_v2 #right-user-info .db-member .boot-crate{padding:0 18px;margin-bottom:5px;overflow:hidden}

.set_v2 #right-user-info .db-member .boot-crate .quickLink ._left_{margin:6px auto;width:100%}

.set_v2 #right-user-info .db-member .boot-crate .mem_sack{float:left;width:calc(100% - 60px);font-size:12px}

.set_v2 #right-user-info .db-member .boot-crate .mem_name{font-size:14px;text-transform:capitalize;display:inline-block;margin-top:11.75px}

.set_v2 #right-user-info .dep_btn,.set_v2 .quickLink .p_btn{height:25px;width:auto;float:left}

.set_v2 #right-user-info .dep_btn .fa,.set_v2 .quickLink .p_btn .fa{transform:translate(-50%,50%);font-size:11px;left:50%;position:absolute}

#ad-top .ad_area marquee,.set_v2 #user-dropdown{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}

.set_v2 #user-dropdown{width:270px;top:92px;right:75px;position:absolute;padding:5px}

.set_v2 #right-user-info .dep_btn .rectangle-,.set_v2 #user-dropdown .rectangle-{transform:unset;-webkit-border-radius:var(--border-radius-m);-moz-border-radius:var(--border-radius-m);border-radius:var(--border-radius-m);height:24px;position:relative;float:right;right:0;left:unset}

#side-set2 .full-option-menu{clear:both;float:initial}

#ad-top{width:calc(100% - 0px);margin:0 auto;overflow:hidden;border-width:1px 0;border-style:solid;position:relative}

#ad-top .ad_area li{list-style:none;float:left;width:100%;padding:0;height:50px}

#ad-top .ad_area marquee{height:calc(100% - 0px);line-height:50px}

#ad-top .ad_area marquee:after,#ad-top .ad_area marquee:before{position:absolute;top:0;width:10rem;height:100%;content:"";z-index:1}

#ad-top .ad-topclose{cursor:pointer;position:absolute;top:25px;left:0;padding:0 6px;transform:translate(0,-50%);font-size:26px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;z-index:2}


.express_btn .wrap_list ._swift>li:before{font-family:Fonticons;position:absolute;left:35px;font-size:7px;margin-top:1px;margin-left:-7px;content:""}

#ad-top .ad_area marquee,.navquick .full-option-menu .tabing-side{position:relative;z-index:1}

.navquick .full-option-menu .nav-tabs .nav-item .nav-link .layertext{display:inline-block;margin-left:10px;margin-top:0;margin-bottom:0}

.navquick .full-option-menu .tab_container{position:absolute;top:33px;width:100%;z-index:2;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}

.navquick .full-option-menu .tab_container .tab_content.active{border:1px solid #225ae75c;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}

.navquick .full-option-menu .tab_container .express_btn .wrap_list ._swift{text-align:center}

.navquick .full-option-menu .tab_container .express_btn .wrap_list ._swift>li{display:inline-block}

._casino_body .wrapper .header>.container-fluid{width:calc(100% - 10%)}

.header-nav .nav-link.active::before{content:"";position:absolute;width:100%;height:2px;border-radius:4px;bottom:0;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}

.quick-ul{padding:20px 0;box-sizing:initial;-webkit-box-sizing:initial;-ms-box-sizing:initial}

.info-item{width:49.8%;height:100%;text-align:center;position:relative;float:left}

#main-header .gradient-color{z-index:0}

#main-header .overlay{opacity:.9}

#main-header .header-section{position:relative;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}

#main-header .owl-header{position:relative;width:25%;z-index:101}

#main-header iframe{max-width:100%;width:600px;height:600px}

#main-header #ripples{position:absolute;left:0;top:45%;width:100%;height:auto;z-index:103}

#main-header #ripples .arrows{position:relative;top:40%;margin:0 2rem}

#main-header #ripples .arrows .scene-next{position:absolute;right:0;top:0}

#main-header #ripples .arrows .scene-prev{position:absolute;top:0;left:0}

#main-header #ripples .arrows i{font-size:1.55rem}

#main-header #ripples canvas{display:block;position:absolute;z-index:100;min-height:700px;max-width:100vw;overflow:hidden}

#main-header .slide-wrapper{display:none}

#main-header .header-text{text-align:center;position:relative;padding-right:4rem;width:60%;margin-right:10%;margin-top:-6rem;z-index:101}

#main-header .title-link{letter-spacing:1rem;font-size:8vw;z-index:101}

#main-header .slogan{text-align:center;border:2px solid #fff;border-radius:30px;display:inline-block;padding:.2rem 3rem;word-spacing:3px;font-size:.85rem;text-transform:uppercase;margin:1rem;cursor:pointer}

#main-header a{padding:.5rem;font-size:1rem}

.header-nav li.nav-item{font-family:"Koaroo"}

.header-icon-behind{font-size:40px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:-webkit-box;display:flex;align-items:center}


#page-topbar .side-nav li{float:left}

.header-logo{height:92px;width:calc(300px - 0px);z-index:1;left:0;margin:0 auto;position:fixed;top:0}

.navquick{padding:0 20%}




.navbar-nav .nav-link.active,.navbar-nav .show>.nav-link {
    color: var(--cui-navbar-active-color)
}



.navbar-nav .dropdown-menu {
    position: static
}



.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--cui-navbar-color)
}



.navbar-text a,.navbar-text a:focus,.navbar-text a:hover {
    color: var(--cui-navbar-active-color)
}



.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}



.navbar-toggler {
    padding: var(--cui-navbar-toggler-padding-y) var(--cui-navbar-toggler-padding-x);
    font-size: var(--cui-navbar-toggler-font-size);
    line-height: 1;
    color: var(--cui-navbar-color);
    background-color: transparent;
    border: var(--cui-border-width) solid var(--cui-navbar-toggler-border-color);
    border-radius: var(--cui-navbar-toggler-border-radius);
    transition: var(--cui-navbar-toggler-transition)
}


.navbar-toggler:hover {
    text-decoration: none
}


.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--cui-navbar-toggler-focus-width)
}



.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--cui-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}



.navbar-nav-scroll {
    max-height: var(--cui-scroll-height,75vh);
    overflow-y: auto
}



.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}



.navbar-expand .navbar-nav {
    flex-direction: row
}



.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}



.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--cui-navbar-nav-link-padding-x);
    padding-left: var(--cui-navbar-nav-link-padding-x)
}



.navbar-expand .navbar-nav-scroll {
    overflow: visible
}



.navbar-expand .navbar-collapse {
    display: flex!important;
    flex-basis: auto
}



.navbar-expand .navbar-toggler,.navbar-expand .offcanvas .offcanvas-header {
    display: none
}



.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto!important;
    height: auto!important;
    visibility: visible!important;
    background-color: transparent!important;
    border: 0!important;
    transform: none!important;
    transition: none
}



.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}



.navbar-dark {
    --cui-navbar-color: rgba(255,255,255,0.6);
    --cui-navbar-hover-color: rgba(255,255,255,0.87);
    --cui-navbar-disabled-color: rgba(255,255,255,0.38);
    --cui-navbar-active-color: rgba(255,255,255,0.87);
    --cui-navbar-brand-color: rgba(255,255,255,0.87);
    --cui-navbar-brand-hover-color: rgba(255,255,255,0.87);
    --cui-navbar-toggler-border-color: rgba(255,255,255,0.1);
    --cui-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}