.NormalTextBox::-webkit-input-placeholder {
    opacity: 1
}

.NormalTextBox:-moz-placeholder {
    opacity: 1
}

.NormalTextBox::-moz-placeholder {
    opacity: 1
}

.NormalTextBox:-ms-input-placeholder {
    opacity: 1
}

.NormalTextBox:placeholder {
    opacity: 1
}


/*header box*/

.header-replace {
    width: 100%
}

.header-area svg {
    width: 1em;
    height: 1em;
    fill: currentColor
}

.header-wrap {
    right: 0;
    z-index: 100;
    width: 100%;
    position: relative
}

.header-container-box {
    display: flex;
    justify-content: space-between;
}

.header-container-box>.header-area {
    height: 100%
}

.header-container-box .header-area.area-center {
    flex-grow: 1
}

.header-area.area-right,
div.header-area.text-right {
    text-align: left
}

.header-area.area-center,
div.header-area.text-center {
    text-align: center
}

.header-area.area-left,
div.header-area.text-left {
    text-align: right
}

.header-area.area-right .header-content-wrap,
div.header-area.text-right .header-content-wrap {
    justify-content: flex-end
}

.header-area.area-center .header-content-wrap,
div.header-area.text-center .header-content-wrap {
    justify-content: end;
}

.header-area.area-left .header-content-wrap,
div.header-area.text-left .header-content-wrap {
    justify-content: flex-start
}

.header-content-wrap {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-vertical .header-content-wrap {
    flex-direction: column;
    justify-content: center !important
}

.header-vertical .header-content-wrap>* {
    margin: 0 !important
}

.header-area.area-right.header-vertical .header-content-wrap,
div.header-area.text-right.header-vertical .header-content-wrap {
    align-items: flex-end
}

.header-area.area-center.header-vertical .header-content-wrap,
div.header-area.text-center.header-vertical .header-content-wrap {
    align-items: flex-start;
}

.header-area.area-left.header-vertical .header-content-wrap,
div.header-area.text-left.header-vertical .header-content-wrap {
    align-items: flex-start
}

.header-content-wrap p {
    margin: 0
}

.header-content-wrap img {
    max-width: 100%;
    /* max-height:100%;
	*/
}

.header-area.area-left .header-content-wrap>*:last-child {
    margin-left: 0 !important
}

.header-area.area-right .header-content-wrap>*:first-child,
.header-area.area-center .header-content-wrap>*:first-child {
    margin-right: 0 !important
}

.header-bg-box {
    position: relative
}

.header-bg-box:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: none
}

.header-wrap .widget-title {
    font-size: inherit;
    margin: 0
}

.header-wrap .area-left,
.header-wrap .area-center,
.header-wrap .area-right {
    width: auto
}

.header-wrap .logo,
.header-wrap .logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.header-wrap .logo img {
    max-width: 100%
}


/*floating*/

.header-wrap .floating-header-logo {
    display: none !important
}

.header-wrap .floating-header-logo.header-logo {
    display: inline-block !important
}

.floating-nav.floating-active .header-logo:not(.floating-header-logo) {
    display: none !important
}

.floating-nav .floating-header-logo:not(.header-logo) {
    display: none !important
}

.header-wrap .logo img {
    /* max-height:80%;
	*/
    margin-bottom: 2px
}

.floating-nav.floating-active .floating-header-logo {
    display: inline-block !important
}

.header-wrap .floating-header-logo.header-logo {
    display: inline-block !important
}

.sticky-fixed .floating-nav.floating-nav-sticky {
    position: fixed !important;
    width: 100%;
    z-index: 1000;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}

.sticky-fixed .floating-nav.floating-nav-sticky.floating-active {
    position: fixed !important
}

.floating-nav.floating-active {
    position: fixed !important;
    width: 100%;
    z-index: 1000
}

.dng-main.Boxed .sticky-fixed .floating-nav.floating-nav-sticky,
.dng-main.Boxed .floating-nav.floating-active {
    width: auto;
    right: auto
}

.dark-split-line .area-left,
.dark-split-line .area-center,
.floating-active .floating-dark-split-line .area-left,
.floating-active .floating-dark-split-line .area-center {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.dark-bottom-line,
.floating-active .floating-dark-bottom-line {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.light-split-line .area-left,
.light-split-line .area-center,
.floating-active .floating-light-split-line .area-left,
.floating-active .floating-light-split-line .area-center {
    border-left: 1px solid rgba(255, 255, 255, .3)
}

.light-bottom-line,
.floating-active .floating-light-bottom-line {
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.floating-active .floating-off-split-line .area-left,
.floating-active .floating-off-split-line .area-center {
    border-left-color: transparent
}

.floating-active .floating-off-bottom-line {
    border-bottom-color: transparent
}

.floating-active .floating-dark-color .search-text .text,
.floating-active .floating-dark-color .search-text .submit {
    color: #333333
}

.dng-main.Boxed .floating-nav.floating-active {
    top: 0
}

.floating-nav-sticky .header-bg-box {
    -webkit-transition: background-color ease-in 200ms;
    transition: background-color ease-in 200ms
}

.floating-nav-fade.floating-active .floating-display-none,
.floating-nav-slide.floating-active .floating-display-none {
    display: none
}

.floating-nav-sticky .header-container-box,
.floating-nav-sticky .header-bg-box,
.floating-nav-sticky .logo,
.floating-nav-scrollup .header-container-box,
.floating-nav-scrollup .header-bg-box,
.floating-nav-scrollup .logo {
    -webkit-transition: all ease-out 250ms;
    transition: all ease-out 250ms
}

.floating-nav-sticky.floating-active .header-bg-box.floating-display-none .header-container-box,
.floating-nav-scrollup.floating-active .header-bg-box.floating-display-none .header-container-box {
    overflow: hidden;
    height: 0 !important;
    border-width: 0;
    padding-top: 0;
    padding-bottom: 0;
    visibility: hidden
}

.floating-nav-sticky.floating-active .header-bg-box.floating-display-none.light-bottom-line,
.floating-nav-sticky.floating-active .header-bg-box.floating-display-none.dark-bottom-line,
.floating-nav-scrollup.floating-active .header-bg-box.floating-display-none.light-bottom-line,
.floating-nav-scrollup.floating-active .header-bg-box.floating-display-none.dark-bottom-line {
    margin-top: -1px
}

.floating-nav-sticky .logo {
    overflow: hidden
}

.sticky-fixed .floating-nav.floating-nav-scrollup {
    -webkit-transition: none;
    transition: none
}

.sticky-fixed .floating-nav.floating-nav-scrollup.floating-active,
.sticky-fixed .floating-nav.floating-nav-scrollup.floating-active-up {
    opacity: 0;
    margin-top: -100px;
    -webkit-transition: none;
    transition: none
}

.sticky-fixed .floating-nav.floating-nav-scrollup.floating-active.floating-active-down {
    opacity: 1;
    -webkit-transition: opacity linear 300ms, margin linear 300ms;
    transition: opacity linear 300ms, margin linear 300ms;
    margin-top: 0
}

.sticky-fixed .floating-nav.floating-nav-scrollup.floating-active-up {
    -webkit-transition: opacity linear 300ms, margin linear 300ms;
    transition: opacity linear 300ms, margin linear 300ms
}

.floating-nav-sticky.header-wrap {
    -webkit-transition: all ease-in 200ms;
    transition: all ease-in 200ms
}

.floating-nav-sticky.floating-active .floating-display-none .header-top,
.floating-nav-scrollup.floating-active .floating-display-none .header-top {
    overflow: hidden !important;
    height: 0 !important;
    border-width: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.overlay-panel-content:before {
    opacity: 1;
    background-color: #1e1e1e;
    background: -webkit-linear-gradient(left top, #1e1e1e, #1e1e1e);
    background: -o-linear-gradient(left top, #1e1e1e, #1e1e1e);
    background: -moz-linear-gradient(left top, #1e1e1e, #1e1e1e);
    background: linear-gradient(to left top, #1e1e1e, #1e1e1e)
}


/*logo*/

.logo img {
    max-width: 100%
}

.header-horizontal .header-content-wrap {
    white-space: nowrap
}

.header-horizontal .header-content-wrap>div {
    display: inline-block;
    white-space: normal
}


/*mobile header*/

.mobile-header {
    display: none;
    position: relative
}

.mobilemenu_close {
    display: none !important
}

.mobile-header .logo img {
    max-width: inherit
}

.mobile-header-replace {
    display: none
}

@media only screen and (max-width:992px) {
    .header-wrap,
    .header-replace {
        display: none
    }
    .dng-mobilemenu,
    .mobile-header-replace,
    .mobile-header {
        display: block
    }
    .mobile-header {
        width: 100%
    }
    .mobile-header .header-mobile,
    .mobile-header .header-mobile-top,
    .mobile-header .header-mobile-bottom {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between
    }
    html.html-night .header-mobile {
        background-color: #000 !important
    }
    .mobile-header .header-area {
        display: flex;
        align-items: center;
        vertical-align: middle;
        padding-right: 15px;
        padding-left: 15px
    }
    .navbar-tool {
        white-space: nowrap
    }
    .navbar-tool>.widget,
    .mobile-menu-icon {
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
        margin-right: 7px;
        cursor: pointer
    }
    .mobile-menu-icon {
        border: none;
        background-color: transparent
    }
    .mobile-header .search-popup-box {
        display: inline-block
    }
    .mobile_menu_show {
        overflow: hidden
    }
    .mobile-header {
        z-index: 1000;
        width: 100%
    }
    .mobile-header.header-position {
        position: absolute
    }
    .mobile-header.floating-nav {
        position: fixed;
        top: 0
    }
    .mobile-header .mobile-header-shadow {
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2)
    }
    .mobile-header {
        color: #333333;
        font-size: 1.125rem;
        font-weight: normal
    }
    .mobile-header-replace {}
    .mobile-header>* {}
    .mobile-header .logo {
        text-align: right
    }
    .mobile-header img {
        max-height: 100%
    }
    .mobile-header .shopping-cart-box .shopping-cart-content {
        border-top-color: var(--accent-color)
    }
    .mobile-header .shopping-cart-box .shopping-cart-content:before {
        border-bottom-color: var(--accent-color)
    }
    .mobile-header .shopping-cart-box .icon .badge,
    .mobile-header .shop-cart-list .shop-cart-footer>.footer-btn:hover {
        background-color: var(--accent-color)
    }
    .mm-slideout.mobile_menu_show {
        overflow: hidden
    }
    .body-side-static-right {
        margin-right: 0
    }
    .body-side-static-left {
        margin-left: 0
    }
    .mobilemenu-main {
        display: none!important
    }
    .header-vertical .dngTextBox {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .mobile-header {}
    .mobile-header>* {}
    .mobile-header-replace {}
    .mobile-header .logo img {
        max-height: 100%
    }
    /* search-popup-box */
    .search-popup-box .popup-close {
        left: 13px;
        top: 0;
        height: 64px;
        line-height: 64px
    }
    .search-popup-box .popup-close .lnr {
        line-height: 64px
    }
}


/*login*/

.Login .userName>a {
    /* max-width:140px;
	text-overflow:ellipsis;
	overflow:hidden;
	*/
    padding-left: 18px
}

.Login a,
.Login a:link,
.Login a:active,
.Login a:visited {
    color: inherit;
    display: inline-block
}

.Login a:hover {
    color: var(--accent-color)
}

.userName>a:after {
    content: "";
    border-color: currentColor transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
    position: absolute;
    left: 0;
    top: 50%;
    margin: -3px 0 0 -6px;
    -webkit-transition: border-color ease-in 200ms;
    transition: border-color ease-in 200ms
}

.Login .userName,
.Login .userProfile,
.Login .userProperties {
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle
}

.Login .userName+.userProfile,
.Login .userRegister+.userLogin {
    margin-right: 10px
}

.Login .userProperties>ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 1.2rem;
}

.Login .userProperties>ul li {
    list-style: none;
    position: relative
}

.Login .userProperties>ul>li,
.Login .userProperties>ul>li>span {
    display: inline-block
}

.Login .userProperties>ul>li img,
.Login .userProperties>ul>li>a {
    width: auto;
    display: block;
    text-decoration: none
}

.Login .userProfile .userMessages {
    position: absolute;
    top: -6px;
    left: -5px;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: var(--accent-color);
    border-radius: 10px
}


/*-------------- User Controls Menu Drop Down ---------------*/

.Login .userProperties ul.userMenu {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 906;
    width: 175px;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    background: #3a4241;
    padding: 15px 0;
    text-align: right
}

.Login .userProperties li.userNotifications,
.Login .userProperties li.userProfilename {
    border-bottom: 1px solid #5e5e5e;
    padding: 0 0 10px;
    margin: 0 0 10px
}

.Login .userProperties ul.userMenu:after {
    position: absolute;
    top: -6px;
    left: 80px;
    content: '';
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    /* right arrow slant */
    border-left: 7px solid transparent;
    /* left arrow slant */
    border-bottom: 7px solid #3a4241;
    /* bottom,add background color here */
    font-size: 0;
    line-height: 0
}

.Login .userProperties ul.userMenu a {
    display: block;
    padding: 2px 15px;
    line-height: 20px;
    color: #aaaaaa;
    text-decoration: none;
    /* transition decleration */
    transition: all ease-in 100ms;
    -moz-transition: all ease-in 100ms;
    /* Firefox 4 */
    -webkit-transition: all ease-in 100ms;
    /* Safari and Chrome */
    -o-transition: all ease-in 100ms;
    /* Opera */
    -ms-transition: all ease-in 100ms;
    /* IE9? */
}

.Login .userProperties ul.userMenu a:hover {
    color: #FFF
}

.Login .userProperties ul.userMenu a span {
    padding: 1px 4px;
    border-radius: 3px;
    font-size: 11px;
    color: #fff;
    background-color: var(--accent-color);
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
    margin-bottom: 2px
}

.Login .userProperties ul.userMenu li:last-child>a {
    padding-bottom: 0
}

.Login .userProperties ul.userMenu li:hover>a {}

.Login .userProperties ul.userMenu a strong {
    font-weight: normal
}

#dng-wrapper .dnnForm #dnn_ctr_Login_pnlLogin {
    margin: 40px 0 0
}

.header-content-wrap .userRegister {
    padding-left: 11px;
    border-left: 2px solid #f1f1f1;
}


/*language*/

.languageBox {
    display: inline-block
}

.languageBox .Language {
    display: inline-block;
    margin-right: 5px
}

.languageBox {
    display: block;
    position: relative;
    text-transform: uppercase;
    font-weight: 600
}

.languageBox .language-current {
    background: transparent;
    border: none;
    text-transform: inherit;
    height: 44px;
    font-weight: inherit;
    padding: 3px 0 0;
    display: inline-block;
    white-space: nowrap
}

.languageBox .language-current::after {
    content: "";
    width: 8px;
    height: 8px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    display: inline-block;
    margin: -7px 0 0 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle
}

.languageBox .language-list {
    position: absolute;
    top: 100%;
    right: -27px;
    background-color: #FFF;
    border-radius: 3px;
    padding: 12px 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    display: none;
    text-align: right;
    z-index: 1000
}

.languageBox .language-list a,
.languageBox .language-list a:link,
.languageBox .language-list a:valid,
.languageBox .language-list span {
    display: block;
    line-height: 48px;
    white-space: nowrap;
    padding: 0 30px;
    color: #494e5c;
    font-size: 16px
}

.languageBox .language-list .active {
    color: var(--accent-color)
}

.languageBox .language-object .selected {
    opacity: .5
}

html.html-night .languageBox .language-list {
    background-color: #000000
}

html.html-night .languageBox .language-list .active {
    color: #ff0!important
}


/**/

.dark-split-line .area-left,
.dark-split-line .area-center,
.floating-active .floating-dark-split-line .area-left,
.floating-active .floating-dark-split-line .area-center {
    border-left: 0px solid rgba(0, 0, 0, .1)
}

.dark-bottom-line,
.floating-active .floating-dark-bottom-line {
    border-bottom: 0px solid rgba(0, 0, 0, .1)
}

.light-split-line .area-left,
.light-split-line .area-center,
.floating-active .floating-light-split-line .area-left,
.floating-active .floating-light-split-line .area-center {
    border-left: 0px solid rgba(255, 255, 255, .3)
}

.light-bottom-line,
.floating-active .floating-light-bottom-line {
    border-bottom: 0px solid rgba(255, 255, 255, .3)
}

.floating-active .floating-off-split-line .area-left,
.floating-active .floating-off-split-line .area-center {
    border-left-color: transparent
}

.floating-active .floating-off-bottom-line {
    border-bottom-color: transparent
}

#dng-wrapper .floating-active .floating-light-color .header-content-wrap,
#dng-wrapper .floating-active .floating-light-color .header-content-wrap>*:not(.nav-bar),
#dng-wrapper .floating-active .floating-light-color .widget,
#dng-wrapper .floating-active .floating-light-color .header-content-wrap>a,
#dng-wrapper .floating-active .floating-light-color .header-content-wrap>a:link,
#dng-wrapper .floating-active .floating-light-color .header-content-wrap>a:active,
#dng-wrapper .floating-active .floating-light-color .header-content-wrap>a:visited,
#dng-wrapper .floating-active .floating-light-color .dngTextBox,
#dng-wrapper .floating-active .floating-light-color .dngTextBox a,
#dng-wrapper .floating-active .floating-light-color .dngTextBox a:link,
#dng-wrapper .floating-active .floating-light-color .dngTextBox a:active,
#dng-wrapper .floating-active .floating-light-color .dngTextBox a:visited {
    color: #fafafa
}

#dng-wrapper .floating-active .floating-light-color .search-text {
    border-bottom: 0px solid rgba(255, 255, 255, 0.9)
}

#dng-wrapper .floating-active .floating-light-color .search-text .text,
#dng-wrapper .floating-active .floating-light-color .search-text .submit {
    color: #fff
}

#dng-wrapper .floating-active .floating-dark-color .header-content-wrap,
#dng-wrapper .floating-active .floating-dark-color .header-content-wrap>*:not(.nav-bar),
#dng-wrapper .floating-active .floating-dark-color .widget,
#dng-wrapper .floating-active .floating-dark-color .header-content-wrap>a,
#dng-wrapper .floating-active .floating-dark-color .header-content-wrap>a:link,
#dng-wrapper .floating-active .floating-dark-color .header-content-wrap>a:active,
#dng-wrapper .floating-active .floating-dark-color .header-content-wrap>a:visited,
#dng-wrapper .floating-active .floating-dark-color .dngTextBox,
#dng-wrapper .floating-active .floating-dark-color .dngTextBox a,
#dng-wrapper .floating-active .floating-dark-color .dngTextBox a:link,
#dng-wrapper .floating-active .floating-dark-color .dngTextBox a:active,
#dng-wrapper .floating-active .floating-dark-color .dngTextBox a:visited {
    color: #424242
}

#dng-wrapper .floating-active .floating-dark-color .search-text {
    border-bottom: 0px solid rgba(0, 0, 0, 0.9)
}

#dng-wrapper .floating-active .floating-dark-color .search-text .text,
#dng-wrapper .floating-active .floating-dark-color .search-text .submit {
    color: #333333
}


