\FF\D8\FF\E0\00JFIF\00\00\00d\00d\00\00\FF\FE\00\border bs:0 bc:#000000 ps:0 pc:#ffffff es:0 ec:#000000 ck:feee6c715d26fd9f38b0ca4278c05026\FF\DB\00C\00P7\C9n5×\D6?\BDê\9Ds\EBp\9F[`8m\B7)o\B5\E8\E6I\99\FE3]]A2\BA\8Cw\D6E\93\\DEv\C8\009\F2\F1NI?uc\\F5\EA\96k\xN<~buv\EA\C8\D7 \8B\84\CEcxI\BBg\AE\9E=\D6+n\EC\80\C8A\8C\AE\EB\CF\D5\DA\E9"2\A4\B9j5\EB\F3W\B63\96\B30Yu\DA\FC8\ED\DF\E7Ms\FB\F1\8E\B3\FA\EA\E8\E6(\883zs\F2_\8DFk\8Bh \00\8C\DCw\D3R\B5+6X\BA\B2\C4j\AB0\B4\FCMw\C2I\8E\9B\E3\A9~9u\FA\D3l\80\C8%p\EE\FDn2€ \00 $\FEj\C4e\A9\DB\~\95\A7\A5\80EK\BB\8DDsP\00@@AD'k\CF\E8\DB\D2(\80\9AK\D3\85\D6lb\F2\BA\8C*\80\00)\95 59\A3R:\F3\CE"\B6\80\88\00\00i1u4ê\E9\F2á\A6\A2\FACM\93WMb*\E0*\00\00\00\00\00(\A8\80\00\00\80\00\00\00\00\00\00\00\00\00\FF\D9 C/// /* ###### 6.6 Navbar ###### */ .az-navbar-show { @include media-breakpoint-down(md) { overflow: hidden; .az-navbar-backdrop { display: block; } .az-navbar { display: block; z-index: 1000; } } } .az-navbar-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(#000, .45); z-index: 900; display: none; } .az-navbar { position: fixed; top: 0; left: 0; bottom: 0; width: 300px; padding: 15px 20px; overflow-y: auto; background-color: #fff; display: none; @include media-breakpoint-up(sm) { padding: 20px; } @include media-breakpoint-up(lg) { position: relative; top: auto; left: auto; bottom: auto; width: auto; padding: 0; border-right: 0; overflow-y: inherit; display: block; background-color: transparent; } .container, .container-fluid { display: flex; flex-direction: column; @include media-breakpoint-down(md) { padding: 0; } @include media-breakpoint-up(lg) { flex-direction: row; align-items: center; height: $az-height-navbar; } } .container { @include media-breakpoint-up(lg) { padding: 0; } } .container-fluid { padding-left: 20px; padding-right: 20px; } .az-logo { line-height: 1; display: inline-block; margin-bottom: 20px; @include media-breakpoint-up(lg) { display: none; } } .nav { flex-direction: column; padding: 0; margin-bottom: 20px; @include media-breakpoint-up(lg) { flex-direction: row; align-items: center; margin-bottom: 0; } } .nav-label { font-size: 10px; font-weight: 500; text-transform: uppercase; color: $gray-600; letter-spacing: 1px; display: block; @include media-breakpoint-up(lg) { display: none; } } .nav-item { position: relative; + .nav-item { border-top: 1px dotted $gray-400; @include media-breakpoint-up(lg) { border-top: 0; margin-left: 15px; padding-left: 15px; border-left: 1px dotted $gray-400; } @include media-breakpoint-up(xl) { margin-left: 20px; padding-left: 20px; } } &.active { .nav-link { color: $az-color-primary; } } &.show { .nav-link::before { @include media-breakpoint-up(lg) { display: block; } } .nav-sub { display: block; } } } .nav-link { padding: 0; color: $gray-900; font-size: 14px; font-weight: 500; position: relative; display: flex; align-items: center; height: $az-height-base + 4px; outline: none; @include media-breakpoint-up(lg) { height: auto; } i { font-size: 26px; margin-right: 10px; @include media-breakpoint-up(lg) { margin-right: 8px; font-size: 22px; } &.typcn { line-height: 1; @include media-breakpoint-up(lg) { line-height: .9; } &::before { @include media-breakpoint-up(lg) { width: auto; } } } } &.with-sub { &::after { content: '\f3d0'; font-family: 'Ionicons'; font-size: 11px; font-weight: 400; display: inline-block; position: relative; margin-left: auto; color: $gray-500; @include media-breakpoint-up(lg) { margin-left: 4px; } } &::before { content: