.breakpoint-on .dd-trigger:after,
.icon-great-nav-down-arrow:before {
    content:"\e900"
}
.great-nav-container {
    position:relative;
    z-index:1;
    background-color:transparent;
}
.great-nav-container a {
    -webkit-transition-duration:.2s;
    transition-duration:.2s;
    text-decoration:none;
    outline:0;
    font-size:14px;
    display:inline-block
}
.great-nav-container a:focus,
.great-nav-container a:hover {
    -webkit-transition-duration:.2s;
    transition-duration:.2s;
    text-decoration:none;
    outline:0;
}
.great-navbar .nav-brand,
.great-navbar .nav-brand:focus,
.great-navbar .nav-brand:hover {
    font-size:26px;
    font-weight:500
}
.justify-content-between {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.justify-content-center {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.great-navbar {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -ms-grid-row-align:center;
    align-items:center
}
.great-navbar .nav-brand {
    color:#232323;
    display:inline-block;
    margin-right:30px
}
.greatnav ul li {
    display:inline-block;
    clear:both;
    position:inherit;
    z-index:10
}
.greatnav ul li.cn-dropdown-item,
.greatnav ul li.cn-dropdown-item ul li {
    position:relative;
    z-index:10
}
.greatnav ul li ul li {
    display:block
}
.greatnav ul li ul li a {
    padding:0 20px
}
.greatnav ul li a {
    padding:0 15px;
    display:block;
    font-size:14px;
    line-height:39px
}
.greatcloseIcon,
.dd-trigger {
    position:absolute;
    display:none
}
.greatnav ul li .megamenu li a {
    padding:0 12px
}
.greatnav ul li div.single-mega * {
    width:100%;
    max-width:100%
}
.greatnav ul li div.single-mega a {
    height:auto;
    line-height:1
}
@font-face {
    font-display: swap;
    font-family:greatfonts;
    src:url(../fonts/great-fonts.eot?fftrrv);
    src:url(../fonts/great-fonts.eot?fftrrv#iefix) format("embedded-opentype"),
    url(../fonts/great-fonts.ttf?fftrrv) format("truetype"),
    url(../fonts/great-fonts.woff?fftrrv) format("woff"),
    url(../fonts/great-fonts.svg?fftrrv#greatfonts) format("svg")
}
.icon-great-nav-down-arrow {
    font-family:greatfonts;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.greatnav ul li.has-down>a:after,
.greatnav ul li.megamenu-item>a:after {
    font-family:greatfonts;
    content:"\e900";
    font-size:12px;
    color:#000;
    padding-left:5px;
    -webkit-transition-duration:.2s;
    transition-duration:.2s
}
.greatnav ul li ul li.has-down>a:after {
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    position:absolute;
    top:2px;
    right:10px;
    z-index:3
}
.dd-trigger {
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:transparent;
    cursor:pointer;
    z-index:500;
    border-radius:0
}
.greatcloseIcon {
    top:20px;
    right:20px;
    z-index:12
}
.greatcloseIcon .cross-wrap {
    width:26px;
    height:26px;
    cursor:pointer;
    position:relative
}
.greatcloseIcon .cross-wrap span {
    position:absolute;
    display:block;
    width:100%;
    height:2px;
    border-radius:6px;
    background:#fff
}
.greatcloseIcon .cross-wrap span.top {
    top:12px;
    left:0;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.greatcloseIcon .cross-wrap span.bottom {
    bottom:12px;
    left:0;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.great-navbar-toggler {
    border:none;
    background-color:transparent;
    cursor:pointer;
    display:none
}
.great-navbar-toggler .navbarToggler {
    display:inline-block;
    cursor:pointer
}
.great-navbar-toggler .navbarToggler span {
    position:relative;
    background-color:#707070;
    border-radius:3px;
    display:block;
    height:3px;
    margin-top:5px;
    padding:0;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    width:30px;
    cursor:pointer
}
.great-navbar-toggler .navbarToggler.active span:nth-of-type(1) {
    -webkit-transform:rotate3d(0,0,1,45deg);
    transform:rotate3d(0,0,1,45deg);
    top:8px
}
.great-navbar-toggler .navbarToggler.active span:nth-of-type(2) {
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.great-navbar-toggler .navbarToggler.active span:nth-of-type(3) {
    -webkit-transform:rotate3d(0,0,1,-45deg);
    transform:rotate3d(0,0,1,-45deg);
    top:-8px
}
.greatnav ul li .megamenu {
    position:absolute;
    width:100%;
    left:0;
    top:100%;
    background-color:#fff;
    z-index:200;
    box-shadow:0 1px 4px rgba(0,0,0,.15)
}
.greatnav ul li .megamenu .single-mega.cn-col-5 {
    width:20%;
    float:left;
    padding:15px;
    border-right:1px solid #f2f4f8
}
.greatnav ul li .megamenu .single-mega.cn-col-5:last-of-type {
    border-right:none
}
.greatnav ul li .megamenu .single-mega.cn-col-4 {
    width:25%;
    float:left;
    padding:15px;
    border-right:1px solid #f2f4f8
}
.greatnav ul li .megamenu .single-mega.cn-col-4:last-of-type {
    border-right:none
}
.greatnav ul li .megamenu .single-mega.cn-col-3 {
    width:33.3333334%;
    float:left;
    padding:15px;
    border-right:1px solid #f2f4f8
}
.greatnav ul li .megamenu .single-mega.cn-col-3:last-of-type {
    border-right:none
}
.greatnav ul li .megamenu .single-mega .title {
    font-size:14px;
    border-bottom:1px solid #f2f4f8;
    padding:8px 12px
}
.greatnav ul li .dropdown li a {
    border-bottom:1px solid rgba(242,244,248,.7)
}
.greatnav ul li .dropdown li:last-child a {
    border-bottom:none
}
.greatnav ul li .dropdown li .dropdown li a {
    border-bottom:1px solid rgba(242,244,248,.7)
}
.greatnav ul li .dropdown li .dropdown li:last-child a {
    border-bottom:none
}
.greatnav ul li .dropdown li .dropdown li .dropdown li a {
    border-bottom:1px solid rgba(242,244,248,.7)
}
.greatnav ul li .dropdown li .dropdown li .dropdown li:last-child a {
    border-bottom:none
}
.greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li a {
    border-bottom:1px solid rgba(242,244,248,.7)
}
.greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
    border-bottom:none
}
.greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
    border-bottom:1px solid rgba(242,244,248,.7)
}
.greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
    border-bottom:none
}
.greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
    border-bottom:1px solid rgba(242,244,248,.7)
}
.greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
    border-bottom:none
}
.greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
    border-bottom:1px solid rgba(242,244,248,.7)
}
.greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
    border-bottom:none
}
.greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a {
    border-bottom:1px solid rgba(242,244,248,.7)
}
.greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a {
    border-bottom:none
}
.breakpoint-off .greatnav {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -ms-grid-row-align:center;
    align-items:center
}
.breakpoint-off .greatnav ul li .dropdown {
    width:180px;
    position:absolute;
    background-color:#fff;
    top:120%;
    left:0;
    z-index:100;
    height:auto;
    box-shadow:0 1px 5px rgba(0,0,0,.1);
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility:hidden;
    padding:10px 0
}
.breakpoint-off .greatnav ul li .dropdown li .dropdown {
    top:10px;
    left:180px;
    z-index:200;
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility:hidden
}
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown,
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown {
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility:hidden;
    top:120%
}
.breakpoint-off .greatnav ul li:hover .dropdown {
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility:visible;
}
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .greatnav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .greatnav ul li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .greatnav ul li .dropdown li:hover .dropdown {
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility:visible;
    top:-10px
}
.breakpoint-off .greatnav ul li .megamenu {
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility:hidden;
    position:absolute;
    width:100%;
    left:0;
    top:120%;
    background-color:#fff;
    z-index:200;
    box-shadow:0 1px 4px rgba(0,0,0,.15);
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.breakpoint-off .greatnav ul li.megamenu-item:focus .megamenu,
.breakpoint-off .greatnav ul li.megamenu-item:hover .megamenu {
    top:100%;
    visibility:visible;
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.breakpoint-on .great-navbar-toggler,
.breakpoint-on .greatcloseIcon {
    display:block
}
.breakpoint-on .great-navbar .great-menu {
    background-color:#000;
    position:fixed;
    top:0;
    left:-340px;
    z-index:9999;
    width:320px;
    height:100%;
    -webkit-transition-duration:.2s;
    transition-duration:.2s;
    padding:0;
    box-shadow:0 5px 20px rgba(0,0,0,.1);
    display:block;
    overflow-x:hidden;
    overflow-y:scroll
}
.breakpoint-on .greatnav ul li .dropdown,
.breakpoint-on .greatnav ul li .dropdown li .dropdown {
    width:100%;
    top:0;
    left:0;
    position:relative
}
.breakpoint-on .great-navbar .great-menu.menu-on {
    left:0
}
.breakpoint-on .greatnav ul li {
    display:block;
    position:relative;
    clear:both;
    z-index:10;
    padding-top: 0;
}
.breakpoint-on .greatnav ul li a {
    padding:16px 15px !important;
    height:auto;
    line-height:1.2;
}
.breakpoint-on .greatnav ul li .dropdown {
    box-shadow:none
}
.breakpoint-on .greatnav ul li.megamenu-item {
    position:relative;
    z-index:10
}
.breakpoint-on .dd-trigger {
    height:31px;
    width:31px;
    background-color:#2c3e50;
    top:10px;
    right:15px;
    left:auto;
    display:block;
    border-radius:2px
}
.breakpoint-on .greatnav ul li .dropdown,
.breakpoint-on .greatnav ul li .megamenu,
.breakpoint-on .greatnav ul li.has-down>a:after,
.breakpoint-on .greatnav ul li.megamenu-item>a:after {
    display:none
}
.breakpoint-on .dd-trigger:after {
    font-family:greatfonts;
    font-size:12px;
    color:#fff;
    -webkit-transition-duration:.2s;
    transition-duration:.2s;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.breakpoint-on .greatnav {
    padding-top:80px;
    margin-bottom:80px
}
.breakpoint-on .greatnav ul {
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
    width:100%
}
.breakpoint-on .greatnav ul li .megamenu {
    position:relative;
    width:100%;
    left:0;
    top:0;
    z-index:200;
    box-shadow:none
}
.breakpoint-on .greatnav ul li .megamenu .single-mega.cn-col-3,
.breakpoint-on .greatnav ul li .megamenu .single-mega.cn-col-4,
.breakpoint-on .greatnav ul li .megamenu .single-mega.cn-col-5 {
    width:100%;
    border-right:none;
    border-bottom:1px solid #f2f4f8
}
.breakpoint-on .greatnav>ul>li>a {
    background-color:#000;

    color: #fff;
}

.breakpoint-on .greatnav ul li a {
    border-bottom:1px solid rgba(255,255,255,.15) !important;
}

.breakpoint-on .greatnav ul li ul.dropdown li ul li {
    margin-left:15px
}
.breakpoint-on .greatnav ul li.has-down.active>.dd-trigger,
.breakpoint-on .greatnav ul li.megamenu-item.active>.dd-trigger {
    background-color:#27ae60;
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}