/*header-position*/

.header-position {
    position: absolute
}

body.page-loader-changing:after {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transform-origin: center;
    z-index: 10000;
    background: #FFF;
    content: "";
    visibility: hidden;
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms;
    -webkit-transition: all ease-in 300ms;
    -o-transition: all ease-in 300ms;
    -ms-transition: all ease-in 300ms
}

body.page-is-changing:after {
    opacity: 1;
    visibility: visible
}

.dng-overlay {
    position: relative;
    display: block
}

.header-content-wrap .overlay-button {
    font-size: 1rem;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    -moz-transition: color ease-in 300ms;
    -webkit-transition: color ease-in 300ms;
    -o-transition: color ease-in 300ms;
    -ms-transition: color ease-in 300ms;
    transition: color ease-in 300ms
}

.header-content-wrap .overlay-button .fa {
    font-size: inherit
}

.overlay-menu-html {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    display: none;
    padding: 15px 0
}

.dng-overlay .overlay-menu-html {
    display: block
}


/*menu icon*/

.dg-menu-anime {
    width: 22px;
    height: 22px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.dg-menu-anime:after,
.dg-menu-anime:before,
.dg-menu-anime span:after {
    content: "";
    border-bottom: 2px solid;
    right: 1px;
    left: 1px;
    top: 3px;
    position: absolute;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, -webkit-transform ease-in 200ms;
    transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, transform ease-in 200ms
}

.dg-menu-anime:before {
    top: 17px
}

.dg-menu-anime span:after {
    top: 10px
}

.dg-menu-anime.active:after,
.overlay-button:hover .dg-menu-anime:after,
.active>.dg-menu-anime:after {
    top: 10px
}

.dg-menu-anime.active:before,
.overlay-button:hover .dg-menu-anime:before,
.active>.dg-menu-anime:before {
    top: 10px
}

.dg-menu-anime span:after {
    transform: rotate(0)
}

.dg-menu-anime.active i:after,
.overlay-button:hover .dg-menu-anime i:after,
.active>.dg-menu-anime span:after {
    transform: rotate(270deg)
}


/*wcag*/

.wcag-settings,
.mobile-wcag-icon {
    display: none
}


/*html*/

.header-social,
.header-social:link,
.header-social:active,
.header-social:visited {
    display: inline-flex;
    width: 40px;
    height: 40px;
    margin: 6px;
    border-radius: 50%;
    background-color: #f3f3f3;
    justify-content: center;
    align-items: center;
    transition: all 300ms ease-in
}

.header-social:hover {
    color: #FFF !important;
    background-color: var(--accent-color) !important
}

.header-social2 svg {
    fill: currentColor;
    margin: 0 5px 5px
}

.header-list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 40px;
    border-right: 1px solid #e6e3e9
}

