.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-wrap { left: 0; z-index: 990; width: 100%; position: relative; }

.header-container-box { display: table; width: 100%; }

    .header-container-box .header-area { display: table-cell; vertical-align: middle; }

.header-area.area-right { text-align: right; }

.header-area.area-center { text-align: center; }

.header-area.area-left { text-align: left; }

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

    .header-horizontal .header-content-wrap > div { display: inline-block; white-space: normal; margin-left: 15px; vertical-align: middle; }

        .header-horizontal .header-content-wrap > div:first-child { margin-left: 0 }


.header-vertical .header-content-wrap > div { display: block; margin-left: 0 !important; margin-right: 0 !important; }

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

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

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

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

.header-center .header-vertical .header-content-wrap > div { margin: 0 !important; }

.header-bg-box { position: relative; }

    .header-bg-box:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 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 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; }

    .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; left: 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-right: 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-right: 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-right-color: transparent; }

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

#Body .floating-active .floating-light-color .header-content-wrap,
#Body .floating-active .floating-dark-color .header-content-wrap > *:not(.nav-bar),
#Body .floating-active .floating-light-color .Normal,
#Body .floating-active .floating-light-color .header-content-wrap > a,
#Body .floating-active .floating-light-color .header-content-wrap > a:link,
#Body .floating-active .floating-light-color .header-content-wrap > a:active,
#Body .floating-active .floating-light-color .header-content-wrap > a:visited,
#Body .floating-active .floating-light-color .dng-megamenu .primary_structure > li > a,
#Body .floating-active .floating-light-color .dng-megamenu .primary_structure > li > a:link,
#Body .floating-active .floating-light-color .dng-megamenu .primary_structure > li > a:active,
#Body .floating-active .floating-light-color .dng-megamenu .primary_structure > li > a:visited,
#Body .floating-active .floating-light-color .widget-title { color: #fafafa; }

.floating-active .floating-light-color .search-text { border-bottom: 1px solid rgba(255, 255, 255, 0.9); }

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

#Body .floating-active .floating-dark-color .header-content-wrap,
#Body .floating-active .floating-dark-color .header-content-wrap > *:not(.nav-bar),
#Body .floating-active .floating-dark-color .Normal,
#Body .floating-active .floating-dark-color .header-content-wrap > a,
#Body .floating-active .floating-dark-color .header-content-wrap > a:link,
#Body .floating-active .floating-dark-color .header-content-wrap > a:active,
#Body .floating-active .floating-dark-color .header-content-wrap > a:visited,
#Body .floating-active .floating-dark-color .dng-megamenu .primary_structure > li > a,
#Body .floating-active .floating-dark-color .dng-megamenu .primary_structure > li > a:link,
#Body .floating-active .floating-dark-color .dng-megamenu .primary_structure > li > a:active,
#Body .floating-active .floating-dark-color .dng-megamenu .primary_structure > li > a:visited { color: #424242; }

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

    .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 { transition: background-color ease-in 200ms; -moz-transition: background-color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms; /* IE9? */ }

.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 { -moz-transition: all ease-out 250ms; /* Firefox 4 */ -webkit-transition: all ease-out 250ms; /* Safari and Chrome */ -o-transition: all ease-out 250ms; /* Opera */ -ms-transition: all ease-out 250ms; /* IE9? */ transition: all ease-out 250ms; }

.floating-nav-sticky.floating-active .header-bg-box.floating-display-none,
.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,
.floating-nav-scrollup.floating-active .header-bg-box.floating-display-none .header-container-box { overflow: hidden; height: 0px; border-width: 0px; padding-top: 0; padding-bottom: 0; }

.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,
.floating-nav-sticky.floating-active .floating-display-none .header-top,
.floating-nav-scrollup.floating-active .floating-display-none,
.floating-nav-scrollup.floating-active .floating-display-none .header-top { overflow: hidden !important; height: 0px !important; border-width: 0px !important; padding-top: 0 !important; padding-bottom: 0 !important; }

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

/*dng megamenu*/