.header-list li {
    border-left: 1px solid #e6e3e9;
    height: 40px;
    line-height: 40px;
    padding: 0 20px
}

.light-bottom-line .header-list,
.light-bottom-line .header-list li {
    border-color: rgba(255, 255, 255, .3)
}

.header-social3 {
    display: flex;
    border-right: 1px solid #e6e3e9
}

.header-social3 a {
    border-left: 1px solid #e6e3e9
}

.header-social3 a,
.header-social3 a:link,
.header-social3 a:active,
.header-social3 a:visited {
    display: inline-flex;
    width: 50px;
    height: 40px;
    justify-content: center;
    align-items: center;
    transition: all 300ms ease-in
}

.header-social3 a:hover {
    color: #FFF !important;
    background-color: var(--accent-color) !important
}

.header-social3 a svg {
    fill: currentColor !important
}

.light-bottom-line .header-social3,
.light-bottom-line .header-social3 a {
    border-color: rgba(255, 255, 255, .3)
}

.header-infobox {
    display: flex;
    text-align: right;
    align-items: center
}

.header-infobox .icon {
    width: 32px;
    flex: 0 0 32px;
    margin-left: 10px;
    font-size: 32px;
    color: #666666;
    line-height: 1
}

.header-infobox .icon svg {
    fill: currentColor
}

.header-infobox .title {
    font-size: 16px;
    color: var(--accent-color);
    margin: 0 0 4px;
    font-weight: 400
}

.header-infobox p {
    margin: 0;
    font-size: 18px
}

.header-infobox small {
    color: #555555;
    font-size: 14px;
    margin-bottom: -3px;
    display: block
}

.header-infobox {
    border-left: 1px solid rgba(255, 255, 255, .2);
    padding-left: 20px
}

.dngTextBox:last-child .header-infobox {
    border: none;
    padding-left: 0
}

.header-infobox .info {
    color: #333333;
    font-size: 16px;
    font-weight: bold
}

.header-infobox.style-2 .icon,
.header-infobox.style-2 .title {
    color: #FFF
}

.header-infobox.style-2 .title {
    margin: 0;
    font-size: 14px;
    opacity: .6;
    font-weight: 400
}

body .header-button,
body .header-button2,
body .header-button3 {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 400;
    height: 50px;
    padding: 0 25px;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 3px;
    transition: all ease-in 300ms !important;
    appearance: none;
    color: #272727 !important;
    background-color: var(--button-color4);
    font-family: var(--family2)
}

body .header-button,
body .header-button:link,
body .header-button:active,
body .header-button:visited {
    color: #272727 !important
}

body .header-button:hover {
    background-color: var(--button-hover-color4)
}