.dng-megamenu { margin: 0px; padding: 0px; clear: both; }

    .dng-megamenu .primary_structure { position: relative; clear: both; margin: 0; padding: 0; display: inline-block; vertical-align: middle; }

    .dng-megamenu .header-split .primary_structure { z-index: 6; }

    .dng-megamenu .primary_structure > li { float: left; list-style: none; position: relative; margin: 0; /* z-index: 6; */ }

        .dng-megamenu .primary_structure > li > a { display: inline-block; word-spacing: normal; line-height: 33px; -webkit-transition: color ease-in 200ms, border-color ease-in 200ms, background-color ease-in 200ms; transition: color ease-in 200ms, border-color ease-in 200ms, background-color ease-in 200ms; /* Safari and Chrome */ }

    .dng-megamenu > ul > li > a > span { display: inline-block; }

    .dng-megamenu .primary_structure > li > a:hover,
    .dng-megamenu .primary_structure > li > a:focus,
    .dng-megamenu .primary_structure > li.menu_hover > a,
    .dng-megamenu .primary_structure > li.current > a { text-decoration: none; }

    .dng-megamenu .primary_structure span img,
    .dng-megamenu .primary_structure span i { margin-right: 8px; width: 1.1em; text-align: center; display: inline-block; vertical-align: middle; }

    .dng-megamenu .primary_structure > li > a,
    .dng-megamenu .primary_structure > li > a:link,
    .dng-megamenu .primary_structure > li > a:active,
    .dng-megamenu .primary_structure > li > a:visited { color: inherit; }

    .dng-megamenu .primary_structure > li.dir > a > span:after { content: ""; height: 5px; width: 5px; overflow: hidden; margin: 0 0px 3px 6px; display: inline-block; vertical-align: middle; transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -moz-transform: rotate(45deg); /* Firefox */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ -o-transform: rotate(45deg); /* Opera */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; border-bottom: 1px solid; border-right: 1px solid; }

    .dng-megamenu .primary_structure > li > a > span > i { color: inherit; font-size: 1.2em; }

    .dng-megamenu .primary_structure > li:hover > a,
    .dng-megamenu .primary_structure > li > a:focus,
    .dng-megamenu .primary_structure > li.current > a,
    .dng-megamenu .primary_structure > li.menu_hover > a { color: #2c5cda; }

    .dng-megamenu .label,
    .dng-megamenu .badge { padding: .19em .4em .2em; font-size: 70%; line-height: 1; display: inline-block; vertical-align: middle; margin: 0px 3px 2px; }

.dnngo_gomenu + .menu-logo { display: none; }

.menu-logo { list-style: none; }

/*hoverstyle_1*/
.dng-megamenu.hoverstyle_1 .primary_structure > li > a { position: relative; }

    .dng-megamenu.hoverstyle_1 .primary_structure > li > a:before { content: ""; border-bottom: 2px solid #2c5cda; position: absolute; top: calc(50% + 14px); left: 0px; right: 100%; opacity: 0; visibility: hidden; transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; /* Firefox 4 */ -webkit-transition: all ease-in 300ms; /* Safari and Chrome */ -o-transition: all ease-in 300ms; /* Opera */ -ms-transition: all ease-in 300ms; /* IE9? */ }

    .dng-megamenu.hoverstyle_1 .primary_structure > li:hover > a:before,
    .dng-megamenu.hoverstyle_1 .primary_structure > li > a:focus:before,
    .dng-megamenu.hoverstyle_1 .primary_structure > li.current > a:before,
    .dng-megamenu.hoverstyle_1 .primary_structure > li.menu_hover > a:before,
    .dng-megamenu.hoverstyle_1 .primary_structure > li > a.current:before { right: 2px; opacity: 1; visibility: visible; }

/*hoverstyle_2*/
.dng-megamenu.hoverstyle_2 .primary_structure > li { margin-left: 2px; }

    .dng-megamenu.hoverstyle_2 .primary_structure > li > a { border: 2px solid transparent; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; }

        .dng-megamenu.hoverstyle_2 .primary_structure > li:hover > a,
        .dng-megamenu.hoverstyle_2 .primary_structure > li > a:focus,
        .dng-megamenu.hoverstyle_2 .primary_structure > li.current > a,
        .dng-megamenu.hoverstyle_2 .primary_structure > li.menu_hover > a,
        .dng-megamenu.hoverstyle_2 .primary_structure > li > a.current { border: 2px solid #2c5cda; }

/*hoverstyle_3*/
.dng-megamenu.hoverstyle_3 .primary_structure > li { margin-left: 2px; }

    .dng-megamenu.hoverstyle_3 .primary_structure > li > a { background-color: transparent; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; position: relative; }

        .dng-megamenu.hoverstyle_3 .primary_structure > li:hover > a,
        .dng-megamenu.hoverstyle_3 .primary_structure > li > a:focus,
        .dng-megamenu.hoverstyle_3 .primary_structure > li.current > a,
        .dng-megamenu.hoverstyle_3 .primary_structure > li.menu_hover > a,
        .dng-megamenu.hoverstyle_3 .primary_structure > li > a.current { background-color: #2c5cda; }
        .dng-megamenu.hoverstyle_3 .primary_structure > li > a::after { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; box-shadow: 0 10px 15px currentColor; border-radius: inherit; z-index: 0; pointer-events: none; opacity: 0; -webkit-transition: all ease-in 300ms; transition: all ease-in 300ms; pointer-events: none; }
        .dng-megamenu.hoverstyle_3 .primary_structure > li:hover > a::after,
        .dng-megamenu.hoverstyle_3 .primary_structure > li > a:focus::after,
        .dng-megamenu.hoverstyle_3 .primary_structure > li.current > a::after,
        .dng-megamenu.hoverstyle_3 .primary_structure > li.menu_hover > a::after,
        .dng-megamenu.hoverstyle_3 .primary_structure > li > a.current::after { opacity: .5; }



/*hoverstyle_4*/
.dng-megamenu.hoverstyle_4 .primary_structure .back { position: absolute; bottom: 0; height: 0; padding: 0; border-bottom: 3px solid #2c5cda; z-index: 0; left: 0; width: 0; margin: 0 !important; }

/*hoverstyle_5*/

/*hoverstyle_6*/
.dng-megamenu.hoverstyle_6 .primary_structure > li { position: relative; margin-left: 2px; }

    .dng-megamenu.hoverstyle_6 .primary_structure > li > a:before,
    .dng-megamenu.hoverstyle_6 .primary_structure > li > a:after,
    .dng-megamenu.hoverstyle_6 .primary_structure > li:before,
    .dng-megamenu.hoverstyle_6 .primary_structure > li:after { content: ""; position: absolute; width: 9px; height: 9px; opacity: 0; transition: transform ease-in 200ms, opacity ease-in 200ms; -moz-transition: transform ease-in 200ms, opacity ease-in 200ms; /* Firefox 4 */ -webkit-transition: transform ease-in 200ms, opacity ease-in 200ms; /* Safari and Chrome */ -o-transition: transform ease-in 200ms, opacity ease-in 200ms; /* Opera */ -ms-transition: transform ease-in 200ms, opacity ease-in 200ms; /* IE9? */ }

    .dng-megamenu.hoverstyle_6 .primary_structure > li > a:before { top: 0; left: 0; border-top: 1px solid #2c5cda; border-left: 1px solid #2c5cda; transform: translate(-5px, -5px); -webkit-transform: translate(-5px, -5px); }

    .dng-megamenu.hoverstyle_6 .primary_structure > li > a:after { top: 0; right: 0; border-top: 1px solid #2c5cda; border-right: 1px solid #2c5cda; transform: translate(5px, -5px); -webkit-transform: translate(5px, -5px); }

    .dng-megamenu.hoverstyle_6 .primary_structure > li:before { bottom: 0; left: 0; border-bottom: 1px solid #2c5cda; border-left: 1px solid #2c5cda; transform: translate(-5px, 5px); -webkit-transform: translate(-5px, 5px); }

    .dng-megamenu.hoverstyle_6 .primary_structure > li:after { bottom: 0; right: 0; border-bottom: 1px solid #2c5cda; border-right: 1px solid #2c5cda; transform: translate(5px, 5px); -webkit-transform: translate(5px, 5px); }

    .dng-megamenu.hoverstyle_6 .primary_structure > li:hover > a:before,
    .dng-megamenu.hoverstyle_6 .primary_structure > li:hover > a:after,
    .dng-megamenu.hoverstyle_6 .primary_structure > li:hover:before,
    .dng-megamenu.hoverstyle_6 .primary_structure > li:hover:after,
    .dng-megamenu.hoverstyle_6 .primary_structure > li.current > a:before,
    .dng-megamenu.hoverstyle_6 .primary_structure > li.current > a:after,
    .dng-megamenu.hoverstyle_6 .primary_structure > li.current:before,
    .dng-megamenu.hoverstyle_6 .primary_structure > li.current:after,
    .dng-megamenu.hoverstyle_6 .primary_structure > li.menu_hover > a:before,
    .dng-megamenu.hoverstyle_6 .primary_structure > li.menu_hover > a:after,
    .dng-megamenu.hoverstyle_6 .primary_structure > li.menu_hover:before,
    .dng-megamenu.hoverstyle_6 .primary_structure > li.menu_hover:after { opacity: 1; -webkit-transform: translate(0); transform: translate(0); }
/*hoverstyle_7*/
.dng-megamenu.hoverstyle_7 .primary_structure > li > a { position: relative; }

    .dng-megamenu.hoverstyle_7 .primary_structure > li > a:before { content: ""; border-bottom: 9px solid #2c5cda; position: absolute; top: 50%; -webkit-transform: translateY(25%); transform: translateY(25%); left: 0px; right: 100%; opacity: 0; visibility: hidden; transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; /* Firefox 4 */ -webkit-transition: all ease-in 300ms; /* Safari and Chrome */ -o-transition: all ease-in 300ms; /* Opera */ -ms-transition: all ease-in 300ms; /* IE9? */ }

    .dng-megamenu.hoverstyle_7 .primary_structure > li:hover > a:before,
    .dng-megamenu.hoverstyle_7 .primary_structure > li > a:focus:before,
    .dng-megamenu.hoverstyle_7 .primary_structure > li.current > a:before,
    .dng-megamenu.hoverstyle_7 .primary_structure > li.menu_hover > a:before,
    .dng-megamenu.hoverstyle_7 .primary_structure > li > a.current:before { right: 2px; opacity: initial; visibility: visible; }




/*header split*/
.header-split .primary_structure .menulogo:before,
.header-split .primary_structure .menulogo:after { display: none; }

.dng-megamenu.header-split .primary_structure > li { float: none; display: inline-block; vertical-align: middle; white-space: normal; opacity: 0; visibility: hidden; }

    .dng-megamenu.header-split .primary_structure > li.back { opacity: 1; visibility: visible; }

.header-split .menu-logo a { border: none !important; background: transparent !important; padding-top: 0 !important; padding-bottom: 0 !important; }

    .header-split .menu-logo a:after,
    .header-split .menu-logo a:before,
    .header-split .menu-logo:after,
    .header-split .menu-logo:before { content: none !important; }

.header-split .menu-logo img { max-height: 60px; -webkit-transform-origin: center; transform-origin: center; }

.header-split .menu-logo img { 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; }

.floating-active .header-split .menu-logo img { max-height: 60px; }

.dng-megamenu.header-split .primary_structure > li.logo-at.menu-logo { }

.dng-megamenu.header-split .primary_structure > li.logo-at.menu-logo { opacity: 1; visibility: visible; transition: opacity ease-in 400ms; -moz-transition: opacity ease-in 400ms; -webkit-transition: opacity ease-in 400ms; -o-transition: opacity ease-in 400ms; -ms-transition: opacity ease-in 400ms; }

.dng-megamenu.header-split .primary_structure > li.left-item { transform: rotateY(-60deg); }

.dng-megamenu.header-split .primary_structure > li.right-item { transform: rotateY(60deg); }

.dng-megamenu.header-split .primary_structure > li.left-at,
.dng-megamenu.header-split .primary_structure > li.right-at { opacity: 1; visibility: visible; transform: rotateY(0deg); transition: opacity ease-in 400ms, transform ease-in 400ms; -moz-transition: opacity ease-in 400ms, transform ease-in 400ms; -webkit-transition: opacity ease-in 400ms, transform ease-in 400ms; -o-transition: opacity ease-in 400ms, transform ease-in 400ms; -ms-transition: opacity ease-in 400ms, transform ease-in 400ms; }

.dng-megamenu.header-split .primary_structure { display: block; margin: auto; width: auto; white-space: nowrap; }

/*sub*/
.dng-megamenu .dnngo_menuslide { display: none; position: absolute; top: 100%; left: 0px; z-index: 907; margin: 0; padding: 0; }

.dng-megamenu .rtl .dnngo_menuslide.slide { left: auto !important; right: 0; }

.dng-megamenu .dnngo_menuslide > .dnngo_boxslide { padding: 18px 40px 18px 0px; }

.dng-megamenu.flyout-shadow .dnngo_slide_menu,
.dng-megamenu.mega-shadow .dnngo_boxslide,
.dng-megamenu.mega-shadow .dnngo_menu_list,
.dng-megamenu.flyout-shadow .dnngo_slide_menu .dnngo_submenu { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }

.dng-megamenu .dnngo_masonrymenu { width: 100%; }

    .dng-megamenu .dnngo_masonrymenu > ul { float: left; }

        .dng-megamenu .dnngo_masonrymenu > ul > li { margin: 0px 38px; }

/*dnngo_slide_menu*/
.dng-megamenu .dnngo_slide_menu { margin: 0; padding: 0; white-space: nowrap; }

    .dng-megamenu .dnngo_slide_menu ul,
    .dng-megamenu .dnngo_slide_menu ul li { margin: 0; padding: 0; }

    .dng-megamenu .dnngo_slide_menu .dnngo_submenu { margin: 0; padding: 0; display: none; position: absolute; left: 100%; top: 0px; z-index: 904; }

    .dng-megamenu .dnngo_slide_menu li { position: relative; list-style: none; }

        .dng-megamenu .dnngo_slide_menu li a { text-decoration: none; text-align: left; padding: 0px 60px 0px 20px; font-size: 13px; display: block; -webkit-transition: all ease-in 200ms; transition: all ease-in 200ms; }

.dng-megamenu .rtl .dnngo_slide_menu li a { padding: 0px 20px 0px 60px; text-align: right; }

.dng-megamenu .dnngo_slide_menu li a > span { display: inline-block; -webkit-transition: transform ease-in 200ms, color ease-in 0ms; transition: transform ease-in 200ms, color ease-in 0ms; }

.dng-megamenu .dnngo_slide_menu li a:hover > span,
.dng-megamenu .dnngo_slide_menu li a:focus > span,
.dng-megamenu .dnngo_slide_menu li.menu_hover > a > span { -webkit-transform: translate(4px, 0); transform: translate(4px, 0); }

.dng-megamenu .rtl .dnngo_slide_menu li a:hover > span,
.dng-megamenu .rtl .dnngo_slide_menu li a:focus > span,
.dng-megamenu .rtl .dnngo_slide_menu li.menu_hover > a > span { -webkit-transform: translate(-4px, 0); transform: translate(-4px, 0); }

.dng-megamenu .dnngo_slide_menu li.dir:before { content: ""; right: 15px; top: 50%; position: absolute; margin-top: -2px; width: 5px; height: 5px; border-right: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: color ease-in 200ms; transition: color ease-in 200ms; }

.dng-megamenu .rtl .dnngo_slide_menu li.dir:before { left: 15px; right: auto; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.dng-megamenu .rtl .dnngo_boxslide,
.dng-megamenu .rtl .dnngo_boxslide .menu_centerbox ul { text-align: right; }

.dng-megamenu .dnngo_slide_menu li:hover > a,
.dng-megamenu .dnngo_slide_menu li > a:focus { color: #FFFFFF !important; }

.dng-megamenu .dnngo_slide_menu li.dir:hover:before,
.dng-megamenu .dnngo_slide_menu li.subcurrent:before { border-color: #FFFFFF !important; }

/*dnngo_menu_list */


.dng-megamenu .dnngo_menu_list { clear: both; overflow: hidden; margin: auto; padding: 15px; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #FFF; list-style: none; -moz-column-gap: 0px; -webkit-column-gap: 0px; column-gap: 0px; }

.dng-megamenu .numbercolumns-2 .dnngo_menu_list,
.dng-megamenu .numbercolumns-2.dnngo_menuslide > .line { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }

.dng-megamenu .numbercolumns-3 .dnngo_menu_list,
.dng-megamenu .numbercolumns-3.dnngo_menuslide > .line { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }

.dng-megamenu .numbercolumns-4 .dnngo_menu_list,
.dng-megamenu .numbercolumns-4.dnngo_menuslide > .line { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }

.dng-megamenu .numbercolumns-5 .dnngo_menu_list,
.dng-megamenu .numbercolumns-5.dnngo_menuslide > .line { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; }

.dng-megamenu .numbercolumns-6 .dnngo_menu_list,
.dng-megamenu .numbercolumns-6.dnngo_menuslide > .line { -moz-column-count: 6; -webkit-column-count: 6; column-count: 6; }

.dng-megamenu .numbercolumns-7 .dnngo_menu_list,
.dng-megamenu .numbercolumns-7.dnngo_menuslide > .line { -moz-column-count: 7; -webkit-column-count: 7; column-count: 7; }

.dng-megamenu .numbercolumns-8 .dnngo_menu_list,
.dng-megamenu .numbercolumns-8.dnngo_menuslide > .line { -moz-column-count: 8; -webkit-column-count: 8; column-count: 8; }

.dng-megamenu .numbercolumns-9 .dnngo_menu_list,
.dng-megamenu .numbercolumns-9.dnngo_menuslide > .line { -moz-column-count: 9; -webkit-column-count: 9; column-count: 9; }

.dng-megamenu .numbercolumns-10 .dnngo_menu_list,
.dng-megamenu .numbercolumns-10.dnngo_menuslide > .line { -moz-column-count: 10; -webkit-column-count: 10; column-count: 10; }

.dng-megamenu .numbercolumns-11 .dnngo_menu_list,
.dng-megamenu .numbercolumns-11.dnngo_menuslide > .line { -moz-column-count: 11; -webkit-column-count: 11; column-count: 11; }

.dng-megamenu .numbercolumns-12 .dnngo_menu_list,
.dng-megamenu .numbercolumns-12.dnngo_menuslide > .line { -moz-column-count: 12; -webkit-column-count: 12; column-count: 12; }

.dng-megamenu .dnngo_menu_list > li { padding: 0px 25px 0px; line-height: 35px; }

    .dng-megamenu .dnngo_menu_list > li > a { font-weight: bold; }

.dng-megamenu .dnngo_menu_list li a,
.dng-megamenu .dnngo_custommenu .submenu li a { display: block; }

.dng-megamenu .dnngo_menu_list li li li a,
.dng-megamenu .dnngo_custommenu .submenu li li a { padding-left: 20px; }

.dng-megamenu .dnngo_menu_list li li li li a,
.dng-megamenu .dnngo_custommenu .submenu li li li a { padding-left: 40px; }

.dng-megamenu .dnngo_menu_list li li li li li a,
.dng-megamenu .dnngo_custommenu .submenu li li li li a { padding-left: 60px; }

.dng-megamenu .dnngo_menu_list li li a,
.dng-megamenu .dnngo_custommenu .submenu li a { transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms; -moz-transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms; -webkit-transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms; -o-transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms; -ms-transition: color ease-in 200ms, border ease-in 200ms, background ease-in 200ms; }

    .dng-megamenu .dnngo_menu_list li a > span,
    .dng-megamenu .dnngo_custommenu .submenu li a > span { display: inline-block; transition: transform ease-in 200ms; -moz-transition: -moz-transform ease-in 200ms; -webkit-transition: -webkit-transform ease-in 200ms; -o-transition: -o-transform ease-in 200ms; -ms-transition: -ms-transform ease-in 200ms; }

    .dng-megamenu .dnngo_menu_list li li a:hover,
    .dng-megamenu .dnngo_custommenu .submenu li a:hover,
    .dng-megamenu .dnngo_menu_list li li a:focus,
    .dng-megamenu .dnngo_custommenu .submenu li a:focus,
    .dng-megamenu .dnngo_slide_menu li.subcurrent > a,
    .dng-megamenu .dnngo_menu_list li li.subcurrent > a,
    .dng-megamenu .dnngo_custommenu li.current > a { background-color: #2c5cda; color: #FFF; text-decoration: none; }

.dng-megamenu .dnngo_slide_menu li li a:hover,
.dng-megamenu .dnngo_slide_menu li li a:focus,
.dng-megamenu .dnngo_slide_menu li.subcurrent > a { color: #FFF !important; }

    .dng-megamenu .dnngo_menu_list li li a:hover > span,
    .dng-megamenu .dnngo_menu_list li li a:focus > span,
    .dng-megamenu .dnngo_menu_list li li.menu_hover > a > span,
    .dng-megamenu .dnngo_custommenu .submenu li a:hover > span,
    .dng-megamenu .dnngo_custommenu .submenu li a:focus > span,
    .dng-megamenu .dnngo_custommenu .submenu li.menu_hover > a > span,
    .dng-megamenu .dnngo_slide_menu li.subcurrent > a > span { -webkit-transform: translate(4px, 0); transform: translate(4px, 0); }

.dng-megamenu .rtl .dnngo_menu_list li li a:hover > span,
.dng-megamenu .rtl .dnngo_menu_list li li a:focus > span,
.dng-megamenu .rtl .dnngo_menu_list li li.menu_hover > a > span,
.dng-megamenu .rtl .dnngo_custommenu .submenu li a:hover > span,
.dng-megamenu .rtl .dnngo_custommenu .submenu li a:focus > span,
.dng-megamenu .rtl .dnngo_custommenu .submenu li.menu_hover > a > span,
.dng-megamenu .rtl .dnngo_slide_menu li.subcurrent > a > span { -webkit-transform: translate(-4px, 0); transform: translate(-4px, 0); }

.dng-megamenu .dnngo_menuslide > .line { position: absolute; top: 15px; bottom: 15px; right: 15px; left: 15px; overflow: hidden; z-index: 0; pointer-events: none; -moz-column-gap: 2px; -webkit-column-gap: 2px; column-gap: 2px; }

    .dng-megamenu .dnngo_menuslide > .line span { height: 100%; border-left: 1px solid #dcdcdc; display: block; margin-left: -1px; }

.dng-megamenu .dnngo_menu_list ul { margin: 0 0 10px; padding: 0; list-style: none; }

.dng-megamenu .dnngo_menu_list li { -webkit-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid; }


/*dnngo_boxslide*/

.dng-megamenu .dnngo_boxslide { clear: both; overflow: hidden; width: 100%; margin: auto; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

    .dng-megamenu .dnngo_boxslide .clear { clear: both; overflow: hidden; width: 100%; height: 0px; }

    .dng-megamenu .dnngo_boxslide .menu_centerbox { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

    .dng-megamenu .dnngo_boxslide .menu_leftbox { float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

    .dng-megamenu .dnngo_boxslide .menu_rightbox { float: left; padding: 0px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

    .dng-megamenu .dnngo_boxslide .menu_centerbox ul { margin: 0; padding: 0; text-align: left; }

        .dng-megamenu .dnngo_boxslide .menu_centerbox ul li { list-style: none; padding: 3px 0px; font-size: 12px; }

            .dng-megamenu .dnngo_boxslide .menu_centerbox ul li li li { padding: 5px 10px; }

    .dng-megamenu .dnngo_boxslide .dnngo_masonrymenu { }

        .dng-megamenu .dnngo_boxslide .dnngo_masonrymenu > ul { position: relative; }

            .dng-megamenu .dnngo_boxslide .dnngo_masonrymenu > ul:before { content: ""; position: absolute; right: 0; top: -100px; height: 1000%; border-left: 1px solid #e0e0e0; }

            .dng-megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

            * + html .dng-megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li { display: inline; }

                .dng-megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a > span { font-size: 14px; padding-bottom: 20px; }

                .dng-megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a:hover { text-decoration: none; }

    .dng-megamenu .dnngo_boxslide .menu_centerbox ul li li { width: 100% !important; }

        .dng-megamenu .dnngo_boxslide .menu_centerbox ul li li a { display: block; width: 100%; }

            .dng-megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover { text-decoration: none; }

            .dng-megamenu .dnngo_boxslide .menu_centerbox ul li li a span { display: block; }

                .dng-megamenu .dnngo_boxslide .menu_centerbox ul li li a span:before { content: ""; width: 5px; height: 5px; border-right: 1px solid #9c9c9c; border-bottom: 1px solid #9c9c9c; transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -moz-transform: rotate(-45deg); /* Firefox */ -webkit-transform: rotate(-45deg); /* Safari and Chrome */ -o-transform: rotate(-45deg); /* Opera */ vertical-align: middle; display: inline-block; margin: 0px 8px 2px 0; }

            .dng-megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover span:before,
            .dng-megamenu .dnngo_boxslide .menu_centerbox ul li li a:focus span:before { border-left-color: #2c5cda; }

    .dng-megamenu .dnngo_boxslide .menu_topbox { width: 100%; }

    .dng-megamenu .dnngo_boxslide .menu_bottombox { width: 100%; }

    .dng-megamenu .mega_title,
    .dng-megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a > span { font-size: 14px !important; text-transform: capitalize; border-bottom: 1px solid #c2c2c2; font-weight: normal; padding: 5px 0 15px; line-height: 1.2; color: #2c5cda; letter-spacing: 0; position: relative; display: block; margin-bottom: 8px; }

    .dng-megamenu .dnngo_boxslide .menu_leftbox,
    .dng-megamenu .dnngo_boxslide .menu_rightbox,
    .dng-megamenu .dnngo_boxslide .menu_topbox,
    .dng-megamenu .dnngo_boxslide .menu_bottombox,
    .dng-megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li { overflow: hidden; }

.dng-megamenu .rtl li span > img,
.dng-megamenu .rtl li span > i { margin-left: 4px; margin-right: 0px; }

.dng-megamenu li p { line-height: 1.8; }

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .dng-megamenu.IHide-md li span > img,
    .dng-megamenu.IHide-md li span > i,
    #dnngo_menu.IHide-md li span > img,
    #dnngo_menu.IHide-md li span > i { display: none; }

    .dng-megamenu .dnngo_masonrymenu > ul > li { margin: 0px 10px; white-space: normal; }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .dng-megamenu.IHide-sm li span > img,
    .dng-megamenu.IHide-sm li span > i,
    #dnngo_menu.IHide-sm li span > img,
    #dnngo_menu.IHide-sm li span > i { display: none; }
}

@media only screen and (min-width: 1200px) {

    .dng-megamenu.IHide-lg li span > img,
    .dng-megamenu.IHide-lg li span > i,
    #dnngo_menu.IHide-lg li span > img,
    #dnngo_menu.IHide-lg li span > i { display: none; }
}

/*dnngo_custommenu*/

.dng-megamenu .dnngo_menuslide > .dnngo_boxslide { padding: 0; }

.dng-megamenu .dnngo_custommenu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px; }

    .dng-megamenu .dnngo_custommenu > .menupane { background-color: #FFF; position: relative; }

        .dng-megamenu .dnngo_custommenu > .menupane.topline .pane_space { border-top: 1px solid #dcdcdc; }

        .dng-megamenu .dnngo_custommenu > .menupane.bottomline .pane_space { border-bottom: 1px solid #dcdcdc; }

        .dng-megamenu .dnngo_custommenu > .menupane.leftline { border-left: 1px solid #dcdcdc; }

        .dng-megamenu .dnngo_custommenu > .menupane.rightline { border-right: 1px solid #dcdcdc; }

    .dng-megamenu .dnngo_custommenu .pane_space { }

    .dng-megamenu .dnngo_custommenu .submenu { margin: 0; padding: 0; }

    .dng-megamenu .dnngo_custommenu .submenu_title { color: #424242; line-height: 1.4; font-weight: bold; margin: 0; }

        .dng-megamenu .dnngo_custommenu .submenu_title a:hover { text-decoration: none; }

    .dng-megamenu .dnngo_custommenu ul { margin: 0; padding: 0 0 10px; list-style: none; }


/* roller*/

.roller-up { position: fixed; top: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.15); height: 18px; cursor: pointer; z-index: 950; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.roller-down { position: fixed; bottom: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.15); height: 18px; cursor: pointer; z-index: 950; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

    .roller-up:before,
    .roller-down:before { content: ""; width: 8px; height: 8px; border-top: 2px solid #FFF; border-left: 2px solid #FFF; display: inline-block; }

.roller-up:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: -3px 0 0px -3px; }

.roller-down:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin: 0px 0 3px -3px; }

.roller-up:hover,
.roller-down:hover { background-color: rgba(0, 0, 0, 0.3); }

.dng-megamenu .logo-at a,
.dng-megamenu .logo-at a:before { background-color: transparent !important; border-color: transparent !important; }

/*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; }

.hoverstyle_1 .primary_structure > li:hover > a,
.hoverstyle_1 .primary_structure > li.current > a,
.hoverstyle_1 .primary_structure > li.menu_hover > a,
.hoverstyle_1 .primary_structure > li > a.current,
.hoverstyle_2 .primary_structure > li:hover > a,
.hoverstyle_2 .primary_structure > li.current > a,
.hoverstyle_2 .primary_structure > li.menu_hover > a,
.hoverstyle_2 .primary_structure > li > a.current,
.hoverstyle_4 .primary_structure > li:hover > a,
.hoverstyle_4 .primary_structure > li.current > a,
.hoverstyle_4 .primary_structure > li.menu_hover > a,
.hoverstyle_4 .primary_structure > li > a.current,
.hoverstyle_5 .primary_structure > li:hover > a,
.hoverstyle_5 .primary_structure > li.current > a,
.hoverstyle_5 .primary_structure > li.menu_hover > a,
.hoverstyle_5 .primary_structure > li > a.current,
.hoverstyle_6 .primary_structure > li:hover > a,
.hoverstyle_6 .primary_structure > li.current > a,
.hoverstyle_6 .primary_structure > li.menu_hover > a,
.hoverstyle_6 .primary_structure > li > a.current,
.hoverstyle_7 .primary_structure > li:hover > a,
.hoverstyle_7 .primary_structure > li.current > a,
.hoverstyle_7 .primary_structure > li.menu_hover > a,
.hoverstyle_7 .primary_structure > li > a.current, { color: #2c5cda; }

.hoverstyle_3 .primary_structure > li:hover > a,
.hoverstyle_3 .primary_structure > li.current > a,
.hoverstyle_3 .primary_structure > li.menu_hover > a,
.hoverstyle_3 .primary_structure > li > a.current { background-color: #2c5cda; color: #2c5cda; }

.hoverstyle_1 .primary_structure > li > a:before,
.hoverstyle_4 .primary_structure .back,
.hoverstyle_6 .primary_structure > li > a:before,
.hoverstyle_6 .primary_structure > li > a:after,
.hoverstyle_6 .primary_structure > li:before,
.hoverstyle_6 .primary_structure > li:after,
.hoverstyle_7 .primary_structure > li > a:before { border-color: #2c5cda; }

.dnngo_slide_menu li:hover > a,
.dnngo_slide_menu li.subcurrent > a { background-color: #2c5cda; }

.menuslide > .boxslide .submenu > a:hover { background-color: #2c5cda; }

.mega-menu .boxslide > .slide-menu > li > a:hover,
.mega-menu .boxslide > .slide-menu > li.hide-title > div > ul > li > a:hover { color: #2c5cda; }

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

.mobilemenu_close { display: none !important; }

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

@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 { display: table; width: 100%; }

        .mobile-header .header-area { display: table-cell; vertical-align: middle; padding-left: 15px; padding-right: 15px; }

        .mobile-header .header-content-wrap > * { display: inline-block; }

    .navbar-tool { white-space: nowrap; }

        .navbar-tool > .widget,
        .mobile-menu-icon { display: inline-block; vertical-align: middle; white-space: normal; margin-left: 12px; cursor: pointer; }

        .navbar-tool > .mobile-menu-icon { }

            .navbar-tool > .mobile-menu-icon .lnr { }

    .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; }

        .mobile-header .mobile-header-shadow { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }

    .mobile-header { color: #333333; font-size: 18px; font-weight: normal; }

    .mobile-header-replace { height: 64px; }

    .mobile-header > * { height: 64px; }

    .mobile-header .logo { text-align: left; }

    .mobile-header img { max-height: 100%; }

    .mobile-header .shopping-cart-box .shopping-cart-content { border-top-color: #2c5cda; }

        .mobile-header .shopping-cart-box .shopping-cart-content:before { border-bottom-color: #2c5cda; }

    .mobile-header .shopping-cart-box .icon .badge,
    .mobile-header .shop-cart-list .shop-cart-footer > .footer-btn:hover { background-color: #2c5cda; }

    .mobile_menu_show .mobile-menu-icon .fa-bars:before { content: "\f00d"; color: #2c5cda; }

    .mm-slideout.mobile_menu_show { overflow: hidden; }

    .body-side-static-left { margin-left: 0; }

    .body-side-static-right { margin-right: 0; }

    /* search-popup-box */
    .search-popup-box .popup-close { right: 13px; top: 0; height: 64px; line-height: 64px; -webkit-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important; transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important; z-index: 1; }

        .search-popup-box .popup-close .lnr { line-height: 64px; }

    .search-popup-box .popup-reveal { display: none; }

    .search-popup-box .popup-content { opacity: 0; visibility: hidden; color: #666; -o-transform: translateX(0%); transform: translateX(0%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

        .search-popup-box .popup-content.active { opacity: 1; visibility: visible; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

        .search-popup-box .popup-content .popup-center { -webkit-transform: scale(1.1) !important; transform: scale(1.1) !important; -webkit-transition-delay: 0ms !important; transition-delay: 0ms !important; -webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); }

        .search-popup-box .popup-content.active .popup-center { transform: scale(1) !important; }

    .header-vertical .dngTextBox { display: block; }
}

@media only screen and (max-width: 767px) {
    .mobile-header { height: 64px; }

        .mobile-header > * { height: 64px; }

    .mobile-header-replace { height: 64px; }

    .mobile-header .logo img { max-height: 100%; }



    /* search-popup-box */
    .search-popup-box .popup-close { right: 13px; top: 0; height: 64px; line-height: 64px; }

        .search-popup-box .popup-close .lnr { line-height: 64px; }
}


/*login*/
.Login { }

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

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

        .Login a:hover { color: #2c5cda; }

.userName > a:after { content: ""; border-color: currentColor transparent transparent transparent; border-style: solid; border-width: 5px; position: absolute; right: 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-left: 10px; }

    .Login .userProperties > ul { display: inline-block; margin: 0px; padding: 0px; }

        .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; right: -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: #2c5cda; border-radius: 10px; }



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

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

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

    .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: #2c5cda; 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: 120px 0 0; }


/*language*/
.languageBox { display: inline-block; }

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

.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-right: 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-right: 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-right-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 #dng-megamenu .primary-structure > li > a,
#dng-wrapper .floating-active .floating-light-color #dng-megamenu .primary-structure > li > a:link,
#dng-wrapper .floating-active .floating-light-color #dng-megamenu .primary-structure > li > a:active,
#dng-wrapper .floating-active .floating-light-color #dng-megamenu .primary-structure > li > a:visited,
#dng-wrapper .floating-active .floating-light-color .widget-title { color: #fafafa; }

#dng-wrapper .floating-active .floating-light-color .search-text { border-bottom: 1px 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 #dng-megamenu .primary-structure > li > a,
#dng-wrapper .floating-active .floating-dark-color #dng-megamenu .primary-structure > li > a:link,
#dng-wrapper .floating-active .floating-dark-color #dng-megamenu .primary-structure > li > a:active,
#dng-wrapper .floating-active .floating-dark-color #dng-megamenu .primary-structure > li > a:visited { color: #424242; }

#dng-wrapper .floating-active .floating-dark-color .search-text { border-bottom: 1px 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; }


/*side panel*/
@-webkit-keyframes icons-translateX {
    0% { margin-left: 0; }

    100% { margin-left: 26px; }
}

@keyframes icons-translateX {
    0% { margin-left: 0; }

    100% { margin-left: 26px; }
}

.side-panel-btn .icons { width: 22px; height: 22px; position: relative; display: inline-block; vertical-align: middle; overflow: hidden; font-size: 16px; -webkit-transition: -webkit-transform ease-in 200ms; transition: transform ease-in 200ms; }

    .side-panel-btn .icons i { position: absolute; width: 20px; left: 1px; border-bottom: 2px solid; display: block; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: none; animation: none; }

        .side-panel-btn .icons i:after { content: ""; position: absolute; width: 120%; border-bottom: 2px solid; right: 100%; margin-right: 6px; }

    .side-panel-btn .icons .l_1 { top: 3px; -webkit-transition: top ease-in 200ms, -webkit-transform ease-in 200ms; transition: top ease-in 200ms, transform ease-in 200ms; }

    .side-panel-btn .icons .l_2 { top: 10px; -webkit-transition: top ease-in 200ms, -webkit-transform ease-in 200ms; transition: top ease-in 200ms, transform ease-in 200ms; }

    .side-panel-btn .icons .l_3 { top: 17px; -webkit-transition: bottom ease-in 200ms, opacity ease-in 200ms; transition: bottom ease-in 200ms, opacity ease-in 200ms; }

.side-panel-btn:not(.style_custom) .icons:hover i { -webkit-animation: icons-translateX .3s ease-in both; animation: icons-translateX .3s ease-in both; }

.side-panel-btn:not(.style_custom) .icons:hover .l_2 { -webkit-animation-delay: .08s; animation-delay: .08s; }

.side-panel-btn:not(.style_custom) .icons:hover .l_3 { -webkit-animation-delay: .15s; animation-delay: .15s; }

.overlay-panel-content { white-space: nowrap; }

.side-panel-btn.active .icons i { -webkit-animation: none !important; animation: none !important; }

.side-panel-btn.active .icons .l_1 { top: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.side-panel-btn.active .icons .l_3 { top: 10px; opacity: 0; }

.side-panel-btn.active .icons .l_2 { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: top ease-in 200ms, -webkit-transform ease-in 200ms; transition: top ease-in 200ms, transform ease-in 200ms; }

.side-panel-btn.style_custom { width: 46px; height: 46px; border-radius: 50%; background-color: #ffffff; -webkit-transition: background-color ease-in 200ms; transition: background-color ease-in 200ms; }

    .side-panel-btn.style_custom .icons i { border-width: 0; height: 3px; background-color: #FFF; border-radius: 3px; -webkit-transition: all ease-in 200ms; transition: all ease-in 200ms; }

    .side-panel-btn.style_custom .icons { margin: 12px 0px 0px 0px }

.side-panel { position: fixed; top: 0; height: 100%; overflow: hidden; z-index: 1005; visibility: hidden; transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms; }

    .side-panel.side-panel-active { visibility: visible; }

    .side-panel .floating-header-logo { display: none; }

    .side-panel .header-logo { display: inline-block }

    .side-panel .logo-main img { max-width: 100%; }

    .side-panel .side-panel-main { height: 100%; color: #666; }

    .side-panel .nav-top { position: absolute; top: 0; width: 100%; text-align: center; padding: 20px; }

    .side-panel .nav-center { position: absolute; top: 100px; left: 0; right: -18px; bottom: 100px; overflow-y: scroll; overflow-x: hidden; white-space: nowrap; }

        .side-panel .nav-center:after { content: ""; height: 100%; width: 0; display: inline-block; vertical-align: middle; }

    .side-panel .nav-bottom { position: absolute; bottom: 0; width: 100%; text-align: center; padding: 20px; }

.side-panel-btn { font-size: 16px; cursor: pointer; display: inline-block; vertical-align: middle; text-align: center; transition: color ease-in 200ms; -moz-transition: color ease-in 200ms; -webkit-transition: color ease-in 200ms; -o-transition: color ease-in 200ms; -ms-transition: color ease-in 200ms; }

.side-panel-content { padding: 30px; }

.side-panel-active.side-panel.side-left { left: 0; }

.side-panel.side-right { left: auto; }

.side-panel.side-left .close-panel > .fa { left: 12px; opacity: 0; transition: left 300ms, opacity 300ms; -moz-transition: left 300ms, opacity 300ms; -webkit-transition: left 300ms, opacity 300ms; -o-transition: left 300ms, opacity 300ms; -ms-transition: left 300ms, opacity 300ms; }

.side-panel-active.side-panel.side-left .close-panel > .fa { opacity: 1; }

.side-panel-active.side-panel.side-right { right: 0; }

.side-panel-active.side-panel.side-left { left: 0; }

.side-panel.side-right .close-panel > .fa { right: 12px; opacity: 0; left: auto; transition: right 300ms, opacity 300ms; -moz-transition: right 300ms, opacity 300ms; -webkit-transition: right 300ms, opacity 300ms; -o-transition: right 300ms, opacity 300ms; -ms-transition: right 300ms, opacity 300ms; }

.side-panel-active.side-panel.side-right .close-panel > .fa { opacity: 1; }

.side-panel-has body { transition: all 300ms; -moz-transition: all 300ms; -webkit-transition: all 300ms; -o-transition: all 300ms; -ms-transition: all 300ms; }

.side-panel.side-push-right { left: auto; }

.side-push-left-active,
.side-push-right-active { overflow: hidden; }

    .side-push-left-active body { -webkit-backface-visibility: hidden; backface-visibility: hidden; /*
	   transform: translateX(300px);
	   -webkit-transform: translateX(300px);
	   */ width: 100%; }

    .side-push-right-active body { transform: translate3d(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; /*	-webkit-transform: translateX(-300px);
	   transform: translateX(-300px);
   */ width: 100%; }

    .side-push-left-active .side-push-left { left: 0; }

    .side-push-right-active .side-push-right { right: 0; left: auto; }

.side-panel .close-panel > .fa,
.side-panel .close-panel > .fa { opacity: 0; transition: transform 300ms, opacity 300ms; -moz-transition: transform 300ms, opacity 300ms; -webkit-transition: transform 300ms, opacity 300ms; -o-transition: transform 300ms, opacity 300ms; -ms-transition: transform 300ms, opacity 300ms; }

.side-push-left-active .side-panel .close-panel > .fa { opacity: 1; }

.side-push-right-active .side-panel .close-panel > .fa { opacity: 1; }

.side-panel.side-push-left .close-panel > .fa { left: 12px; }

.side-panel.side-push-right .close-panel > .fa { left: auto; right: 12px; }

.overflow-x { overflow-x: hidden; }

.side-panel-has body { z-index: 1; position: relative; }

    .side-panel-has body:after { content: ""; position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: #FFF; z-index: -1; }

.side-reval-left { left: 0; z-index: 10; width: 0; overflow: hidden; }

.side-reval-right { left: auto; z-index: 10; width: 0; right: 0; overflow: hidden; }

    .side-reval-left .side-panel-main,
    .side-reval-right .side-panel-main { position: relative; }

.side-panel-main,
.side-reval-left-active .side-reval-left,
.side-reval-right-active .side-reval-right { }

.side-reval-left-active body { }

.side-reval-right-active body { }

.side-reval-left-active,
.side-reval-right-active { overflow: hidden; }

.side-static-left { left: 0; visibility: visible; }

.side-static-right { left: auto; right: 0; visibility: visible; }

.body-side-static-left { }

.body-side-static-right { }

body > .header-wrap { overflow: visible; }

.side-static-left.side-panel-active { visibility: visible; }

.side-static-right.side-panel-active { left: auto; visibility: visible; }

.side-static-left-active body { margin-left: 0px; }

.side-static-right-active body { margin-right: 0px; }

.side-panel .close-panel > .fa { cursor: pointer; position: fixed; top: 20px; background-color: #FFF; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.side-left .close-panel:after,
.side-right .close-panel:after,
.side-push-left .close-panel:after,
.side-push-right .close-panel:after,
.side-reval-left .close-panel:after,
.side-reval-right .close-panel:after { content: " "; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); opacity: 0; z-index: -1; visibility: hidden; cursor: url(../images/cursor-close.cur), crosshair; 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; }

.side-panel-active .close-panel:after { opacity: 1; visibility: visible; }

.body-side-static-left .sticky-fixed .floating-nav.floating-nav-sticky,
.body-side-static-left .floating-nav.floating-active { }

.body-side-static-right .sticky-fixed .floating-nav.floating-nav-sticky,
.body-side-static-right .floating-nav.floating-active { }

.side-panel .widget-title { font-size: 18px; }

body.page-loader-changing:after { position: fixed; left: 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: 16px; 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; }

.overflow-hidden { overflow: hidden }

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

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


/*dng-leftmen*/

.dng-sidepanemenu { margin: 0; padding: 0; list-style: none; text-align: left; display: inline-block; vertical-align: middle; width: 100%; white-space: normal; }

    .dng-sidepanemenu .dropdown { margin: 0; padding: 0 15px; list-style: none; }

    .dng-sidepanemenu ul { margin: 0; }

    .dng-sidepanemenu li { list-style: none; text-align: center; }

        .dng-sidepanemenu li.dir a { position: relative; }

        .dng-sidepanemenu li a { padding: 0 0px 0 0px; display: inline-block; line-height: 40px; text-align: center; }

    .dng-sidepanemenu .menu_arrow { width: 20px; cursor: pointer; position: absolute; display: inline-block; vertical-align: middle; line-height: 21px; top: 1px; left: 100%; font-size: 0px; text-indent: 100px; overflow: hidden; }

        .dng-sidepanemenu .menu_arrow:after { content: ""; display: block; width: 6px; height: 6px; border-bottom: 1px solid; border-left: 1px solid; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -1px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: transform ease-in 200ms, border-color ease-in 200ms; transition: transform ease-in 200ms, border-color ease-in 200ms; -webkit-transform-origin: center; transform-origin: center; }

        .dng-sidepanemenu .menu_arrow:before { content: "."; width: 0; overflow: hidden; display: block; }

        .dng-sidepanemenu .menu_arrow.arrow_closed:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

    .dng-sidepanemenu li.dir > ul { display: none; }

    .dng-sidepanemenu li.current > ul { display: block; }

    .dng-sidepanemenu .menu_list li li a { font-size: 13px; }

    .dng-sidepanemenu a:hover { text-decoration: none; }

    .dng-sidepanemenu .widget { text-align: center }



/*search popup*/

.search-popup-box-active { overflow: hidden; }


.search-popup-box { position: relative; }

@media only screen and (max-width: 767px) {
    .search-popup-box .popup-reveal { display: none !important; }
}

.search-popup-box .popup-content { position: fixed; top: 0; left: 0; background-color: rgba(255, 255, 255, 1); z-index: 1000; display: table; table-layout: fixed; height: 100%; width: 100%; color: #666; }
    .search-popup-box .popup-content::before { content: "Search"; font-size: 200px; position: absolute; left: 50%; top: 50%; color: #000; opacity: 0.03; font-weight: 500; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); pointer-events: none; }
    .search-popup-box .popup-content.color-dark::before { color: #FFF; }


    .search-popup-box .popup-content.color-dark { background-color: #2c5cda; }

.search-popup-box .icon { font-size: 16px; position: relative; cursor: pointer; display: inline-block; vertical-align: middle; -webkit-transition: color ease-in 300ms; transition: color ease-in 300ms; }

.search-popup-box .magnifier,
.popup-search-box .magnifier { width: 22px; height: 22px; display: inline-block; vertical-align: middle; position: relative; }

    .search-popup-box .magnifier:after,
    .popup-search-box .magnifier:after { content: ""; width: 17px; height: 17px; position: absolute; top: 2px; left: 1px; border: 2px solid; border-radius: 50%; }

    .search-popup-box .magnifier:before,
    .popup-search-box .magnifier:before { content: ""; width: 7px; position: absolute; bottom: 0px; right: 4px; border-bottom: 2px solid; -webkit-transform: rotate(48deg); transform: rotate(48deg); -webkit-transform-origin: right bottom; transform-origin: right bottom; }

    .search-popup-box .magnifier i,
    .popup-search-box .magnifier i { position: absolute; top: 0; left: 0; width: 20px; height: 20px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform ease-in 300ms; transition: transform ease-in 300ms; display: block; margin: 0; }

        .search-popup-box .magnifier i:after,
        .search-popup-box .magnifier i:before,
        .popup-search-box .magnifier i:after,
        .popup-search-box .magnifier i:before { position: absolute; content: ""; }

        .search-popup-box .magnifier i:after,
        .popup-search-box .magnifier i:after { border-left: 1px solid; height: 7px; width: 0; top: 7px; left: 9px; }

        .search-popup-box .magnifier i:before,
        .popup-search-box .magnifier i:before { border-bottom: 1px solid; height: 0px; width: 7px; top: 10px; left: 6px; }

    .search-popup-box .magnifier:hover i,
    .popup-search-box .magnifier:hover i,
    .popup-search-box .icon:hover .magnifier i { -webkit-transform: scale(1); transform: scale(1); }

.search-popup-box .popup-center { text-align: center; display: table-cell; vertical-align: middle; width: 100%; -webkit-transition: all ease-in 200ms 0ms; transition: all ease-in 200ms 0ms; }

.search-popup-box .icon > span { display: inline-block; vertical-align: middle; }

span[id*="ClassicSearch"] { position: relative; display: inline-block; width: 846px; max-width: 80%; }

.search-popup-box .searchInputContainer { display: inline-block; position: relative; width: 100%; margin: 0; }

.search-popup-box .NormalTextBox { width: 100%; background: none; border: none; border-bottom: 1px solid #666; font-size: 20px; color: #333; padding: 25px 60px; outline: none; text-align: center; font-weight: 600; font-size: 24px; }

.search-popup-box ul.searchSkinObjectPreview { width: 100%; text-align: left; }


.search-popup-box .color-dark .NormalTextBox { color: #fff; border-bottom-color: #FFF; }


.search-popup-box .color-dark .search { color: #FFF; }

.search-popup-box .color-dark .popup-close { color: #FFF; }

.search-popup-box a.search { position: absolute; right: 0px; top: 50%; margin-top: -14px; font-size: 26px; color: #666666; border: none; background: none; outline: none; width: auto; height: auto; width: 40px; height: 25px; transition: color ease-in 200ms; -moz-transition: color ease-in 200ms; /* Firefox 4 */ -webkit-transition: color ease-in 200ms; /* Safari and Chrome */ -o-transition: color ease-in 200ms; /* Opera */ -ms-transition: color ease-in 200ms; /* IE9? */ }

    .search-popup-box a.search:before { content: ""; border-right: 1px solid #666666; border-top: 1px solid #666666; width: 9px; height: 9px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 7px; left: 23px; }
.search-popup-box .color-dark a.search:before { border-color: #FFF; }
.search-popup-box a.search:after { content: ""; border-top: 1px solid rgba(0,0,0,0.8); width: 28px; position: absolute; left: 4px; top: 11px; }
.search-popup-box .color-dark a.search:after { border-color: rgba(255,255,255,0.8); }

.search-popup-box a.search:hover { color: #2c5cda; text-decoration: none; }

.search-popup-box .popup-close { position: absolute; right: 39px; top: 25px; cursor: pointer; font-size: 28px; z-index: 10; }

    .search-popup-box .popup-close:hover { color: #2c5cda; }

.search-popup-box .info { color: #666666; font-size: 15px; }
.search-popup-box .searchInputContainer a.dnnSearchBoxClearText { right: 50px; top: 23px; }




@media only screen and (max-width: 767px) {
    .search-popup-box .NormalTextBox { padding: 13px 35px 13px 0px; font-size: 16px; font-weight: normal; text-align: left; border-radius: 0; }
    .search-popup-box a.search { font-size: 20px; margin-top: -13px; margin-right: -5px; }
    .search-popup-box .popup-content:before { font-size: 100px; }
    .search-popup-box span[id*="ClassicSearch"] { max-width: 82%; }
    .search-popup-box .searchInputContainer a.dnnSearchBoxClearText { top: 11px; }
}


@-webkit-keyframes anim-popup-top {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

    35%, 65% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}

@keyframes anim-popup-top {
    0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

    35%, 65% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    100% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}



@-webkit-keyframes anim-popup-top-content {

    0%, 25% { opacity: 0; -webkit-transform: translate3d(0, -25px, 0); transform: translate3d(0, -25px, 0); }

    65% { opacity: 1; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }

    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes anim-popup-top-content {

    0%, 25% { opacity: 0; -webkit-transform: translate3d(0, -25px, 0); transform: translate3d(0, -25px, 0); }

    65% { opacity: 1; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }

    100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@-webkit-keyframes anim-popup-out {
    0% { top: 0; }

    100% { opacity: 0; top: 0; }
}

@keyframes anim-popup-out {
    0% { top: 0; }

    100% { opacity: 0; top: 0; }
}

@-webkit-keyframes anim-popup-in {

    0%, 25% { opacity: 0; }

    65%, 100% { opacity: 1; }
}

@keyframes anim-popup-in {

    0%, 25% { opacity: 0; }

    65%, 100% { opacity: 1; }
}

.search-popup-box.hide { display: none; }

.search-popup-box .popup-content { -webkit-animation: none; animation: none; top: -100%; }

    .search-popup-box .popup-content.loaded { -webkit-animation: anim-popup-out .3s ease-in; animation: anim-popup-out .3s ease-in; }

    .search-popup-box .popup-content.active { -webkit-animation: anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; animation: anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; }

        .search-popup-box .popup-content.active .popup-center { -webkit-animation: anim-popup-top-content 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; animation: anim-popup-top-content 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; }

        .search-popup-box .popup-content.active .popup-close { -webkit-animation: anim-popup-in 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; animation: anim-popup-in 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; }

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

    .search-popup-box .popup-content,
    .search-popup-box .popup-content.active { top: 0; }

        .search-popup-box .popup-content,
        .search-popup-box .popup-content.active,
        .search-popup-box .popup-content .popup-center,
        .search-popup-box .popup-content.active .popup-center,
        .search-popup-box .popup-content.active .popup-close { -webkit-animation: none !important; animation: none !important; }
}


.search-text { border-bottom: 1px solid rgba(0, 0, 0, 0.9); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); height: 36px; }

    .search-text .NormalTextBox { background: none; border: none; padding: 5px 5px; font-size: 13px; width: 180px; outline: none; color: #333333; height: 36px; line-height: 26px; font-weight: 600; }

    .search-text .search { background: none; border: none; padding: 4px 12px; color: inherit; color: #333333; margin-right: -5px; height: 36px; line-height: 28px; }

        .search-text .search span { vertical-align: middle; }

    .search-text.color-light { border-bottom: 1px solid rgba(255, 255, 255, 0.9); }

        .search-text.color-light .NormalTextBox,
        .search-text.color-light .search { color: #fff; }

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

    /* search-popup-box */
    .search-popup-box .popup-close { right: 13px; top: 0; height: 64px; line-height: 64px; transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important; -moz-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important; /* Firefox 4 */ -webkit-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important; /* Safari and Chrome */ -o-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important; /* Opera */ -ms-transition: color ease-in 200ms, opacity ease-in 200ms 200ms !important; /* IE9? */ z-index: 1; }

        .search-popup-box .popup-close .lnr { line-height: 64px; }

    .search-popup-box .popup-reveal { display: none; }

    .search-popup-box .popup-content { opacity: 0; visibility: hidden; color: #666; transform: translateX(0%); -ms-transform: translateX(0%); /* Internet Explorer */ -moz-transform: translateX(0%); /* Firefox */ -webkit-transform: translateX(0%); /* Safari 和 Chrome */ -o-transform: translateX(0%); /* Opera */ transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; }

        .search-popup-box .popup-content.active { opacity: 1; visibility: visible; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; }

        .search-popup-box .popup-content .popup-center { transform: scale(1.1) !important; -ms-transform: scale(1.1) !important; /* Internet Explorer */ -moz-transform: scale(1.1) !important; /* Firefox */ -webkit-transform: scale(1.1) !important; /* Safari 和 Chrome */ -o-transform: scale(1.1) !important; /* Opera */ transition-delay: 0ms !important; -moz-transition-delay: 0ms !important; /* Firefox 4 */ -webkit-transition-delay: 0ms !important; /* Safari 和 Chrome */ -o-transition-delay: 0ms !important; /* Opera */ -ms-transition-delay: 0ms !important; /* IE9? */ transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); -moz-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); /* Firefox 4 */ -webkit-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); /* Safari 和 Chrome */ -o-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); /* Opera */ -ms-transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); /* IE9? */ }

        .search-popup-box .popup-content.active .popup-center { transform: scale(1) !important; }
}




/*html*/

.header-content-wrap .header-line { display: inline-block; border-left: 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; }

.header-content-wrap .search-popup-box .icon { margin: 0 0 2px; padding: 0px; }

.dng-overlay { position: fixed; top: -100%; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); z-index: 1005; }

.header-content-wrap .dng-overlay { display: none; }

.dng-overlay.loaded { -webkit-animation: anim-popup-out .3s ease-in backwards; animation: anim-popup-out .3s ease-in backwards; }

.dng-overlay.active { -webkit-animation: anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; animation: anim-popup-top 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; }

    .dng-overlay.active > .overlay-close { -webkit-animation: anim-popup-in 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; animation: anim-popup-in 1.5s cubic-bezier(0.2, 1, 0.3, 1) both; }

.dng-overlay .overlay-menu { display: block; position: absolute; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; -o-perspective: 1000; perspective: 1000; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }

.dng-overlay .mm-menu.mm-theme-black { background-color: transparent }

.dng-overlay .mm-menu,
.dng-overlay .mm-listview { line-height: 1.2; }

.dng-overlay .mm-menu { width: 450px; min-width: inherit; max-width: inherit; left: 50%; bottom: 0; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: transparent; }

    .dng-overlay .mm-menu .mm-panels { overflow: visible !important; }

        .dng-overlay .mm-menu .mm-panels > .mm-panel { bottom: auto; }

    .dng-overlay .mm-menu .mm-panel.mm-opened { box-shadow: none; }

.dng-overlay .mm-panel { transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-height: 100%; overflow: hidden !important; padding: 0; }

.dng-overlay .mm-listview { max-height: 100%; overflow-y: auto; padding-bottom: 40px; }

.dng-overlay .mm-panel { padding-top: 40px; }

    .dng-overlay .mm-panel.mm-hidden { display: block !important; opacity: 0 !important; visibility: hidden !important; }

    .dng-overlay .mm-panel.mm-opened,
    .dng-overlay .mm-panel.mm-highest.mm-opened { -webkit-transform: translateX(0) rotateY(0deg) translateY(-50%); transform: translateX(0) rotateY(0) translateY(-50%); opacity: 1; -webkit-transform-origin: center; transform-origin: center; }

    .dng-overlay .mm-panel.mm-hidden,
    .dng-overlay .mm-panel.mm-highest { -webkit-transform: translateX(100%) rotateY(0) translateY(-50%); transform: translateX(100%) rotateY(0) translateY(-50%); opacity: 0; -webkit-transform-origin: left center; transform-origin: left center; }

    .dng-overlay .mm-panel.mm-subopened { -webkit-transform: translateX(-100%) rotateY(0) translateY(-50%); transform: translateX(-100%) rotateY(0) translateY(-50%); opacity: 0; -webkit-transform-origin: right center; transform-origin: right center; }

.dng-overlay .mm-menu .mm-listview,
.dng-overlay .mm-menu .mm-navbar a,
.dng-overlay .mm-menu .mm-navbar > * { color: #FFF; font-size: 30px; text-align: center; }

.dng-overlay .mm-listview > li > a,
.dng-overlay .mm-listview > li > span { padding: 0; }

.dng-overlay .mm-menu .mm-listview > li .mm-next:after { }

.dng-overlay .mm-listview .mm-next + a,
.dng-overlay .mm-listview .mm-next + span { margin: 0; }

.dng-overlay .mm-next:after { -webkit-transform: rotate(0); transform: rotate(0); font-size: 22px; line-height: 22px; width: auto; height: 25px; right: 20px; line-height: 1 !important; content: "..."; letter-spacing: 4px; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; -moz-transition: color ease-in 200ms; /* Firefox 4 */ -webkit-transition: color ease-in 200ms; /* Safari and Chrome */ -o-transition: color ease-in 200ms; /* Opera */ -ms-transition: color ease-in 200ms; /* IE9? */ transition: color ease-in 200ms; }

.dng-overlay .mm-prev:before { content: "\e943"; font-family: linearicons !important; -webkit-transform: rotate(0); transform: rotate(0); font-size: 22px; line-height: 22px; width: 25px; height: 25px; display: none; }

.dng-overlay .mm-navbar { height: auto; }

.dng-overlay .mm-title { font-size: 0 !important; }

.dng-overlay .visibility-hidden .mm-title { visibility: hidden; opacity: 0; transform: translate(0, 40px); }

    .dng-overlay .visibility-hidden .mm-title.animatebottom { visibility: visible; opacity: 1; transform: translate(0, 0); -moz-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; /* Firefox 4 */ -webkit-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; /* Safari and Chrome */ -o-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; /* Opera */ -ms-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; /* IE9? */ transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; }

.dng-overlay .mm-panels .mm-hidden .mm-title { opacity: 0 !important; visibility: hidden !important; }

.dng-overlay .mm-title:after { line-height: 1 !important; content: "..."; letter-spacing: 4px; font-family: Arial, Helvetica, sans-serif !important; font-size: 18px !important; -moz-transition: color ease-in 200ms; /* Firefox 4 */ -webkit-transition: color ease-in 200ms; /* Safari and Chrome */ -o-transition: color ease-in 200ms; /* Opera */ -ms-transition: color ease-in 200ms; /* IE9? */ transition: color ease-in 200ms; }

.dng-overlay .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next),
.dng-overlay .mm-menu .mm-listview > li.mm-selected > span { background-color: transparent; }

.dng-overlay .overlay-close { font-size: 24px; color: #FFF; position: absolute; right: 50px; top: 50px; cursor: pointer; }

.dng-overlay .mm-panels > .mm-panel > .mm-listview:first-child,
.dng-overlay .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: 0; }

.dng-overlay .visibility-hidden li { visibility: hidden; opacity: 0; transform: translate(0, 40px); }

.dng-overlay .mm-listview > li { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

    .dng-overlay .mm-listview > li.animatebottom { visibility: visible; opacity: 1; transform: translate(0, 0); -moz-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; /* Firefox 4 */ -webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; /* Safari and Chrome */ -o-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; /* Opera */ -ms-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; /* IE9? */ transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; }

.dng-overlay .mm-panels.visibility-hidden .mm-hidden li { opacity: 0 !important; visibility: hidden !important; }

.dng-overlay .widget { visibility: hidden; opacity: 0; /*	transform: translate(0,40px);*/ }

    .dng-overlay .widget.animatebottom { visibility: visible; opacity: 1; /*	transform: translate(0,0);*/ -moz-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; /* Firefox 4 */ -webkit-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; /* Safari and Chrome */ -o-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; /* Opera */ -ms-transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; /* IE9? */ transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 750ms; }

.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 i:after { content: ""; border-bottom: 2px solid; left: 1px; right: 1px; top: 3px; position: absolute; -webkit-transform-origin: center; transform-origin: center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -moz-transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, -moz-transform ease-in 200ms; /* Firefox 4 */ -webkit-transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, -webkit-transform ease-in 200ms; /* Safari and Chrome */ -o-transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, -o-transform ease-in 200ms; /* Opera */ -ms-transition: top ease-in 200ms, width ease-in 200ms, bottom ease-in 200ms, opacity ease-in 200ms, -ms-transform ease-in 200ms; /* IE9? */ 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 i: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 i:after { transform: rotate(0); }

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

.sidebar_sticky { position: relative; }

    .sidebar_sticky:after { content: ""; display: block; width: 100%; overflow: hidden; clear: both; }

div.header-position,
header.header-position { position: absolute; top: 0; }

.page-title-bg div.header-position,
.page-title-bg header.header-position { position: relative; top: 0; }
.header-content-wrap .overlay-menu { display: none; }

/*icon-line-animate*/
.icon-line-animate { width: 28px; height: 20px; position: relative; display: inline-block; vertical-align: middle; font-size: 16px; -webkit-transition: -webkit-transform 300ms cubic-bezier(0.65, 0.05, 0.36, 1); transition: transform 300ms cubic-bezier(0.65, 0.05, 0.36, 1); cursor: pointer; color: #333333; }

    .icon-line-animate i { position: absolute; width: 22px; left: 0px; border-bottom: 2px solid; display: block; -webkit-transition: all 300ms cubic-bezier(0.65, 0.05, 0.36, 1); transition: all 300ms cubic-bezier(0.65, 0.05, 0.36, 1); }

    .icon-line-animate .l_1 { top: 0px; }
    .icon-line-animate .l_2 { top: 9px; left: auto; right: 0; width: 25px; }
    .icon-line-animate .l_3 { bottom: 0px; top: auto; }
    .icon-line-animate:not(.active):hover .l_1,
    .menu-icon:hover .icon-line-animate:not(.active) .l_1 { left: 3px; }

    .icon-line-animate:not(.active):hover .l_2,
    .menu-icon:hover .icon-line-animate:not(.active) .l_2 { right: 3px; width: 22px; }
    .icon-line-animate:not(.active):hover .l_3,
    .menu-icon:hover .icon-line-animate:not(.active) .l_3 { left: 3px; }
    .icon-line-animate.active .l_1 { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 9px; left: 0px; width: 26px; }
    .icon-line-animate.active .l_3 { -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: 9px; left: 0px; width: 26px; }
    .icon-line-animate.active .l_2 { opacity: 0; width: 0; right: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }


/*header side nav*/
.headersidenav { position: fixed; left: 0; top: 0; height: 100vh; z-index: 1011; background-color: #FFF; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }

@media only screen and (max-width: 992px) {
    .headersidenav { display: none }
}

.headersidenav .sidenav-top { position: absolute; top: 30px; left: 0; width: 100%; text-align: center; padding: 0 8px; }

.headersidenav .sidenav-bottom { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; }
.writing-mode-vertical { writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; }
.headersidenav .writing-mode-vertical { display: inline; }

.headersidenav .sidenav-middle { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.leftslidemenu { position: fixed; top: 0px; left: 100px; z-index: 1010; visibility: hidden; opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; transition-delay: 0; }
    .leftslidemenu + .slide-shade { content: ""; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-color: #2c5cda; z-index: 1000; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; transition-delay: 300ms; opacity: .9; }
    .leftslidemenu.active + .slide-shade { -webkit-transform: translateX(0); transform: translateX(0); transition-delay: 0ms; }

    .leftslidemenu.active { visibility: visible; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); transition-delay: 400ms; }

    .leftslidemenu .dropdown { position: static; background-color: #FFF; display: flex; justify-content: center; flex-direction: column; height: 100vh; margin: 0; list-style: none; }

        .leftslidemenu .dropdown ul { position: absolute; top: 0; left: 100%; height: 100vh; display: flex; justify-content: center; flex-direction: column; margin: 0; padding: 0; opacity: 0; transform: translateX(-100%); visibility: hidden; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; z-index: -1; list-style: none; }

            .leftslidemenu .dropdown ul::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #f9f9f9; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); }

        .leftslidemenu .dropdown li:hover > ul { opacity: 1; transform: translateX(0); visibility: visible; }

        .leftslidemenu .dropdown li a { opacity: 0; -webkit-transform: translateX(-60px); transform: translateX(-60px); -webkit-transition: -webkit-transform 400ms ease-in-out,opacity 400ms ease-in-out; transition: transform 400ms ease-in-out,opacity 400ms ease-in-out; -webkit-transition-delay: 600ms; transition-delay: 600ms; }
        .leftslidemenu .dropdown li li a { -webkit-transition-delay: 300ms; transition-delay: 300ms; }
    .leftslidemenu li:hover > ul > li > a,
    .leftslidemenu.active .dropdown > li > a { opacity: 1; visibility: visible; transform: none; }

    /**/

    .leftslidemenu a { display: block; padding: 22px 60px; white-space: nowrap; min-width: 475px; position: relative; }

        .leftslidemenu a,
        .leftslidemenu a:link,
        .leftslidemenu a:visited { font-size: 22px; color: inherit; font-weight: 500; }

            .leftslidemenu a:hover { text-decoration: none; color: inherit; }

    .leftslidemenu .menu_arrow { position: absolute; right: 60px; top: 50%; color: transparent; width: 0px; height: 15px; margin-top: -5px; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; margin-right: 11px; }
        .leftslidemenu .menu_arrow::before { content: ""; width: 11px; height: 11px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 0; border-right: 1px solid #707070; border-bottom: 1px solid #707070; position: absolute; right: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; top: 0; }
        .leftslidemenu .menu_arrow::after { content: ""; width: 30px; border-top: 1px solid #707070; position: absolute; top: 5px; right: 0px; width: 100%; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
    .leftslidemenu li:hover > a > .menu_arrow { width: 30px; margin-right: 0 }
        .leftslidemenu li:hover > a > .menu_arrow::before { -webkit-transform: rotate(-45deg) scale(0.85); transform: rotate(-45deg) scale(0.85); }
    .leftslidemenu li { color: #333; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
        .leftslidemenu li:hover,
        .leftslidemenu li.current { color: #fd4ea5; }
            .leftslidemenu li:hover > a .menu_arrow::before,
            .leftslidemenu li:hover > a .menu_arrow::after,
            .leftslidemenu li.current > a .menu_arrow::before,
            .leftslidemenu li.current > a .menu_arrow::after { border-color: #fd4ea5; }



/*leftslidesearch*/
.search-popup-box.leftslidesearch .popup-content { top: 0; left: -100%; -webkit-animation: none; animation: none; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
    .search-popup-box.leftslidesearch .popup-content.active { top: 0; left: 0; }
    .search-popup-box.leftslidesearch .popup-content .popup-center { -webkit-animation: none; animation: none; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; -webkit-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; }
    .search-popup-box.leftslidesearch .popup-content:after { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; opacity: 0; margin-left: -100px; }
    .search-popup-box.leftslidesearch .popup-content.active .popup-center { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; transition-delay: 300ms; }
    .search-popup-box.leftslidesearch .popup-content.active:after { opacity: 0.03; margin-left: 0; transition-delay: 350ms; }

.sidenav-bottom { color: #333; }


/*popup menu*/
.popup-menu-wrap { width: 100px; height: 100px; background-color: #2c5cda; text-align: center; display: inline-block; transition: width ease-out 250ms,height ease-out 250ms; }
    .popup-menu-wrap .icon-line-animate { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; color: #fff; }
    .popup-menu-wrap .menu-icon { width: 100%; height: 100%; cursor: pointer; position: relative; }
.floating-active .popup-menu-wrap { width: 70px; height: 70px; }

.popup-menu.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.popup-menu .pagetitle { font-size: 200px; color: rgba(255,255,255,0.05); position: absolute; left: 0; bottom: -10px; pointer-events: none; line-height: 0.58; font-weight: 600; white-space: nowrap; }
.popup-menu { -webkit-transition: all 300ms cubic-bezier(0.65, 0.05, 0.36, 1); transition: all 300ms cubic-bezier(0.65, 0.05, 0.36, 1); visibility: hidden; opacity: 0; -webkit-transform: translateY(-200px); transform: translateY(-200px); z-index: 900; position: fixed; left: 0; top: 0; width: 100%; background: #2c5cda; padding: 237px 40px 0px; min-height: 500px; text-align: left; color: #fff; height: 898px; overflow: hidden; }
    .popup-menu h1,
    .popup-menu h2,
    .popup-menu h3,
    .popup-menu h4,
    .popup-menu h5,
    .popup-menu h6,
    .popup-menu a { color: #fff; }
    .popup-menu p { margin-bottom: 10px; }

    .popup-menu .dropdown { padding: 0; margin: 0px; list-style: none; display: inline-block; }
        .popup-menu .dropdown a,
        .popup-menu .dropdown a:link { color: #ffffff; font-size: 28px; font-weight: 600; -webkit-transition: all ease-in 200ms; transition: all ease-in 200ms; }
        .popup-menu .dropdown > li { position: relative; }
            .popup-menu .dropdown > li > a { display: block; overflow: hidden; padding: 22px 50px 22px 0; margin-right: 30px; }
        .popup-menu .dropdown a:hover,
        .popup-menu .dropdown a.active,
        .popup-menu .dropdown li.current > a { color: #fd4ea5; text-decoration: none; }
        .popup-menu .dropdown > li > a > span { position: relative; }
        .popup-menu .dropdown > li.dir > a > span::after { content: ""; position: absolute; left: 100%; width: 200px; min-width: 100%; margin-left: 30px; border-bottom: 1px solid #FFF; top: 50%; -webkit-transition: all ease-in 200ms; transition: all ease-in 200ms; opacity: 0; visibility: hidden; }
        .popup-menu .dropdown > li.dir:hover > a > span::after,
        .popup-menu .dropdown > li.current > a > span::after { opacity: 1; visibility: visible; }
    .popup-menu .menu_arrow { display: none; }

    .popup-menu .dropdown ul { position: absolute; left: 100%; top: 21px; margin: 0; padding: 0px; width: 640px; visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all ease-in 200ms; transition: all ease-in 200ms; }
        .popup-menu .dropdown ul > li { margin: 0 40px 18px 0; }

        .popup-menu .dropdown ul a,
        .popup-menu .dropdown ul a:link { font-size: 20px; font-weight: 500; }

        .popup-menu .dropdown ul li { display: inline-block; position: relative; }

    .popup-menu li:hover > a,
    .popup-menu li:hover > a:link { color: #fd4ea5; }
        .popup-menu li:hover > a > .menu_arrow { width: 50px; }
    .popup-menu li li > a > .menu_arrow { display: none; }

    .popup-menu li:hover > ul { visibility: visible; opacity: 1; }
    .popup-menu li:hover > ul,
    .popup-menu li.current > ul { opacity: 1; visibility: visible; transform: none; -webkit-transition-delay: 200ms; transition-delay: 200ms; }
    .popup-menu .dropdown ul ul { padding: 0; left: 0; top: 100%; background: #2c5cda; padding: 24px 0px; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 2; width: auto; margin-top: 20px; }
        .popup-menu .dropdown ul ul::after { content: ""; width: 9px; height: 9px; position: absolute; background-color: inherit; top: -6px; left: 30px; box-shadow: -2px -2px 4px -2px rgba(0,0,0,0.2); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

        .popup-menu .dropdown ul ul li { display: block; white-space: nowrap; margin: 0; padding: 5px 30px; }
        .popup-menu .dropdown ul ul a,
        .popup-menu .dropdown ul ul a:link { font-size: 18px; font-weight: 400; }
        .popup-menu .dropdown ul ul::before { content: ""; top: -25px; left: -25px; bottom: -25px; right: -25px; position: absolute; }
        .popup-menu .dropdown ul ul ul { top: 0px; left: 100%; margin: -24px 0 0 32px; }

            .popup-menu .dropdown ul ul ul::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: -4px; top: 38px; }

/*popup search*/

.popup-search-box > .icon { width: 100px; height: 100px; background-color: #fd4ea5; position: relative; cursor: pointer; transition: width ease-out 250ms,height ease-out 250ms; }
.floating-active .popup-search-box > .icon { width: 70px; height: 70px; }
.popup-search-box > .icon .magnifier { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #fff; }
.popup-search-box .popup-content { position: fixed; top: 0; left: 0; width: 100%; background-color: #2c5cda; padding: 230px 0 200px; z-index: -1; text-align: center; visibility: hidden; opacity: 0; -webkit-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all 300ms cubic-bezier(0.65, 0.05, 0.36, 1); transition: all 300ms cubic-bezier(0.65, 0.05, 0.36, 1); z-index: 900; }
    .popup-search-box .popup-content.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.popup-search-box .NormalTextBox { height: 72px; line-height: 72px; border: none; border-bottom: 1px solid #ffffff; background: none; width: 893px; max-width: 100%; text-align: center; font-size: 24px; color: #FFF; opacity: 1; font-weight: 600; }
    .popup-search-box .NormalTextBox::-webkit-input-placeholder { opacity: 1 !important; }
    .popup-search-box .NormalTextBox:-moz-placeholder { opacity: 1 !important; }
    .popup-search-box .NormalTextBox::-moz-placeholder { opacity: 1 !important; }
    .popup-search-box .NormalTextBox:-ms-input-placeholder { opacity: 1 !important; }
    .popup-search-box .NormalTextBox:placeholder { opacity: 1 !important; }

.popup-search-box span[id*="ClassicSearch"] { width: auto; max-width: inherit; }
.popup-search-box .popup-content::before { content: "Search"; font-size: 200px; font-weight: 500; color: rgba(255,255,255,0.05); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); pointer-events: none; line-height: 1; }
.popup-search-box a.search { position: absolute; right: -10px; top: 50%; margin-top: -10px; font-size: 26px; color: #ffffff; border: none; background: none; outline: none; width: auto; height: auto; width: 40px; height: 25px; -webkit-transition: color ease-in 200ms; transition: color ease-in 200ms; }
    .popup-search-box a.search:before { content: ""; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; width: 9px; height: 9px; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 7px; left: 23px; border-radius: 0 2px 0 0; }
    .popup-search-box a.search:after { content: ""; border-top: 1px solid rgba(255,255,255,0.9); width: 28px; position: absolute; left: 4px; top: 11px; }

.popup-search-box .searchInputContainer a.dnnSearchBoxClearText { right: 50px; top: 23px; }
.popup-search-box ul.searchSkinObjectPreview { width: 100%; text-align: left; }



/*menu3dpopup*/

.has-menu-3d-popup .dng-main { overflow: visible; }
.menu-3d-popup-main { position: fixed; left: 0; top: 0; height: 100vh; overflow: hidden; opacity: 0; visibility: hidden; width: 100%; -webkit-transform: translateX(-50px); transform: translateX(-50px); }
    .menu-3d-popup-main .container { margin: auto; }
    .menu-3d-popup-box .icon,
    .menu-3d-popup-main .menu-3d-popup-close { width: 47px; height: 47px; background-color: #FFF; border-radius: 50%; position: relative; cursor: pointer; color: #2c5cda; }
    .menu-3d-popup-main .menu-3d-popup-close { background-color: transparent; top: 24px; left: 94px; }
        .menu-3d-popup-box .icon::after,
        .menu-3d-popup-box .icon::before,
        .menu-3d-popup-main .menu-3d-popup-close::after,
        .menu-3d-popup-main .menu-3d-popup-close::before,
        .menu-3d-popup-box .icon span::after { content: ""; border-bottom: 2px solid currentColor; width: 20px; position: absolute; left: 14px; top: 15px; -webkit-transition: all ease-in 200ms; transition: all ease-in 200ms; }
.menu-3d-popup-box .icon span::after { top: 23px; }
.menu-3d-popup-box .icon::before { top: 31px; }

.menu-3d-popup-box .icon:hover::after,
.menu-3d-popup-box .icon.active::after,
.menu-3d-popup-main .menu-3d-popup-close::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 24px; left: 12px; top: 23px; }
.menu-3d-popup-box .icon:hover::before,
.menu-3d-popup-box .icon.active::before,
.menu-3d-popup-main .menu-3d-popup-close::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 24px; top: 23px; left: 12px; }
.menu-3d-popup-box .icon:hover span::after,
.menu-3d-popup-box .icon.active span::after { width: 0; left: 23px; }

.menu-3d-popup-close { width: 47px; height: 47px; background-color: #FFF; border-radius: 50%; }
.popup-animate-1 .menu-3d-popup-main,
.popup-animate-1 header.header-wrap,
.popup-animate-1 .fixed-widget-list { -webkit-transition: all 300ms ease-in-out !important;; transition: all 300ms ease-in-out !important;; }
.popup-animate-2 header.header-wrap { opacity: 0; -webkit-transform: translateY(-50px) !important;; transform: translateY(-50px) !important;; }
.popup-animate-2 .fixed-widget-list { opacity: 0; -webkit-transform: translateY(50px) !important;; transform: translateY(50px) !important;; }

.popup-animate-3 form { -webkit-perspective: 2000px; perspective: 2000px; }
.popup-animate-3 body { height: 100vh; overflow: hidden; background-color: #d3f8ff; }
.popup-animate-3 .dng-main { -webkit-transform-origin: right center; transform-origin: right center; height: 100vh; overflow: hidden; overflow-y: auto; }
.popup-animate-4 .dng-main { -webkit-transform: rotateY(-55deg); transform: rotateY(-55deg); }

.popup-animate-4 .menu-3d-popup-main { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); }
.menu-3d-popup-main .popup-top { position: absolute; top: 30px; }
.menu-3d-popup-main .popup-center { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.menu-3d-popup-main .popup-bottom { position: absolute; bottom: 50px; }
    .menu-3d-popup-main .popup-bottom p { margin-bottom: 2px; }

.menu-3d-popup-main .multi_menu .dropdown { list-style: none; margin: 0; padding: 0; }
    .menu-3d-popup-main .multi_menu .dropdown > li { margin-bottom: 40px; position: relative; }
        .menu-3d-popup-main .multi_menu .dropdown > li > a { color: #333333; font-size: 32px; font-weight: 600; position: relative; display: block; overflow: hidden; padding: 0px 53px 10px 10px; margin: 0 30px -10px -10px; }
            .menu-3d-popup-main .multi_menu .dropdown > li > a:hover { text-decoration: none; }
        .menu-3d-popup-main .multi_menu .dropdown > li.dir > a > span::after { content: ""; width: 200px; left: 100%; top: 21px; position: absolute; border-bottom: 1px solid #fd4fa5; margin-left: 20px; opacity: 0; visibility: hidden; -webkit-transform: translateX(100px); transform: translateX(100px); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
        .menu-3d-popup-main .multi_menu .dropdown > li.dir:hover > a > span::after { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); }


        .menu-3d-popup-main .multi_menu .dropdown > li > a span { margin: 0px; padding: 0px; }
            .menu-3d-popup-main .multi_menu .dropdown > li > a span svg { bottom: -2px !important; }

.menu-3d-popup-main .multi_menu ul ul { margin: 0; padding: 0; position: absolute; left: 100%; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transform: translateX(20px); transform: translateX(20px); }
    .menu-3d-popup-main .multi_menu ul ul::before { content: ""; position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; z-index: -1; }

.menu-3d-popup-main .multi_menu .dropdown > li > ul { min-width: 400px; max-width: 50vw; -webkit-transition-delay: 300ms; transition-delay: 300ms; }
    .menu-3d-popup-main .multi_menu .dropdown > li > ul > li { display: inline-block; margin: 0 30px 18px 0; position: relative; }
        .menu-3d-popup-main .multi_menu .dropdown > li > ul > li > a { font-size: 20px; color: #333333; font-weight: 500; }
            .menu-3d-popup-main .multi_menu .dropdown > li > ul > li > a > span { padding-right: 8px; }
            .menu-3d-popup-main .multi_menu .dropdown > li > ul > li > a svg { bottom: -4px !important; }
            .menu-3d-popup-main .multi_menu .dropdown > li > ul > li > a:hover { text-decoration: none; }

.menu-3d-popup-main .multi_menu .dropdown li li ul { background-color: #fd4ea5; white-space: nowrap; padding: 22px 0; position: absolute; top: 100%; left: 0; margin-top: 24px; box-shadow: 0 0 10px rgba(0,0,0,.3); z-index: 10; -webkit-transform: translateY(20px); transform: translateY(20px); }
    .menu-3d-popup-main .multi_menu .dropdown li li ul::after { content: ""; width: 10px; height: 10px; background-color: inherit; position: absolute; top: -5px; left: 36px; -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: -3px -3px 4px rgba(0,0,0,.1); }
    .menu-3d-popup-main .multi_menu .dropdown li li ul ul { left: 100%; top: 0; margin: 0 0 0 38px; -webkit-transform: translateX(20px); transform: translateX(20px); }
.menu-3d-popup-main .multi_menu li:hover > ul { -webkit-transform: none !important; transform: none !important; opacity: 1; visibility: visible; }

.menu-3d-popup-main .multi_menu .dropdown li li ul ul::after { left: -5px; top: 36px; box-shadow: -3px 3px 4px rgba(0,0,0,.1); }
.menu-3d-popup-main .multi_menu .dropdown li li ul li { display: block; padding: 5px 32px; }
.menu-3d-popup-main .multi_menu .dropdown li li ul a { color: #FFF; }
    .menu-3d-popup-main .multi_menu .dropdown li li ul a:hover,
    .menu-3d-popup-main .multi_menu .dropdown li li ul li a.current { color: #FFF; text-decoration: underline; }
.menu-3d-popup-main .multi_menu .menu_arrow { display: none; }

.menu-3d-popup-text { color: #666666; font-size: 16px; }
    .menu-3d-popup-text::before { content: ""; border-top: 2px solid #2c5cda; display: block; width: 34px; margin-bottom: 21px; }
    .menu-3d-popup-text b { font-weight: 600; }

@media only screen and (max-width: 1400px) {
    .menu-3d-popup-main .menu-3d-popup-close { left: 10px; }
}

@media only screen and (max-width: 1050px) {
    .menu-3d-popup-main .popup-top { padding-left: 45px; }
}



/*popup menu*/

.popup-menu2-wrap .menu-icon { width: 30px; height: 30px; position: relative; cursor: pointer; transition: color 300ms ease-in-out; }

    .popup-menu2-wrap .menu-icon .l_1,
    .popup-menu2-wrap .menu-icon .l_2,
    .popup-menu2-wrap .menu-icon .l_3 { width: 30px; position: absolute; right: 0; top: 6px; border-bottom: 2px solid currentColor; -webkit-transition: top 300ms ease-in-out,right 300ms ease-in-out,-webkit-transform 300ms ease-in-out,width 300ms ease-in-out; transition: top 300ms ease-in-out,right 300ms ease-in-out,transform 300ms ease-in-out,width 300ms ease-in-out; }
    .popup-menu2-wrap .menu-icon .l_2 { top: 14px; width: 20px; }
    .popup-menu2-wrap .menu-icon .l_3 { top: 22px; width: 10px; }
    .popup-menu2-wrap .menu-icon:hover .l_2,
    .popup-menu2-wrap .menu-icon:hover .l_3 { width: 30px; }
    .popup-menu2-wrap .menu-icon.active .l_1 { width: 26px; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 3px; top: 13px; }
    .popup-menu2-wrap .menu-icon.active .l_2 { width: 0; right: 50%; }
    .popup-menu2-wrap .menu-icon.active .l_3 { width: 26px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 13px; right: 3px; }
    .popup-menu2-wrap .menu-icon.active { color: #FFF; }


.popup-menu2.active { visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.popup-menu2 { -webkit-transition: all 300ms cubic-bezier(0.65, 0.05, 0.36, 1); transition: all 300ms cubic-bezier(0.65, 0.05, 0.36, 1); visibility: hidden; opacity: 0; -webkit-transform: translateY(-200px); transform: translateY(-200px); z-index: 900; position: fixed; left: 0; top: 0; width: 100%; background: #2c5cda; padding: 120px 40px; min-height: 900px; text-align: left; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; }
    .popup-menu2 h1,
    .popup-menu2 h2,
    .popup-menu2 h3,
    .popup-menu2 h4,
    .popup-menu2 h5,
    .popup-menu2 h6,
    .popup-menu2 a { color: #fff; }


    .popup-menu2 .dropdown { padding: 0; margin: 0px; list-style: none; width: 100%; }
        .popup-menu2 .dropdown:after { content: ""; clear: both; overflow: hidden; display: block; }
        .popup-menu2 .dropdown > li { float: left; width: 25%; }

            .popup-menu2 .dropdown > li:nth-child(4n+1) { clear: both; }
            .popup-menu2 .dropdown > li.last-content { float: right; }
        .popup-menu2 .dropdown a { color: #fff; transition: color 300ms ease-in-out; }
            .popup-menu2 .dropdown a:hover,
            .popup-menu2 .dropdown li.current > a,
            .popup-menu2 .dropdown li:hover > a { color: #fd4ea5; text-decoration: none; }
        .popup-menu2 .dropdown > li.dir > ul { /* min-height: 200px; */ margin: 0 0 40px; padding: 0; }
    .popup-menu2 .menu_arrow { display: none; }

    .popup-menu2 .dropdown > li > a { font-size: 32px; font-weight: 600; margin: 0 0 30px; display: inline-block; }

    .popup-menu2 .dropdown > li > ul > li > a { font-size: 18px; display: block; padding-right: 30px; }
    .popup-menu2 .dropdown li { position: relative; list-style: none; }
    .popup-menu2 .dropdown > li > ul > li { margin: 0 120px 10px 0; position: relative; }
        .popup-menu2 .dropdown > li > ul > li.dir > a:after { content: ""; width: 9px; height: 9px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 2px; top: 50%; margin-top: -5px; }
        .popup-menu2 .dropdown > li > ul > li.dir > a::before { content: ""; width: 0px; border-bottom: 1px solid currentColor; position: absolute; right: 2px; top: 50%; margin-top: -1px; transition: width 300ms ease-in-out; }
        .popup-menu2 .dropdown > li > ul > li.current > a::before,
        .popup-menu2 .dropdown > li > ul > li:hover > a::before { width: 28px; }
    .popup-menu2 .dropdown li li.dir ul { position: absolute; left: 100%; top: -26px; padding: 25px 0px; margin-left: 30px; background-color: #0f44d3; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); visibility: hidden; opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; transition-delay: 200ms }

    .popup-menu2 .dropdown li li.dir:hover > ul { visibility: visible; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

    .popup-menu2 .dropdown li li.dir ul li { padding: 0 30px; margin-bottom: 7px; }
    .popup-menu2 .dropdown li li.dir ul a { white-space: nowrap; position: relative; padding-right: 30px; }
    .popup-menu2 .dropdown li li.dir ul li.dir > a:after { content: ""; width: 9px; height: 9px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 2px; top: 50%; margin-top: -5px; }
    .popup-menu2 .last-content,
    .popup-menu2 .last-content p { line-height: 1.8; }