body .header-button2 {
    font-size: 14px;
    color: #ffffff !important;
    background-color: var(--accent-color)
}

body .header-button2,
body .header-button2:link,
body .header-button2:active,
body .header-button2:visited {
    color: #ffffff !important
}

body .header-button2:hover {
    background-color: var(--accent-color)
}

body .header-button3 {
    font-size: 14px;
    color: #000000 !important;
    background-color: #FFF;
    border-radius: 25px
}

body .header-button3,
body .header-button3:link,
body .header-button3:active,
body .header-button3:visited {
    color: #000000 !important
}

body .header-button3:hover {
    background-color: #FFF;
    box-shadow: 0 0 10px rgba(255, 255, 255, .3)
}

.fitness01-menu-line .primary_structure::after {
    content: "";
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.fitness01-menu-line .dng-megamenu.hoverstyle_1 .primary_structure>li>a:before {
    top: 100%;
    margin-top: -1px
}

.law03-logo .dnngo_gomenu .primary_structure .menu-logo {
    background-color: var(--accent-color);
    width: 168px;
    height: 140px;
    margin-bottom: -40px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all ease-in 200ms !important
}

.law03-logo .dnngo_gomenu .primary_structure .menu-logo img {
    max-height: 70px
}

.floating-active .law03-logo .dnngo_gomenu .primary_structure .menu-logo {
    height: 90px;
    margin-bottom: -10px;
    padding: 10px 0
}

.header-content-wrap .header-line {
    display: inline-block;
    border-right: 1px solid;
    height: 20px;
    vertical-align: middle;
    margin-bottom: 1px;
    -moz-transition: color ease-in 300ms;
    -webkit-transition: color ease-in 300ms;
    -o-transition: color ease-in 300ms;
    -ms-transition: color ease-in 300ms;
    transition: color ease-in 300ms;
    opacity: .4
}