@charset "UTF-8";.page - header.navbar.menu - toggler > span, .page - sidebar.sidebar - toggler > span, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler > span {
    outline: 0!important
}.pace.pace - progress, .pace.pace - progress - inner, .page - header.navbar, .page - header.navbar.top - menu.navbar - nav > li.dropdown - tasks.dropdown - menu.dropdown - menu - list > li.progress.progress - bar {
    box - shadow: none
}
@media print {
    body {
        background - color: #fff!important;
        direction: ltr
    }.hidden - print, .page - bar, .page - footer, .page - quick - sidebar - wrapper, .page - sidebar - wrapper, .theme - panel {
            display: none
        }.no - page -
        break {
            page -
                break -after: avoid
        }.page - container {
            margin: 0!important;padding: 0!important
        }.page - content {
            min - height: 300 px!important;
            padding: 0 20 px 20 px!important;
            margin: 0!important
        }.table td, .table th {
            text - align: left!important
        }
}.page - header.navbar {
        width: 100 % ;margin: 0;border: 0;padding: 0;height: 50 px;min - height: 50 px;filter: none;background - image: none
    }.page - header.navbar.navbar - fixed - top, .page - header.navbar.navbar - static - top {
        z - index: 9995
    }.page - header.navbar.page - logo {
        float: left;display: block;width: 235 px;height: 50 px;padding - left: 20 px;padding - right: 20 px
    }.page - sidebar - closed.page - sidebar - closed - hide - logo.page - header.navbar.page - logo {
        padding: 0
    }.page - header.navbar.page - logo > .logo - image, .page - header.navbar.page - logo > a {
        display: inline - block;float: left
    }.page - header.navbar.page - logo.logo -
    default {
        margin: 18 px 0 0
    }.page - header.navbar.page - logo.logo - mini {
        display: none;margin - left: 5 px
    }.page - header.navbar.page - logo.text - logo {
        padding - left: 20 px;
        padding - top: 12 px
    }.page - header.navbar.search - form {
        display: inline - block;width: 50 px;position: relative;float: left;transition: all .6 s
    }.page - header.navbar.search - form.input - group.form - control {
        height: 50 px;border: 0;background: 0 0!important;font - size: 13 px;padding - left: 0;margin - left: 12 px;text - indent: -150000 px
    }.page - header.navbar.search - form.input - group.form - control: hover {
        cursor: pointer
    }.page - header.navbar.search - form.input - group.input - group - btn {
        height: 50 px
    }.page - header.navbar.search - form.input - group.input - group - btn.btn.submit {
        margin - left: -24 px;
        padding: 0;
        width: 50 px;
        background: 0 0;
        margin - top: 4 px;
        display: block
    }.page - header.navbar.search - form.input - group.input - group - btn.btn.submit > i {
        font - size: 15 px
    }.page - header.navbar.search - form.open {
        transition: all .6 s;width: 300 px!important
    }.page - header.navbar.search - form.open.input - group.form - control {
        text - indent: 0
    }.page - header.navbar.search - form.open.input - group.form - control: hover {
        cursor: text
    }.page - header.navbar.search - form.open.input - group.input - group - btn.btn.submit {
        margin - left: 0
    }.page - header.navbar.menu - toggler {
        cursor: pointer;opacity: .7;filter: alpha(opacity = 70);display: block;webkit - transition: opacity .3 s; - moz - transition: opacity .3 s; - ms - transition: opacity .3 s; - o - transition: opacity .3 s;transition: opacity .3 s
    }.page - header.navbar.menu - toggler > span: hover, .page - header.navbar.menu - toggler > span: hover: after, .page - header.navbar.menu - toggler > span: hover: before {
        background: #fff
    }.page - header.navbar.menu - toggler > span, .page - header.navbar.menu - toggler > span: after, .page - header.navbar.menu - toggler > span: before {
        display: inline - block;width: 19 px;height: 1 px;background: #fff;position: relative;top: -6 px;transition: all ease .3 s
    }.page - header.navbar.menu - toggler > span: after, .page - header.navbar.menu - toggler > span: before {
        position: absolute;left: 0;content: ''
    }.page - header.navbar.menu - toggler > span: before {
        top: 6 px
    }.page - header.navbar.menu - toggler > span: after {
        top: -6 px
    }.page - header.navbar.menu - toggler.th - toggle - exit > span {
        background - color: transparent!important
    }.page - header.navbar.menu - toggler.th - toggle - exit > span: after {
        webkit - transform: translateY(6 px) rotateZ(45 deg); - moz - transform: translateY(6 px) rotateZ(45 deg); - ms - transform: translateY(6 px) rotateZ(45 deg); - o - transform: translateY(6 px) rotateZ(45 deg);
        transform: translateY(6 px) rotateZ(45 deg)
    }.page - header.navbar.menu - toggler.th - toggle - exit > span: before {
        webkit - transform: translateY(-6 px) rotateZ(-45 deg); - moz - transform: translateY(-6 px) rotateZ(-45 deg); - ms - transform: translateY(-6 px) rotateZ(-45 deg); - o - transform: translateY(-6 px) rotateZ(-45 deg);
        transform: translateY(-6 px) rotateZ(-45 deg)
    }.page - header.navbar.menu - toggler: hover {
        webkit - transition: opacity .3 s; - moz - transition: opacity .3 s; - ms - transition: opacity .3 s; - o - transition: opacity .3 s;
        transition: opacity .3 s;
        opacity: 1;
        filter: alpha(opacity = 100)
    }.page - header.navbar.menu - toggler.sidebar - toggler {
        float: right;margin: 15.5 px 0 0
    }.page - sidebar - closed.page - sidebar - closed - hide - logo.page - header.navbar.menu - toggler.sidebar - toggler {
        margin - right: 13 px
    }.page - header.navbar.menu - toggler.responsive - toggler {
        display: none;float: right;margin: 15.5 px 6 px 0
    }.page - header.navbar.top - menu {
        margin: 0;padding: 0;float: right
    }.page - header.navbar.top - menu.navbar - nav {
        padding: 0;margin - right: 20 px;display: block
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown {
        margin: 0;padding: 0 4 px;height: 50 px;display: inline - block
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown: last - child {
        padding - right: 0
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown > .dropdown - toggle {
        margin: 0;padding: 19 px 10 px 10 px
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown > .dropdown - toggle: last - child {
        padding - right: 0
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown > .dropdown - toggle > i {
        font - size: 17 px
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown > .dropdown - toggle > i.glyphicon {
        font - size: 16 px
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown > .dropdown - toggle > .badge {
        font - family: "Open Sans", sans - serif;
        position: absolute;
        top: 10 px;
        right: 20 px;
        font - weight: 300;
        padding: 3 px 6 px
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown > .dropdown - toggle: focus {
        background: 0 0
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown.dropdown - menu {
        margin - top: 1 px; - webkit - border - radius: 4 px; - moz - border - radius: 4 px; - ms - border - radius: 4 px; - o - border - radius: 4 px;
        border - radius: 4 px
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown.dropdown - menu: before {
        position: absolute;top: -7 px;right: 9 px;display: inline - block!important;border - right: 7 px solid transparent;border - bottom: 7 px solid# eee;border - left: 7 px solid transparent;border - bottom - color: rgba(0, 0, 0, .2);content: ''
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown.dropdown - menu: after {
        position: absolute;top: -6 px;right: 10 px;display: inline - block!important;border - right: 6 px solid transparent;border - bottom: 6 px solid# fff;border - left: 6 px solid transparent;content: ''
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown.dropdown - menu > li > a {
        color: #555}.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu{min-width:160px;max-width:275px;width:275px;z-index:9995}.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external{display:block;overflow:hidden;padding:15px;letter-spacing:.5px;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-ms-border-radius:4px 4px 0 0;-o-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>h3{margin:0;padding:0;float:left;font-size:13px;display:inline-block}.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a{display:inline-block;padding:0;background:0 0;clear:inherit;font-size:13px;font-weight:300;position:absolute;right:10px;border:0;margin-top:-1px}.page-bar:after,.page-container:after,.page-footer:after,.page-sidebar .page-sidebar-menu>li.sidebar-search-wrapper:after,.page-sidebar .page-sidebar-menu>li.sidebar-toggler-wrapper:after,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.sidebar-search-wrapper:after,.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.sidebar-toggler-wrapper:after{clear:both}.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a:hover{text-decoration:none}.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list{padding-right:0!important;padding-left:0;list-style:none}.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a{display:block;clear:both;font-weight:300;line-height:20px;white-space:normal;font-size:13px;padding:16px 15px 18px;text-shadow:none}.page-header.navbar .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a:hover{opacity:1;filter:alpha(opacity= 100);
text - decoration: none
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - extended.dropdown - menu.dropdown - menu - list > li: first - child a {
    border - top: none
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - notification.dropdown - menu.dropdown - menu - list > li a.details {
    overflow: hidden
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - notification.dropdown - menu.dropdown - menu - list > li a.details.label - icon {
    margin - right: 10 px; - webkit - border - radius: 50 % ; - moz - border - radius: 50 % ; - ms - border - radius: 50 % ; - o - border - radius: 50 % ;
    border - radius: 50 %
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - notification.dropdown - menu.dropdown - menu - list > li a.details.label - icon i {
    margin - right: 2 px;
    margin - left: 1 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - notification.dropdown - menu.dropdown - menu - list > li a.details.label - icon.badge {
    right: 15 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - notification.dropdown - menu.dropdown - menu - list > li a.time {
    float: right;max - width: 75 px;font - size: 11 px;font - weight: 400;opacity: .7;filter: alpha(opacity = 70);text - align: right;padding: 1 px 5 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - inbox > .dropdown - menu.dropdown - menu - list > li.photo {
    float: left;margin: 0 6 px 6 px 0
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - inbox > .dropdown - menu.dropdown - menu - list > li.photo img {
    height: 40 px;width: 40 px; - webkit - border - radius: 50 % !important; - moz - border - radius: 50 % !important; - ms - border - radius: 50 % !important; - o - border - radius: 50 % !important;border - radius: 50 % !important
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - inbox > .dropdown - menu.dropdown - menu - list > li.subject {
    display: block;margin - left: 46 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - inbox > .dropdown - menu.dropdown - menu - list > li.subject.from {
    font - size: 13 px;
    font - weight: 600
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - inbox > .dropdown - menu.dropdown - menu - list > li.subject.time {
    font - size: 12 px;
    font - weight: 400;
    opacity: .5;
    filter: alpha(opacity = 50);
    float: right
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - inbox > .dropdown - menu.dropdown - menu - list > li.message {
    display: block!important;font - size: 12 px;line - height: 1.3;margin - left: 46 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - tasks.dropdown - menu.dropdown - menu - list > li.task {
    margin - bottom: 5 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - tasks.dropdown - menu.dropdown - menu - list > li.task.desc {
    font - size: 13 px;
    font - weight: 300
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - tasks.dropdown - menu.dropdown - menu - list > li.task.percent {
    float: right;font - weight: 600;display: inline - block
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - tasks.dropdown - menu.dropdown - menu - list > li.progress {
    display: block;height: 8 px;margin: 8 px 0 2 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - user.dropdown - toggle {
    padding: 16 px 6 px 13 px 8 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - user.dropdown - toggle > .username {
    display: inline - block;font - size: 13 px;font - weight: 300
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - user.dropdown - toggle > img {
    float: left;margin - top: -5 px;margin - right: 5 px;height: 29 px;display: inline - block
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - user.dropdown - toggle > i {
    display: inline - block;margin: 0;font - size: 13 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - user.dropdown - menu {
    width: 175 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - user.dropdown - menu > li > a {
    font - size: 14 px;
    font - weight: 300
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - user.dropdown - menu > li > a i {
    width: 15 px;display: inline - block;margin - right: 9 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - user.dropdown - menu > li > a.badge {
    margin - right: 10 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - language {
    padding - left: 0;
    padding - right: 0;
    margin: 0
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - language > .dropdown - toggle {
    padding: 16 px 3 px 13 px 7 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - language > .dropdown - toggle > img {
    margin - bottom: 2 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - language > .dropdown - toggle > i {
    font - size: 14 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - language > .dropdown - menu > li > a {
    font - size: 13 px
}.page - header.navbar.top - menu.navbar - nav > li.dropdown - language > .dropdown - menu > li > a > img {
    margin - bottom: 2 px;
    margin - right: 5 px
}.page - header.navbar.top - menu.navbar - nav li.dropdown - dark.dropdown - menu: before {
    border - left: none;
    border - right: none
}.page - header.navbar.top - menu.navbar - nav li.dropdown - dark.dropdown - menu.dropdown - menu - list > li.external a {
    background: 0 0!important;border: none!important
}
@media(min - width: 768 px) {.page - header.navbar.search - form.search - form - expanded {
        width: 200 px
    }.page - header.navbar.search - form.search - form - expanded.input - group.form - control {
        text - indent: 0
    }.page - header.navbar.search - form.search - form - expanded.input - group.form - control: hover {
        cursor: text
    }.page - header.navbar.search - form.search - form - expanded.input - group.input - group - btn.btn.submit {
        margin - left: 0
    }
}.page - header.navbar.container {
    position: relative
}.page - header.navbar.hor - menu {
    margin: 0;float: left
}.page - header.navbar.hor - menu.navbar - nav {
    min - height: 50 px;
    position: static
}.page - header.navbar.hor - menu.navbar - nav.navbar - right.dropdown - menu {
    left: auto;right: 0
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown {
    position: static
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown > .dropdown - menu {
    left: auto;width: auto
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown > .dropdown - menu.mega - menu - content {
    font - family: "Open Sans", sans - serif;
    padding: 15 px;
    margin: 0
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown > .dropdown - menu.mega - menu - content.mega - menu - responsive - content {
    padding: 10 px 18 px 10 px 45 px
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown > .dropdown - menu.mega - menu - content.mega - menu - submenu {
    padding: 0;margin: 0
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown > .dropdown - menu.mega - menu - content.mega - menu - submenu: last - child {
    border - right: 0
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown > .dropdown - menu.mega - menu - content.mega - menu - submenu li {
    margin: 0!important;list - style: none
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown > .dropdown - menu.mega - menu - content.mega - menu - submenu li > h3 {
    margin - top: 5 px;
    padding - left: 6 px;
    font - size: 15 px;
    font - weight: 400
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown > .dropdown - menu.mega - menu - content.mega - menu - submenu li > a {
    display: block;white - space: normal;font - family: "Open Sans",
    sans - serif;padding: 7 px;margin: 0;font - size: 14 px;font - weight: 300
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown > .dropdown - menu.mega - menu - content.mega - menu - submenu li > a: hover {
    text - decoration: none
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown > .dropdown - menu.mega - menu - content.mega - menu - submenu li > a.iconify {
    padding: 7 px 7 px 7 px 30 px
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown > .dropdown - menu.mega - menu - content.mega - menu - submenu li > a.iconify > i {
    position: absolute;top: auto!important;margin - left: -24 px;font - size: 15 px;margin - top: 3 px!important
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown > .dropdown - menu.mega - menu - content.mega - menu - submenu li > a.badge, .page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown > .dropdown - menu.mega - menu - content.mega - menu - submenu li > a.label {
    margin - left: 5 px
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown.mega - menu - full.dropdown - menu {
    left: 20 px;right: 20 px
}.page - header.navbar.hor - menu.navbar - nav > li.mega - menu - dropdown: hover > .dropdown - menu {
    display: block
}.page - header.navbar.hor - menu.navbar - nav > li.menu - dropdown.dropdown - menu: after, .page - header.navbar.hor - menu.navbar - nav > li.menu - dropdown.dropdown - menu: before {
    display: none!important
}.page - header.navbar.hor - menu.navbar - nav > li > a {
    font - size: 14 px;
    font - weight: 400;
    padding: 13 px;
    min - height: 50 px
}.page - header.navbar.hor - menu.navbar - nav > li > a: focus {
    background: 0 0!important
}.page - header.navbar.hor - menu.navbar - nav > li.active.selected, .page - header.navbar.hor - menu.navbar - nav > li.current.selected {
    left: 50 % ;bottom: 0;position: absolute;border - left: 6 px solid transparent;border - right: 6 px solid transparent;border - top: 6 px solid transparent;display: inline - block;margin: 0 0 - 6 px - 7 px;width: 0;height: 0
}.page - header.navbar.hor - menu.navbar - nav > li.dropdown - menu {
    margin - top: 0;
    border: none
}.page - header.navbar.hor - menu.navbar - nav > li.dropdown - menu li > a {
    font - family: "Open Sans", sans - serif;
    font - size: 14 px;
    font - weight: 300;
    padding: 9 px 10 px;
    white - space: normal
}.page - header.navbar.hor - menu.navbar - nav > li.dropdown - menu li > a.badge, .page - header.navbar.hor - menu.navbar - nav > li.dropdown - menu li > a.label {
    font - weight: 300
}.page - header.navbar.hor - menu.navbar - nav > li.classic - menu - dropdown.dropdown - menu {
    min - width: 195 px;
    max - width: 235 px
}.page - header.navbar.hor - menu.navbar - nav > li.classic - menu - dropdown: hover > .dropdown - menu {
    display: block
}.page - header.navbar.hor - menu.navbar - nav > li.dropdown - submenu > .dropdown - menu {
    top: 0
}.page - header.navbar.hor - menu.navbar - nav > li.dropdown - submenu > a: after {
    top: 9 px;right: 10 px
}
@media(min - width: 992 px) and(max - width: 1200 px) {.page - boxed.page - header.navbar.top - menu.navbar - nav > li.dropdown - language.dropdown - toggle.langname, .page - boxed.page - header.navbar.top - menu.navbar - nav > li.dropdown - user.dropdown - toggle.username.username - hide - on - mobile {
        display: none
    }
}
@media(min - width: 992 px) {.page - sidebar - closed.page - sidebar - closed - hide - logo.page - header.navbar.page - logo {
            padding: 0;width: 45 px
        }.page - sidebar - closed.page - sidebar - closed - hide - logo.page - header.navbar.page - logo.logo -
        default {
            display: none
        }.page - boxed.page - header.navbar.page - logo {
            width: 236 px
        }.page - boxed.page - header.navbar.top - menu.navbar - nav {
            margin - right: 0
        }.page - sidebar - closed.page - sidebar - closed - hide - logo.page - boxed.page - header.navbar.page - logo {
            width: 46 px
        }.page - boxed.page - sidebar - fixed.page - header.navbar.page - logo {
            width: 235 px
        }
}
@media(max - width: 991 px) {.page - header.navbar {
        padding: 0 20 px;position: relative;clear: both
    }.page - header.navbar.page - logo {
        width: auto;padding: 0;margin - right: 10 px;margin - left: 0!important;padding - left: 0!important
    }.page - header.navbar.page - logo img {
        margin - left: 4 px!important
    }.page - header.navbar.menu - toggler.sidebar - toggler {
        display: none!important
    }.page - header.navbar.menu - toggler.responsive - toggler {
        display: block
    }.page - header.navbar.top - menu.navbar - nav {
        display: inline - block;margin: 0 10 px 0 0
    }.page - header.navbar.top - menu.navbar - nav > li {
        float: left
    }.page - header.navbar.top - menu.navbar - nav.nav li.dropdown i {
        display: inline - block;position: relative;top: 1 px;right: 0
    }.page - header.navbar.top - menu.navbar - nav.open.dropdown - menu {
        position: absolute
    }.page - header - fixed.page - header - fixed - mobile.navbar - fixed - top {
        position: fixed
    }.page - boxed.page - header.navbar > .container {
        max - width: none!important;
        margin: 0!important;
        padding: 0!important
    }
}
@media(min - width: 768 px) and(max - width: 991 px) {.page - boxed.page - header.navbar {
        margin: auto!important;padding: 0
    }.page - boxed.page - header.navbar > .container {
        margin: auto!important
    }
}
@media(max - width: 767 px) {.page - header.navbar {
        padding: 0 10 px
    }.page - header.navbar.page - logo {
        width: auto
    }.page - header.navbar.search - form.open {
        z - index: 3;
        left: 10 px;
        right: 10 px;
        position: absolute;
        width: auto!important
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown - extended > .dropdown - menu {
        max - width: 255 px;
        width: 255 px
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown - notification.dropdown - menu {
        margin - right: -190 px
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown - notification.dropdown - menu: after, .page - header.navbar.top - menu.navbar - nav > li.dropdown - notification.dropdown - menu: before {
        margin - right: 190 px
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown - inbox.dropdown - menu {
        margin - right: -150 px
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown - inbox.dropdown - menu: after, .page - header.navbar.top - menu.navbar - nav > li.dropdown - inbox.dropdown - menu: before {
        margin - right: 150 px
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown - tasks.dropdown - menu {
        margin - right: -110 px
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown - tasks.dropdown - menu: after, .page - header.navbar.top - menu.navbar - nav > li.dropdown - tasks.dropdown - menu: before {
        margin - right: 110 px
    }
}
@media(max - width: 580 px) {.page - header.navbar.top - menu.navbar - nav > li.dropdown - language.dropdown - toggle.langname, .page - header.navbar.top - menu.navbar - nav > li.dropdown - user.dropdown - toggle.username.username - hide - on - mobile {
        display: none
    }
}
@media(max - width: 480 px) {.page - header - fixed.page - header - fixed - mobile.page - header.navbar {
        height: 100 px
    }.page - header.navbar.top - menu {
        display: block;clear: both;float: none
    }.page - header.navbar.top - menu.navbar - nav {
        margin - right: 0
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown.dropdown - toggle {
        padding: 19 px 6 px 10 px
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown - language.dropdown - toggle {
        padding: 16 px 4 px 13 px 2 px
    }.page - header.navbar.top - menu.navbar - nav > li.dropdown - user.dropdown - toggle {
        padding: 16 px 0 13 px 2 px
    }
}.pace.pace - progress {
    z - index: 10005;
    top: 50 px;
    height: 2 px
}.pace.pace - inactive {
    display: none
}.pace.pace - activity {
    top: 54 px;z - index: 10005;right: 20 px;border - radius: 10 px!important
}.page - container {
    margin: 0;padding: 0;position: relative
}.page - container: after, .page - container: before {
    content: " ";display: table
}.page - header - fixed.page - container {
    margin - top: 50 px
}.page - footer - fixed.page - footer - fixed - mobile.page - container {
    margin - bottom: 20 px!important
}
@media(min - width: 992 px) {.page - footer - fixed.page - container {
        margin - bottom: 20 px!important
    }
}
@media(max - width: 991 px) {.page - container {
        margin: 0!important;padding: 0!important
    }.page - header - fixed.page - header - fixed - mobile.page - container {
        margin - top: 50 px!important
    }
}
@media(max - width: 480 px) {.page - header - fixed.pace.pace - progress {
        top: 100 px
    }.page - header - fixed.pace.pace - activity {
        top: 104 px
    }.page - header - fixed.page - header - fixed - mobile.page - container {
        margin - top: 100 px!important
    }
}.page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.navbar - collapse, .page - sidebar.navbar - collapse {
    padding: 0;box - shadow: none
}.page - sidebar.page - sidebar - menu, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu {
    list - style: none;
    margin: 0;
    padding: 0
}.page - sidebar.page - sidebar - menu > li, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li {
    display: block;margin: 0;padding: 0;border: 0
}.page - sidebar.page - sidebar - menu > li.sidebar - search - wrapper, .page - sidebar.page - sidebar - menu > li.sidebar - toggler - wrapper, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.sidebar - search - wrapper, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.sidebar - toggler - wrapper {
    border: 0!important
}.page - sidebar.page - sidebar - menu > li.sidebar - search - wrapper: after, .page - sidebar.page - sidebar - menu > li.sidebar - search - wrapper: before, .page - sidebar.page - sidebar - menu > li.sidebar - toggler - wrapper: after, .page - sidebar.page - sidebar - menu > li.sidebar - toggler - wrapper: before, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.sidebar - search - wrapper: after, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.sidebar - search - wrapper: before, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.sidebar - toggler - wrapper: after, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.sidebar - toggler - wrapper: before {
    content: " ";display: table
}.page - sidebar.page - sidebar - menu > li.start > a, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.start > a {
    border - top - color: transparent!important
}.page - sidebar.page - sidebar - menu > li.last > a, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.last > a {
    border - bottom - color: transparent!important
}.page - sidebar.page - sidebar - menu > li > a, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li > a {
    display: block;position: relative;margin: 0;border: 0;padding: 10 px 15 px;text - decoration: none;font - size: 14 px;font - weight: 300
}.page - sidebar.page - sidebar - menu > li > a > i, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li > a > i {
    font - size: 16 px;
    margin - right: 5 px;
    text - shadow: none
}.page - sidebar.page - sidebar - menu > li > a > [class ^= icon - ], .page - sidebar.page - sidebar - menu > li > a > i.glyphicon, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li > a > [class ^= icon - ], .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li > a > i.glyphicon {
    margin - left: 1 px;
    margin - right: 4 px
}.page - sidebar - fixed.page - sidebar.page - sidebar - menu > li > a, .page - sidebar - fixed.page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li > a {
    transition: all .2 s ease
}.page - sidebar - reversed.page - sidebar - fixed.page - sidebar.page - sidebar - menu > li > a, .page - sidebar - reversed.page - sidebar - fixed.page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li > a {
    transition: none
}.page - sidebar.page - sidebar - menu > li.heading, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.heading {
    padding: 15 px
}.page - sidebar.page - sidebar - menu > li.heading > h3, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.heading > h3 {
    margin: 0;padding: 0;font - size: 14 px;font - weight: 300
}.page - sidebar.page - sidebar - menu > li.heading + li > a, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.heading + li > a {
    border - top: 0
}.page - sidebar.page - sidebar - menu > li.open > a, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.open > a {
    font - size: 14 px
}.page - sidebar.page - sidebar - menu > li.active > a, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.active > a {
    border: none;text - shadow: none;font - size: 14 px
}.page - sidebar.page - sidebar - menu > li.active > a > .selected, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.active > a > .selected {
    display: block;float: right;position: absolute;right: 0;top: 8 px;background: 0 0;width: 0;height: 0;border - top: 12 px solid transparent;border - bottom: 12 px solid transparent;border - right: 12 px solid# fff
}.page - sidebar - reversed.page - sidebar.page - sidebar - menu > li.active > a > .selected, .page - sidebar - reversed.page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.active > a > .selected {
    right: auto;left: 0;border - right: 0;border - left: 8 px solid# fff
}.page - container - bg - solid.page - sidebar.page - sidebar - menu > li.active > a > .selected, .page - container - bg - solid.page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.active > a > .selected {
    border - color: transparent# eef1f5 transparent transparent
}.page - container - bg - solid.page - sidebar - reversed.page - sidebar.page - sidebar - menu > li.active > a > .selected, .page - container - bg - solid.page - sidebar - reversed.page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li.active > a > .selected {
    border - color: transparent transparent transparent# eef1f5
}.page - sidebar.page - sidebar - menu li > a, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu li > a {
    position: relative
}.page - sidebar.page - sidebar - menu li > a > .arrow: before, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu li > a > .arrow: before {
    float: right;width: 20 px;text - align: center;display: inline;font - size: 16 px;font - family: FontAwesome;height: auto;content: "\f104";font - weight: 300;text - shadow: none;position: absolute;top: 4 px;right: 14 px
}.page - sidebar.page - sidebar - menu li > a > .arrow.open: before, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu li > a > .arrow.open: before {
    content: "\f107"
}.page - sidebar.page - sidebar - menu li > a > .badge, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu li > a > .badge {
    float: right;margin - top: 1 px;margin - right: 0;position: absolute;right: 14 px;top: 6 px
}.page - sidebar.page - sidebar - menu > li > a > .arrow: before, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu > li > a > .arrow: before {
    top: 8 px
}.page - sidebar.page - sidebar - menu.sub - menu, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.sub - menu {
    list - style: none;
    display: none;
    padding: 0;
    margin: 8 px 0
}.page - sidebar.page - sidebar - menu.sub - menu li, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.sub - menu li {
    background: 0 0;margin: 0;padding: 0;margin - top: 1 px!important
}.page - sidebar.page - sidebar - menu.sub - menu li > a, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.sub - menu li > a {
    display: block;margin: 0;padding: 6 px 15 px 6 px 43 px;text - decoration: none;font - size: 14 px;font - weight: 300;background: 0 0
}.page - sidebar.page - sidebar - menu.sub - menu li > a > i, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.sub - menu li > a > i {
    font - size: 14 px
}.page - sidebar.page - sidebar - menu.sub - menu li > .sub - menu, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.sub - menu li > .sub - menu {
    margin: 0
}.page - sidebar.page - sidebar - menu.sub - menu li > .sub - menu > li > a, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.sub - menu li > .sub - menu > li > a {
    padding - left: 60 px
}.page - sidebar.page - sidebar - menu.sub - menu li > .sub - menu > li > .sub - menu, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.sub - menu li > .sub - menu > li > .sub - menu {
    margin: 0
}.page - sidebar.page - sidebar - menu.sub - menu li > .sub - menu > li > .sub - menu > li > a, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.sub - menu li > .sub - menu > li > .sub - menu > li > a {
    padding - left: 80 px
}.page - sidebar.page - sidebar - menu.sub - menu.always - open, .page - sidebar.page - sidebar - menu li.active > .sub - menu, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.sub - menu.always - open, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu li.active > .sub - menu {
    display: block
}.page - sidebar.page - sidebar - menu.page - sidebar - menu - light > li > a, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.page - sidebar - menu - light > li > a {
    border: 0;margin: 0;padding - left: 11 px;border - left: 4 px solid transparent
}.page - sidebar.page - sidebar - menu.page - sidebar - menu - light > li.sub - menu, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.page - sidebar - menu - light > li.sub - menu {
    margin: 0;padding: 1 px 0
}.page - sidebar.page - sidebar - menu.page - sidebar - menu - light > li.sub - menu li > a, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.page - sidebar - menu - light > li.sub - menu li > a {
    padding - top: 8 px;
    padding - bottom: 8 px
}.page - sidebar.page - sidebar - menu.page - sidebar - menu - light > li.sub - menu li: first - child, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.page - sidebar - menu - light > li.sub - menu li: first - child {
    margin - top: 0!important
}.page - sidebar - reversed.page - sidebar.page - sidebar - menu.page - sidebar - menu - light > li > a, .page - sidebar - reversed.page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.page - sidebar - menu - light > li > a {
    padding - left: 15 px;
    padding - right: 11 px;
    border - left: 0;
    border - right: 4 px solid transparent
}.page - sidebar.sidebar - toggler, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler {
    webkit - transition: opacity .3 s; - moz - transition: opacity .3 s; - ms - transition: opacity .3 s; - o - transition: opacity .3 s;
    transition: opacity .3 s;
    display: block;
    cursor: pointer;
    opacity: .7;
    filter: alpha(opacity = 70);
    padding: 6 px 8 px;
    margin - top: 15 px;
    margin - right: 16 px;
    float: right; - webkit - border - radius: 4 px; - moz - border - radius: 4 px; - ms - border - radius: 4 px; - o - border - radius: 4 px;
    border - radius: 4 px
}.page - sidebar.sidebar - toggler > span: hover, .page - sidebar.sidebar - toggler > span: hover: after, .page - sidebar.sidebar - toggler > span: hover: before, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler > span: hover, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler > span: hover: after, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler > span: hover: before {
    background: #fff
}.page - sidebar.sidebar - toggler > span, .page - sidebar.sidebar - toggler > span: after, .page - sidebar.sidebar - toggler > span: before, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler > span, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler > span: after, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler > span: before {
    display: inline - block;width: 16 px;height: 1 px;background: #fff;position: relative;top: -5 px;transition: all ease .3 s
}.page - sidebar.sidebar - toggler > span: after, .page - sidebar.sidebar - toggler > span: before, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler > span: after, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler > span: before {
    position: absolute;left: 0;content: ''
}.page - sidebar.sidebar - toggler > span: before, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler > span: before {
    top: 5 px
}.page - sidebar.sidebar - toggler > span: after, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler > span: after {
    top: -5 px
}.page - sidebar.sidebar - toggler.th - toggle - exit > span, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler.th - toggle - exit > span {
    background - color: transparent!important
}.page - sidebar.sidebar - toggler.th - toggle - exit > span: after, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler.th - toggle - exit > span: after {
    webkit - transform: translateY(5 px) rotateZ(45 deg); - moz - transform: translateY(5 px) rotateZ(45 deg); - ms - transform: translateY(5 px) rotateZ(45 deg); - o - transform: translateY(5 px) rotateZ(45 deg);
    transform: translateY(5 px) rotateZ(45 deg)
}.page - sidebar.sidebar - toggler.th - toggle - exit > span: before, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler.th - toggle - exit > span: before {
    webkit - transform: translateY(-5 px) rotateZ(-45 deg); - moz - transform: translateY(-5 px) rotateZ(-45 deg); - ms - transform: translateY(-5 px) rotateZ(-45 deg); - o - transform: translateY(-5 px) rotateZ(-45 deg);
    transform: translateY(-5 px) rotateZ(-45 deg)
}.page - sidebar.sidebar - toggler: hover, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - toggler: hover {
    webkit - transition: opacity .3 s; - moz - transition: opacity .3 s; - ms - transition: opacity .3 s; - o - transition: opacity .3 s;
    transition: opacity .3 s;
    opacity: 1;
    filter: alpha(opacity = 100)
}.page - sidebar.sidebar - search, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - search {
    padding: 0;margin: 22 px 18 px
}.page - sidebar.sidebar - search.remove, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - search.remove {
    display: none
}.page - sidebar.sidebar - search.remove > i, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - search.remove > i {
    font - size: 16 px
}.page - sidebar.sidebar - search.input - group, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - search.input - group {
    -webkit - border - radius: 4 px; - moz - border - radius: 4 px; - ms - border - radius: 4 px; - o - border - radius: 4 px;
    border - radius: 4 px
}.page - sidebar.sidebar - search.input - group.form - control, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - search.input - group.form - control {
    border: 0;font - size: 14 px;padding: 0;height: auto;line - height: auto; - webkit - border - radius: 4 px; - moz - border - radius: 4 px; - ms - border - radius: 4 px; - o - border - radius: 4 px;border - radius: 4 px
}.page - sidebar.sidebar - search.input - group.input - group - btn.btn, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - search.input - group.input - group - btn.btn {
    padding: 2 px 0 0;background - color: transparent;background - repeat: no - repeat;background - position: 100 % 3 px
}.page - sidebar.sidebar - search.input - group.input - group - btn.btn > i, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - search.input - group.input - group - btn.btn > i {
    font - size: 15 px
}.page - sidebar.sidebar - search.sidebar - search - bordered, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - search.sidebar - search - bordered {
    margin: 25 px 18 px
}.page - sidebar.sidebar - search.sidebar - search - bordered.input - group.form - control, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - search.sidebar - search - bordered.input - group.form - control {
    font - size: 13 px;
    padding: 6 px 8 px
}.page - sidebar.sidebar - search.sidebar - search - bordered.input - group.input - group - btn.btn, .page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.sidebar - search.sidebar - search - bordered.input - group.input - group - btn.btn {
    margin - right: 6 px
}
@media(min - width: 992 px) {.page - sidebar {
        width: 235 px;float: left;position: relative;margin - right: -100 %
    }.page - full - width.page - sidebar {
        display: none!important
    }.page - sidebar.collapse {
        display: block;max - height: none!important
    }.page - sidebar - reversed.page - sidebar {
        float: right;margin - right: 0;margin - left: -100 %
    }.page - sidebar - reversed.page - sidebar - fixed.page - sidebar {
        margin - left: -235 px
    }.page - sidebar - reversed.page - sidebar - fixed.page - sidebar - wrapper {
        position: relative;float: right
    }.page - sidebar - fixed.page - sidebar {
        position: fixed!important;margin - left: 0;top: 50 px
    }.page - sidebar - fixed.page - sidebar - menu > li.last {
        margin - bottom: 15 px!important
    }.page - sidebar - fixed.page - sidebar - menu.sub - menu {
        height: auto!important
    }.page - sidebar - closed.page - sidebar, .page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed {
        width: 45 px!important
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li.open > .sub - menu, .page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li > .sub - menu {
        display: none!important
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover {
        width: 256 px!important;position: relative!important;z - index: 10000;display: block!important
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover > a {
        -webkit - border - radius: 0 4 px 0 0; - moz - border - radius: 0 4 px 0 0; - ms - border - radius: 0 4 px 0 0; - o - border - radius: 0 4 px 0 0;
        border - radius: 0 4 px 0 0
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover > a > i {
        margin - right: 10 px
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover > a > .title {
        display: inline!important;padding - left: 15 px
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover > a > .badge {
        display: block!important
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover > a > .selected {
        display: none
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover.heading {
        width: 45 px!important;box - shadow: none
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover > .sub - menu {
        width: 210 px;position: absolute;z - index: 2000;left: 46 px;margin - top: 0;top: 100 % ;display: block!important; - webkit - border - radius: 0 0 4 px 4 px; - moz - border - radius: 0 0 4 px 4 px; - ms - border - radius: 0 0 4 px 4 px; - o - border - radius: 0 0 4 px 4 px;border - radius: 0 0 4 px 4 px
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover > .sub - menu > li > a {
        padding - left: 15 px!important
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover > .sub - menu > li > .sub - menu > li > a {
        padding - left: 30 px!important
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover > .sub - menu > li > .sub - menu > li > .sub - menu > li > a {
        padding - left: 45 px!important
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li.heading > h3 {
        display: none
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li.sidebar - toggler - wrapper.sidebar - toggler {
        margin - right: 8 px
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li.sidebar - search - wrapper: hover, .page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li.sidebar - toggler - wrapper: hover {
        width: 45 px!important
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li > a {
        padding - left: 11 px
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li > a.selected {
        right: -3 px!important
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li > a > .arrow, .page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li > a > .badge, .page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li > a > .title {
        display: none!important
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - toggler {
        margin - left: 3 px;
        margin - right: 3 px
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - search.input - group {
        border - color: transparent;
        margin - left: -4 px
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - search.input - group.form - control {
        display: none
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - search.input - group.input - group - btn.btn {
        display: block
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - search.sidebar - search - bordered.input - group {
        padding: 5 px 0 3 px
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - search.open {
        height: 40 px;margin - top: 15 px;margin - bottom: 14 px
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - search.open.input - group {
        width: 210 px;position: relative;z - index: 1;margin - left: 24 px;padding: 0
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - search.open.input - group.form - control {
        background: 0 0;border: 0;display: block;padding: 8 px
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - search.open.input - group.input - group - btn.btn {
        display: block;margin - right: 8 px;margin - top: 1 px
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - search.open.remove {
        background - repeat: no - repeat;
        width: 11 px;
        height: 11 px;
        margin: 10 px - 5 px 8 px - 7 px;
        display: block;
        float: left
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - search.open.sidebar - search - bordered {
        height: 38 px;margin - top: 23 px;margin - bottom: 23 px
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - search.open.sidebar - search - bordered.input - group {
        padding: 0
    }.page - sidebar - closed.page - sidebar.page - sidebar - menu.page - sidebar - menu - light.page - sidebar - menu - closed > li > a {
        padding - right: 11 px;
        padding - left: 7 px
    }.page - sidebar - closed.page - sidebar - reversed.page - sidebar {
        margin - left: -45 px;
        width: 45 px
    }.page - sidebar - closed.page - sidebar - reversed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li > .sub - menu {
        left: auto;right: 46 px
    }.page - sidebar - closed.page - sidebar - reversed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover {
        margin - left: -211 px
    }.page - sidebar - closed.page - sidebar - reversed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover > a {
        -webkit - border - radius: 4 px 0 0; - moz - border - radius: 4 px 0 0; - ms - border - radius: 4 px 0 0 0; - o - border - radius: 4 px 0 0;
        border - radius: 4 px 0 0
    }.page - sidebar - closed.page - sidebar - reversed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover > a > .title {
        padding - left: 0;
        padding - right: 15 px
    }.page - sidebar - closed.page - sidebar - reversed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li: hover > a > i {
        margin - right: 0;
        margin - left: 2 px
    }.page - sidebar - closed.page - sidebar - reversed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li.sidebar - search - wrapper: hover, .page - sidebar - closed.page - sidebar - reversed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed > li.sidebar - toggler - wrapper: hover {
        margin - left: 0
    }.page - sidebar - closed.page - sidebar - reversed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - search.open.input - group {
        margin - left: -227 px
    }.page - sidebar - closed.page - sidebar - reversed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - search.open.input - group.input - group - btn.btn {
        margin - right: 10 px!important
    }.page - sidebar - closed.page - sidebar - reversed.page - sidebar.page - sidebar - menu.page - sidebar - menu - closed.sidebar - search.open.remove {
        margin: 9 px 4 px 12 px - 16 px!important;float: right!important
    }.page - sidebar - closed.page - sidebar - reversed.page - sidebar.page - sidebar - menu.page - sidebar - menu - light.page - sidebar - menu - closed > li > a {
        padding - right: 7 px;
        padding - left: 11 px
    }.page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover {
        width: 235 px!important;display: block;z - index: 10000
    }.page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu.selected, .page - sidebar - closed.page - sidebar - hide.page - sidebar {
        display: none!important
    }.page - sidebar - closed.page - sidebar - fixed.page - sidebar: hover.page - sidebar - menu {
        width: 235 px!important
    }.page - sidebar - closed.page - sidebar - fixed.page - sidebar - reversed.page - sidebar: hover {
        width: 235 px!important;z - index: 10000;margin - left: -235 px!important
    }.page - sidebar - closed.page - sidebar - fixed.page - sidebar - reversed.page - sidebar: hover.page - sidebar - menu {
        width: 235 px!important
    }.page - sidebar - menu.page - sidebar - menu - hover - submenu li.sub - menu {
        display: none;width: 210 px;z - index: 2000;position: absolute; - webkit - border - radius: 4 px; - moz - border - radius: 4 px; - ms - border - radius: 4 px; - o - border - radius: 4 px;border - radius: 4 px
    }.page - sidebar - menu.page - sidebar - menu - hover - submenu li.sub - menu > li > a {
        margin: 3 px
    }.page - sidebar - menu.page - sidebar - menu - hover - submenu li.active.sub - menu, .page - sidebar - menu.page - sidebar - menu - hover - submenu li.open.sub - menu {
        display: none!important
    }.page - sidebar - menu.page - sidebar - menu - hover - submenu li a > .arrow {
        display: none
    }.page - sidebar - menu.page - sidebar - menu - hover - submenu li: hover > a > .arrow {
        display: block;float: right;position: absolute;right: 0;margin - top: -20 px;background: 0 0;width: 0;height: 0;border - style: solid;border - top: 12 px double transparent;border - bottom: 12 px double transparent;border - left: 0
    }.page - sidebar - menu.page - sidebar - menu - hover - submenu li: hover > a > .arrow: after, .page - sidebar - menu.page - sidebar - menu - hover - submenu li: hover > a > .arrow: before {
        display: none
    }.page - sidebar - reversed.page - sidebar - menu.page - sidebar - menu - hover - submenu li: hover > a > .arrow {
        right: auto;left: 0;border - right: 0
    }.page - sidebar - menu.page - sidebar - menu - hover - submenu li: hover > .sub - menu {
        display: inline - block!important
    }.page - sidebar - menu.page - sidebar - menu - hover - submenu > li: hover > a > .arrow {
        z - index: 1;
        right: 0;
        margin - top: -23 px
    }.page - sidebar - menu.page - sidebar - menu - hover - submenu > li: hover > a > .selected {
        display: none
    }.page - sidebar - menu.page - sidebar - menu - hover - submenu > li: hover > .sub - menu {
        margin - left: 235 px;
        margin - top: -40 px
    }.page - sidebar - reversed.page - sidebar - menu.page - sidebar - menu - hover - submenu > li: hover > .sub - menu {
        margin - left: -210 px!important
    }.page - sidebar - closed.page - sidebar - menu.page - sidebar - menu - hover - submenu > li: hover > .sub - menu {
        margin - left: 0
    }.page - sidebar - menu.page - sidebar - menu - hover - submenu > li: hover > .sub - menu > li > a {
        padding - left: 15 px
    }.page - sidebar - menu.page - sidebar - menu - hover - submenu > li: hover > .sub - menu > li.sub - menu {
        margin - left: 210 px;
        margin - top: -38 px!important
    }.page - sidebar - reversed.page - sidebar - menu.page - sidebar - menu - hover - submenu > li: hover > .sub - menu > li.sub - menu {
        margin - left: -210 px!important
    }.page - sidebar - menu.page - sidebar - menu - hover - submenu > li: hover > .sub - menu > li.sub - menu > li > a {
        padding - left: 10 px;
        padding - right: 10 px
    }.page - sidebar - menu.page - sidebar - menu - light.page - sidebar - menu - hover - submenu li: hover > .sub - menu, .page - sidebar - menu.page - sidebar - menu - light.page - sidebar - menu - hover - submenu li: hover > .sub - menu > li > .sub - menu {
        margin - top: -41 px
    }
}.page - sidebar - wrapper.page - sidebar - menu > li.sidebar - mobile - offcanvas - toggler {
    display: none
}
@media(max - width: 991 px) {.page - sidebar, .page - sidebar.navbar - collapse.in {
        border - top: 0!important;
        margin: 20 px
    }.page - sidebar.sidebar - toggler {
        display: none
    }.page - sidebar.selected, .page - sidebar.navbar - collapse.collapse {
        display: none!important
    }.page - sidebar.navbar - collapse {
        max - height: none
    }.page - sidebar.navbar - collapse.in {
        position: relative;overflow: hidden!important;overflow - y: auto!important;display: block!important
    }.page - sidebar.navbar - collapse.navbar - no - scroll {
        max - height: none!important
    }.page - sidebar.mega - menu - responsive - content {
        padding: 10 px 18 px 10 px 45 px
    }.page - full - width.page - sidebar - menu {
        display: block
    }.page - sidebar - mobile - offcanvas.page - sidebar - wrapper {
        z - index: 10000;
        position: fixed;
        top: 0;
        bottom: 0;
        overflow - y: auto;
        width: 235 px;
        left: -235 px;
        transition: all .3 s
    }.page - sidebar - mobile - offcanvas.page - sidebar - wrapper.page - sidebar {
        margin: 0!important
    }.page - sidebar - mobile - offcanvas.page - sidebar - wrapper.page - sidebar.page - sidebar - menu {
        width: 100 % ;margin: 0!important;padding: 0 0 20 px
    }.page - sidebar - mobile - offcanvas.page - sidebar - wrapper.page - sidebar.page - sidebar - menu > li.sidebar - mobile - offcanvas - toggler {
        display: block;border: 0;text - align: right
    }.page - sidebar - mobile - offcanvas.page - sidebar - wrapper.page - sidebar.page - sidebar - menu > li.sidebar - mobile - offcanvas - toggler > a {
        border: 0
    }.page - sidebar - mobile - offcanvas.page - sidebar - wrapper.page - sidebar.page - sidebar - menu > li.sidebar - mobile - offcanvas - toggler > a: hover {
        background: 0 0
    }.page - sidebar - mobile - offcanvas.page - sidebar - mobile - offcanvas - open.page - sidebar - wrapper {
        left: 0;transition: all .3 s
    }
}
@media(min - width: 768 px) and(max - width: 991 px) {.page - sidebar.btn - navbar.collapsed.arrow {
        display: none
    }.page - sidebar.btn - navbar.arrow {
        position: absolute;right: 25 px;width: 0;height: 0;top: 50 px;border - bottom: 15 px solid #5f646b;border-left:15px solid transparent;border-right:15px solid transparent}}@media (max-width:480px){.page-sidebar,.page-sidebar.in{margin:0 10px 10px!important}.page-header-fixed.page-header-fixed-mobile .page-sidebar,.page-header-fixed.page-header-fixed-mobile .page-sidebar.in{margin-top:10px!important}}.page-title{padding:0;font-size:28px;letter-spacing:-1px;display:block;color:# 666;margin: 0 0 15 px;font - weight: 300
    }.page - title small {
        font - size: 14 px;
        letter - spacing: 0;
        font - weight: 300;
        color: #888}.page-container-bg-solid .page-title,.page-content-white .page-title{color:# 666;
        margin - bottom: 20 px;
        margin - top: 20 px
    }.page - container - bg - solid.page - title small, .page - content - white.page - title small {
        color: #666}.page-content-white .page-title{margin:25px 0;font-size:24px}.page-bar{padding:0;background-color:# f1f4f7;margin - bottom: 25 px; - webkit - border - radius: 4 px; - moz - border - radius: 4 px; - ms - border - radius: 4 px; - o - border - radius: 4 px;border - radius: 4 px
    }.page - bar: after, .page - bar: before {
        content: " ";display: table
    }.page - bar.page - breadcrumb {
        display: inline - block;float: left;padding: 8 px;margin: 0;list - style: none
    }.page - bar.page - breadcrumb > li {
        display: inline - block
    }.ie8.page - bar.page - breadcrumb > li {
        margin - right: 1 px
    }.page - bar.page - breadcrumb > li > a, .page - bar.page - breadcrumb > li > span {
        color: #888;font-size:14px;text-shadow:none}.page-bar .page-breadcrumb>li>i{color:# aaa;font - size: 14 px;text - shadow: none
    }.page - bar.page - breadcrumb > li > i[class *= icon - ], .page - bar.page - breadcrumb > li > i[class ^= icon - ] {
        color: gray
    }.page - bar.page - toolbar {
        display: inline - block;float: right;padding: 0
    }.page - bar.page - toolbar.btn - fit - height {
        -webkit - border - radius: 0 4 px 4 px 0; - moz - border - radius: 0 4 px 4 px 0; - ms - border - radius: 0 4 px 4 px 0; - o - border - radius: 0 4 px 4 px 0;
        border - radius: 0 4 px 4 px 0;
        padding - top: 8 px;
        padding - bottom: 8 px
    }.page - md.page - bar.page - toolbar.btn - fit - height {
        padding - top: 9 px;
        padding - bottom: 9 px;
        box - shadow: none!important
    }.page - container - bg - solid.page - bar, .page - content - white.page - bar {
        background - color: #fff;
        position: relative;
        padding: 0 20 px;
        margin: -25 px - 20 px 0
    }.page - container - bg - solid.page - bar.page - breadcrumb, .page - content - white.page - bar.page - breadcrumb {
        padding: 11 px 0
    }.page - container - bg - solid.page - bar.page - breadcrumb > li > a, .page - container - bg - solid.page - bar.page - breadcrumb > li > span, .page - content - white.page - bar.page - breadcrumb > li > a, .page - content - white.page - bar.page - breadcrumb > li > span {
        color: #888}.page-container-bg-solid .page-bar .page-breadcrumb>li>i,.page-content-white .page-bar .page-breadcrumb>li>i{color:# aaa
    }.page - container - bg - solid.page - bar.page - breadcrumb > li > i.fa - circle, .page - content - white.page - bar.page - breadcrumb > li > i.fa - circle {
        font - size: 5 px;
        margin: 0 5 px;
        position: relative;
        top: -3 px;
        opacity: .4;
        filter: alpha(opacity = 40)
    }.page - container - bg - solid.page - bar.page - breadcrumb > li > i[class *= icon - ], .page - container - bg - solid.page - bar.page - breadcrumb > li > i[class ^= icon - ], .page - content - white.page - bar.page - breadcrumb > li > i[class *= icon - ], .page - content - white.page - bar.page - breadcrumb > li > i[class ^= icon - ] {
        color: #8c8c8c}.page-container-bg-solid .page-bar .page-toolbar,.page-content-white .page-bar .page-toolbar{padding:6px 0}.page-container-bg-solid .page-bar .page-toolbar .btn,.page-content-white .page-bar .page-toolbar .btn{margin-top:-2px}.page-container-bg-solid .page-bar .page-toolbar .btn.btn-sm,.page-content-white .page-bar .page-toolbar .btn.btn-sm{margin-top:0}.page-content{margin-top:0;padding:0;background-color:# fff
    }.page - container - bg - solid.page - content {
        background: #eef1f5
    }.page - content - white.page - content.page - bar {
        border - bottom: 1 px solid# e7ecf1
    }.page - container - bg - solid.page - md.page - content.page - bar, .page - content - white.page - md.page - content.page - bar {
        border - radius: 0!important
    }.page - full - width.page - content {
        margin - left: 0!important
    }
    @media(min - width: 992 px) {.page - content - wrapper {
            float: left;width: 100 %
        }.page - content - wrapper.page - content {
            margin - left: 235 px;
            margin - top: 0;
            min - height: 600 px;
            padding: 25 px 20 px 10 px
        }.page - content - wrapper.page - content.no - min - height {
            min - height: auto
        }.page - sidebar - fixed.page - sidebar - hover - on.page - content - wrapper.page - content {
            margin - left: 45 px
        }.page - sidebar - reversed.page - content - wrapper.page - content {
            margin - left: 0!important;
            margin - right: 235 px!important
        }.page - sidebar - reversed.page - sidebar - fixed.page - sidebar - hover - on.page - content - wrapper.page - content {
            margin - left: 0;
            margin - right: 45 px
        }.page - sidebar - reversed.page - sidebar - closed.page - content - wrapper.page - content {
            margin - left: 0!important;
            margin - right: 45 px!important
        }.page - sidebar - closed.page - content - wrapper.page - content {
            margin - left: 45 px!important
        }.page - full - width.page - content - wrapper.page - content, .page - sidebar - closed.page - sidebar - hide.page - content - wrapper.page - content {
            margin - left: 0!important
        }.page - sidebar - closed.page - sidebar - reversed.page - sidebar - hide.page - content - wrapper.page - content {
            margin - right: 0!important
        }
    }
    @media(max - width: 991 px) {
        body,
        html {
            /*overflow - x: hidden*/
        }.page - container - bg - solid.page - bar,
        .page - content - white.page - bar {
            margin - top: -20 px
        }.page - boxed > .container {
            max - width: none!important;
            margin: 0!important;
            padding: 0!important
        }.page - content - wrapper.page - content {
            margin: 0!important;padding: 20 px!important;min - height: 280 px
        }.page - sidebar - mobile - offcanvas.page - wrapper {
            left: 0;transition: all .3 s
        }.page - sidebar - mobile - offcanvas.page - wrapper.page - header {
            transition: all .3 s
        }.page - sidebar - mobile - offcanvas.page - sidebar - mobile - offcanvas - open {
            overflow - x: hidden;
            transition: all .3 s
        }.page - sidebar - mobile - offcanvas.page - sidebar - mobile - offcanvas - open.page - wrapper {
            position: relative;left: 235 px;transition: all .3 s
        }.page - sidebar - mobile - offcanvas.page - sidebar - mobile - offcanvas - open.page - wrapper.page - header {
            transition: all .3 s
        }
    }
    @media(min - width: 768 px) and(max - width: 991 px) {.page - boxed > .container {
            margin: auto!important
        }
    }
    @media(max - width: 767 px) {.page - content - wrapper.page - content {
            padding: 20 px 10 px 10 px!important;overflow: hidden
        }.page - content - wrapper.page - content.page - title {
            margin - bottom: 20 px;
            font - size: 18 px
        }.page - content - wrapper.page - content.page - title small {
            font - size: 13 px;
            padding - top: 3 px
        }
    }
    @media(max - width: 480 px) {.page - content - wrapper.page - content.page - title small {
            display: block;clear: both
        }
    }.page - footer {
        padding: 8 px 20 px 5 px;font - size: 13 px;height: 33 px
    }.page - footer: after, .page - footer: before {
        content: " ";display: table
    }.page - footer.page - footer - inner {
        float: left;display: inline - block
    }.page - footer - fixed.page - footer - fixed - mobile.page - footer {
        position: fixed;left: 0;right: 0;z - index: 10000;bottom: 0
    }.page - footer - fixed.page - footer - fixed - mobile.page - sidebar - fixed.page - footer {
        margin - left: 0!important
    }
    @media(min - width: 992 px) {.page - footer {
            clear: left
        }.page - footer - fixed.page - footer {
            position: fixed;left: 0;right: 0;z - index: 10000;bottom: 0
        }.page - sidebar - fixed.page - sidebar - closed.page - footer {
            margin - left: 45 px
        }.page - sidebar - fixed.page - footer - fixed.page - footer {
            margin - left: 0!important
        }.page - sidebar - fixed.page - footer {
            margin - left: 235 px;
            padding: 8 px 20 px 5 px
        }.page - boxed.page - footer {
            padding: 8 px 0 5 px
        }.page - boxed.page - sidebar - fixed.page - footer {
            padding - right: 20 px;
            padding - left: 20 px
        }.page - sidebar - reversed.page - sidebar - fixed.page - footer {
            margin - left: 0;
            margin - right: 235 px;
            padding: 8 px 20 px 5 px
        }.page - sidebar - reversed.page - sidebar - fixed.page - footer - fixed.page - footer {
            margin - left: 0;
            margin - right: 0
        }.page - sidebar - reversed.page - sidebar - fixed.page - sidebar - closed.page - footer {
            margin - right: 45 px
        }
    }
    @media(max - width: 991 px) {.page - boxed.page - footer {
            padding - left: 0;
            padding - right: 0
        }
    }
    @media(max - width: 767 px) {.page - boxed.page - footer, .page - footer {
            padding - left: 10 px;
            padding - right: 10 px
        }.page - footer - fixed.page - footer.container {
            padding - left: 0;
            padding - right: 0
        }
    }.scroll - to - top {
        padding: 1 px;text - align: center;position: fixed;bottom: 10 px;z - index: 10001;display: none;right: 10 px
    }.theme - panel > .toggler, .theme - panel > .toggler - close {
        padding: 20 px; - webkit - border - radius: 4 px; - moz - border - radius: 4 px; - ms - border - radius: 4 px; - o - border - radius: 4 px;top: 4 px;cursor: pointer
    }.scroll - to - top > i {
        display: inline - block;color: #687991;font-size:30px;opacity:.6;filter:alpha(opacity= 60)
}.scroll - to - top: hover {
    cursor: pointer
}.scroll - to - top: hover > i {
    opacity: 1;filter: alpha(opacity = 100)
}
@media(min - width: 992 px) {.scroll - to - top {
        right: 20 px
    }
}
@media(max - width: 991 px) {.scroll - to - top {
            bottom: 10 px;right: 10 px
        }.scroll - to - top > i {
            font - size: 28 px
        }
    }.theme - panel {
        width: 420 px;margin - top: -13 px;margin - right: 0;z - index: 100;float: right;position: relative
    }.theme - panel > .toggler {
        right: 0;position: absolute;background: url(.. / img / icon - color.png) center no - repeat #536881;border-radius:4px}.theme-panel>.toggler:hover{background-color:# 3 f4f62!important
    }.theme - panel > .toggler - close {
        display: none;right: 0;z - index: 101;position: absolute;background: url(.. / img / icon - color - close.png) center no - repeat #2b3643!important;border-radius:4px}.theme-panel>.toggler-close:hover{background-color:# 212933!important
    }.theme - panel > .theme - options {
        top: 4 px;right: 0;display: none;position: absolute;z - index: 100;background: #2b3643;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.theme-panel>.theme-options>.theme-option{color:# c6cfda;padding: 15 px;border - top: 1 px solid #354353;margin-top:0;margin-bottom:0}.theme-panel>.theme-options>.theme-option>span{text-transform:uppercase;display:inline-block;width:145px;font-size:13px;font-weight:300}.theme-panel>.theme-options>.theme-option>select.form-control{display:inline;width:135px;padding:2px;text-transform:lowercase}.theme-panel>.theme-options>.theme-option.theme-colors{border-top:0}.theme-panel>.theme-options>.theme-option.theme-colors>span{display:block;width:auto}.theme-panel>.theme-options>.theme-option.theme-colors>ul{list-style:none;padding:0;display:block;margin-bottom:10px!important;margin-top:15px}.theme-panel>.theme-options>.theme-option.theme-colors>ul>li{width:40px;height:40px;margin:0 4px;cursor:pointer;list-style:none;float:left;border:1px solid # 707070
    }.theme - panel > .theme - options > .theme - option.theme - colors > ul > li: first - child {
        margin - left: 0
    }.theme - panel > .theme - options > .theme - option.theme - colors > ul > li.current, .theme - panel > .theme - options > .theme - option.theme - colors > ul > li: hover {
        border: 2 px solid# d64635
    }.theme - panel > .theme - options > .theme - option.theme - colors > ul > li.color -
    default {
        background: #333438}.theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-darkblue{background:# 2 b3643
    }.theme - panel > .theme - options > .theme - option.theme - colors > ul > li.color - blue {
        background: #2D5F8B}.theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-grey{background:# 697380
    }.theme - panel > .theme - options > .theme - option.theme - colors > ul > li.color - light {
        background: #F9FAFD
    }.theme - panel > .theme - options > .theme - option.theme - colors > ul > li.color - light2 {
        background: #F1F1F1
    }.page - container - bg - solid.theme - panel, .page - content - white.theme - panel {
        position: absolute;margin - top: 30 px;margin - right: 20 px;right: 0
    }.page - container - bg - solid.theme - panel > .toggler1, .page - content - white.theme - panel > .toggler1 {
        background: url(.. / img / icon - color.png) center no - repeat# BFCAD1
    }.page - container - bg - solid.page - sidebar - reversed.theme - panel, .page - content - white.page - sidebar - reversed.theme - panel {
        margin - right: 255 px
    }.page - container - bg - solid.page - sidebar - reversed.page - sidebar - closed.theme - panel, .page - content - white.page - sidebar - reversed.page - sidebar - closed.theme - panel {
        margin - right: 65 px
    }.page - header.top - menu.dropdown - quick - sidebar - toggler > .dropdown - toggle {
        padding: 19 px 10 px 10 px!important
    }.page - header.top - menu.dropdown - quick - sidebar - toggler > .dropdown - toggle i {
        top: 0
    }.page - header.top - menu.dropdown - quick - sidebar - toggler > .dropdown - toggle i: before {
        content: ""
    }.page - quick - sidebar - open.page - header.top - menu.dropdown - quick - sidebar - toggler > .dropdown - toggle i: before, .page - quick - sidebar - open.page - quick - sidebar - toggler > i: before {
        content: ""
    }.page - portlet - fullscreen.page - quick - sidebar - toggler, .page - portlet - fullscreen.page - quick - sidebar - wrapper {
        z - index: -1
    }.page - quick - sidebar - toggler {
        overflow: hidden;z - index: 99999;display: none;width: 28 px;height: 27 px;position: fixed;top: 10 px;right: 15 px;text - align: center;padding - top: 6 px
    }.page - quick - sidebar - toggler: hover {
        background: #303a43}.page-quick-sidebar-open .page-quick-sidebar-toggler{display:inline-block}.page-quick-sidebar-open .page-quick-sidebar-toggler:hover{background:0 0}.page-quick-sidebar-toggler>i{color:# 99 a8b5;font - size: 17 px
    }.page - quick - sidebar - toggler > i: hover {
        color: #fff!important
    }.page - quick - sidebar - wrapper {
        transition: right .3 s;z - index: 10500;position: fixed;top: 0;bottom: 0;width: 320 px;right: -320 px;overflow: hidden;color: #99a8b5;background:# 21282e
    }.page - quick - sidebar - open.page - quick - sidebar - wrapper {
        transition: right .3 s;right: 0
    }.page - quick - sidebar - wrapper.page - quick - sidebar {
        background: #21282e}.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs{margin:0;padding:0;border:0}.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li{display:table-cell!important;width:1%!important;padding:0;margin:0;float:none}.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li>a{position:relative;display:block;text-align:center;height:auto;font-size:14px;padding:45px 15px 8px;text-transform:uppercase;background:0 0;margin-right:0;color:# 90 a1af;border: 0;border - bottom: 3 px solid rgba(243, 86, 93, .3); - webkit - border - radius: 0; - moz - border - radius: 0; - ms - border - radius: 0; - o - border - radius: 0;border - radius: 0;outline: 0!important
    }.page - quick - sidebar - wrapper.page - quick - sidebar.nav - tabs > li > a > .badge {
        position: absolute;top: 45 px;right: 3 px
    }.page - quick - sidebar - wrapper.page - quick - sidebar.nav - tabs > li.active > a, .page - quick - sidebar - wrapper.page - quick - sidebar.nav - tabs > li: hover > a {
        border: 0;border - bottom: 3 px solid# f3565d;background: 0 0;color: #fff;text - decoration: none
    }.page - quick - sidebar - wrapper.page - quick - sidebar.nav - tabs > li.dropdown - menu {
        border: 0;background: #36424c;box-shadow:5px 5px rgba(97,117,135,.1);margin-top:8px;margin-right:20px}.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu:before{position:absolute;top:-7px;right:19px;display:inline-block!important;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid # 36424 c;content: ''
    }.page - quick - sidebar - wrapper.page - quick - sidebar.nav - tabs > li.dropdown - menu: after {
        position: absolute;top: -6 px;right: 20 px;display: inline - block!important;border - right: 6 px solid transparent;border - left: 6 px solid transparent;border - bottom: 7 px solid #36424c;content:''}.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li>a{padding:10px 15px;color:# 99 a8b5
    }.page - quick - sidebar - wrapper.page - quick - sidebar.nav - tabs > li.dropdown - menu > li > a > i {
        color: #93a3b1}.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li:hover>a{background:# 3 d4a55;color: #99a8b5}.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li:hover>a>i{color:# 9 babb8
    }.page - quick - sidebar - wrapper.page - quick - sidebar.nav - tabs > li.dropdown - menu > li.active > a {
        background: #38444f;color:# 99 a8b5
    }.page - quick - sidebar - wrapper.page - quick - sidebar.nav - tabs > li.dropdown - menu > li.divider {
        background - color: #3d4a55}.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li.open>a.dropdown-toggle{border-bottom:3px solid # f3565d;
        background: 0 0;
        text - decoration: none;
        color: #90a1af}.page-quick-sidebar-wrapper .page-quick-sidebar .tab-content{margin:0;padding:0}.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading{font-size:16px;margin:10px;color:# 6 c8296
    }.page - quick - sidebar - wrapper.page - quick - sidebar.list - items {
        margin: 0;padding: 0;list - style: none
    }.page - quick - sidebar - wrapper.page - quick - sidebar.list - items > li {
        margin: 0;padding: 15 px;background: 0 0;border - bottom - width: 1 px;border - bottom - style: solid;border - bottom - color: #273037}.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li:hover{background:# 273037
    }.page - quick - sidebar - wrapper.page - quick - sidebar.list - items > li: last - child {
        border - bottom: 0
    }.page - quick - sidebar - wrapper.page - quick - sidebar.list - items.borderless li {
        border: 0
    }.page - quick - sidebar - wrapper.page - quick - sidebar.inner - content {
        margin: 10 px
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - list {
        position: absolute!important;width: 320 px!important;transition: margin .3 s
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - item {
        position: absolute!important;width: 320 px!important;transition: margin .3 s;margin - left: 320 px
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - item.page - quick - sidebar - nav {
        padding: 15 px 10 px 0
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - item.page - quick - sidebar - nav.page - quick - sidebar - back - to - list {
        vertical - align: middle;
        display: inline - block;
        font - size: 14 px;
        color: #90a1af}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list:hover{text-decoration:none}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list>i{font-size:17px;line-height:17px;vertical-align:top;margin-right:3px}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list{transition:margin .3s;margin-left:-320px}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar,.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail{display:none!important}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item{transition:margin .3s;margin-left:0}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users{padding:10px 0;position:relative}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media{padding:15px}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object{border-radius:50%!important;width:45.71px;opacity:.8;filter:alpha(opacity= 80);
float: left;
margin - right: 10 px
}.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - users.media - list.media.media - object: after, .page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - users.media - list.media.media - object: before {
        content: " ";display: table
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - users.media - list.media.media - object: after {
        clear: both
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - users.media - list.media: hover {
        cursor: pointer
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - users.media - list.media: hover.media - object {
        opacity: 1;filter: alpha(opacity = 100)
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - users.media - list.media.media - body.media - heading {
        margin: 5 px 0 0;font - size: 14 px
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - users.media - list.media.media - body.media - heading - sub {
        font - size: 11 px;
        text - transform: uppercase;
        color: #657b8d}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small{font-size:10px;color:# 5 d7081
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - users.media - list.media.media - status {
        margin - top: 10 px;
        right: 10 px;
        position: absolute;
        display: inline - block
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - user.page - quick - sidebar - chat - user - messages {
        padding: 0 10 px;position: relative
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - user.page - quick - sidebar - chat - user - messages.post {
        transition: display .3 s;padding: 5 px 0;margin: 10 px auto;font - size: 13 px
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - user.page - quick - sidebar - chat - user - messages.post.body {
        color: #c3c3c3;display: block
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - user.page - quick - sidebar - chat - user - messages.post.avatar {
        width: 45.71 px;border - radius: 50 % !important
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - user.page - quick - sidebar - chat - user - messages.post.in.avatar {
        float: left;margin - right: 10 px
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - user.page - quick - sidebar - chat - user - messages.post.out.avatar {
        float: right;margin - left: 10 px
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - user.page - quick - sidebar - chat - user - messages.post.datetime, .page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - user.page - quick - sidebar - chat - user - messages.post.name {
        font - size: 12 px;
        font - weight: 300;
        color: #8496a7}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message{display:block;padding:5px;position:relative;color:# 90 a1af;
        background: #36424c}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message{text-align:left;margin-left:55px}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime,.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .name,.quick-nav ul{text-align:right}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow{display:block;position:absolute;top:9px;left:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right-width:6px;border-right-style:solid;border-right-color:# 36424 c
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - user.page - quick - sidebar - chat - user - messages.post.out.message {
        margin - right: 55 px;
        text - align: right
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - chat.page - quick - sidebar - chat - user.page - quick - sidebar - chat - user - messages.post.out.message.arrow {
        display: block;position: absolute;top: 9 px;right: -6 px;border - top: 6 px solid transparent;border - bottom: 6 px solid transparent;border - left - width: 6 px;border - left - style: solid;border - left - color: #36424c}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form{padding:20px 10px 15px}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list{padding:10px 0;position:relative}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a{color:# 7e91 a2
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - alerts.page - quick - sidebar - alerts - list.feeds li a.label {
        margin - top: 5 px
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - alerts.page - quick - sidebar - alerts - list.feeds li a.desc {
        text - decoration: underline;
        padding: 0;
        color: #788c9e}.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .date{color:# 5 d7081
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - settings.page - quick - sidebar - settings - list {
        padding: 10 px 0;position: relative
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - settings.page - quick - sidebar - settings - list.list - items li.bootstrap -
    switch {
        margin - top: -3 px;
        float: right;
        border: 0;
        min - width: 59 px
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - settings.page - quick - sidebar - settings - list.list - items li.form - control {
        width: 75 px!important;padding: 4 px!important;float: right;border: 0;margin - top: -4 px
    }.page - quick - sidebar - wrapper.page - quick - sidebar.page - quick - sidebar - settings.page - quick - sidebar - settings - list.list - items li select.form - control {
        padding: 4 px 0!important
    }.quick - nav {
        position: fixed;z - index: 10103;top: 50 % ;right: 10 px;margin - top: -230 px;pointer - events: none
    }.quick - nav - trigger, .quick - nav.nav - is - visible {
        pointer - events: auto
    }.quick - nav.quick - nav - bg {
        position: absolute;z - index: 10102;top: 0;right: 0;width: 60 px;height: 60 px;border - radius: 30 px!important;background: #36C6D3;box-shadow:0 1px 4px rgba(0,0,0,.2);webkit-transition:height .2s,box-shadow .2s;-moz-transition:height .2s,box-shadow .2s;-ms-transition:height .2s,box-shadow .2s;-o-transition:height .2s,box-shadow .2s;transition:height .2s,box-shadow .2s}.quick-nav.nav-is-visible .quick-nav-bg{height:100%;box-shadow:0 6px 30px rgba(0,0,0,.2)}.quick-nav-trigger{position:absolute;z-index:10103;top:0;right:0;height:60px;width:60px;border-radius:50%!important;overflow:hidden;white-space:nowrap;color:transparent}.quick-nav-trigger span,.quick-nav-trigger span::after,.quick-nav-trigger span::before{position:absolute;width:16px;height:2px;background-color:# fff
    }.quick - nav - trigger span {
        webkit - transition: background - color .2 s; - moz - transition: background - color .2 s; - ms - transition: background - color .2 s; - o - transition: background - color .2 s;
        transition: background - color .2 s;
        left: 50 % ;
        top: 50 % ;
        bottom: auto;
        right: auto;
        webkit - transform: translateX(-50 % ) translateY(-50 % ); - moz - transform: translateX(-50 % ) translateY(-50 % ); - ms - transform: translateX(-50 % ) translateY(-50 % ); - o - transform: translateX(-50 % ) translateY(-50 % );
        transform: translateX(-50 % ) translateY(-50 % )
    }.quick - nav - trigger span::after, .quick - nav - trigger span::before {
        content: '';top: 0;left: 0; - webkit - backface - visibility: hidden; - moz - backface - visibility: hidden;backface - visibility: hidden;webkit - transition: transform .2 s; - moz - transition: transform .2 s; - ms - transition: transform .2 s; - o - transition: transform .2 s;transition: transform .2 s
    }.quick - nav - trigger span::before {
        webkit - transform: translateY(-6 px); - moz - transform: translateY(-6 px); - ms - transform: translateY(-6 px); - o - transform: translateY(-6 px);
        transform: translateY(-6 px)
    }.quick - nav - trigger span::after {
        webkit - transform: translateY(6 px); - moz - transform: translateY(6 px); - ms - transform: translateY(6 px); - o - transform: translateY(6 px);
        transform: translateY(6 px)
    }.no - touch.quick - nav - trigger: hover~.quick - nav - bg {
        box - shadow: 0 6 px 30 px rgba(0, 0, 0, .2)
    }.nav - is - visible.quick - nav - trigger span {
        background - color: transparent
    }.nav - is - visible.quick - nav - trigger span::before {
        webkit - transform: rotate(-45 deg); - moz - transform: rotate(-45 deg); - ms - transform: rotate(-45 deg); - o - transform: rotate(-45 deg);
        transform: rotate(-45 deg)
    }.nav - is - visible.quick - nav - trigger span::after {
        webkit - transform: rotate(45 deg); - moz - transform: rotate(45 deg); - ms - transform: rotate(45 deg); - o - transform: rotate(45 deg);
        transform: rotate(45 deg)
    }.quick - nav ul {
        position: relative;z - index: 10103;padding: 60 px 0 0;visibility: hidden;webkit - transition: visibility .3 s; - moz - transition: visibility .3 s; - ms - transition: visibility .3 s; - o - transition: visibility .3 s;transition: visibility .3 s;list - style: none
    }.quick - nav ul > li a {
        position: relative;display: block;height: 50 px;line - height: 50 px;padding: 0 calc(1e m + 60 px) 0 1e m;font - size: 1.4 rem;webkit - transition: color .2 s; - moz - transition: color .2 s; - ms - transition: color .2 s; - o - transition: color .2 s;transition: color .2 s
    }.quick - nav ul > li a::before, .quick - nav ul > li a > i {
        content: '';position: absolute;height: 16 px
    }.quick - nav ul > li a: hover, .quick - nav ul > li a: hover > span {
        text - decoration: none
    }.quick - nav ul > li a > i {
        width: 16 px;font - size: 18 px;right: 24 px;top: 16 px;color: #ebebeb
    }.quick - nav ul > li a::before {
        width: 3 px;top: 50 % ;right: 60 px;webkit - transform: translateX(3 px) translateY(-50 % ) scaleY(0); - moz - transform: translateX(3 px) translateY(-50 % ) scaleY(0); - ms - transform: translateX(3 px) translateY(-50 % ) scaleY(0); - o - transform: translateX(3 px) translateY(-50 % ) scaleY(0);transform: translateX(3 px) translateY(-50 % ) scaleY(0);background - color: #FF3F3F
    }.quick - nav ul > li span {
        color: #ebebeb;font - weight: 400;display: block;opacity: 0;webkit - transform: translateX(-25 px); - moz - transform: translateX(-25 px); - ms - transform: translateX(-25 px); - o - transform: translateX(-25 px);transform: translateX(-25 px)
    }.no - touch.quick - nav.nav - is - visible ul a: hover::after, .quick - nav.nav - is - visible ul a: hover::after {
        opacity: 1
    }.quick - nav ul > li: last - child {
        padding - bottom: 10 px
    }.quick - nav.nav - is - visible ul {
        visibility: visible
    }.quick - nav.nav - is - visible ul a::after {
        webkit - transform: translateY(-50 % ) scale(1); - moz - transform: translateY(-50 % ) scale(1); - ms - transform: translateY(-50 % ) scale(1); - o - transform: translateY(-50 % ) scale(1);
        transform: translateY(-50 % ) scale(1); - webkit - animation: scaleIn .15 s backwards; - o - animation: scaleIn .15 s backwards;
        animation: scaleIn .15 s backwards;
        webkit - transition: opacity .2 s; - moz - transition: opacity .2 s; - ms - transition: opacity .2 s; - o - transition: opacity .2 s;
        transition: opacity .2 s
    }.quick - nav.nav - is - visible ul a: hover::before {
        webkit - transform: translateX(3 px) translateY(-50 % ) scaleY(2); - moz - transform: translateX(3 px) translateY(-50 % ) scaleY(2); - ms - transform: translateX(3 px) translateY(-50 % ) scaleY(2); - o - transform: translateX(3 px) translateY(-50 % ) scaleY(2);
        transform: translateX(3 px) translateY(-50 % ) scaleY(2);
        webkit - transition: transform .15 s .3 s; - moz - transition: transform .15 s .3 s; - ms - transition: transform .15 s .3 s; - o - transition: transform .15 s .3 s;
        transition: transform .15 s .3 s
    }.quick - nav.nav - is - visible ul a: hover > span {
        color: #fff
    }.quick - nav.nav - is - visible ul a: hover > i {
        color: #fafafa
    }.quick - nav.nav - is - visible ul span {
        opacity: 1;webkit - transform: translateX(0); - moz - transform: translateX(0); - ms - transform: translateX(0); - o - transform: translateX(0);transform: translateX(0); - webkit - animation: slideIn .15 s backwards; - o - animation: slideIn .15 s backwards;animation: slideIn .15 s backwards;webkit - transition: transform .2 s; - moz - transition: transform .2 s; - ms - transition: transform .2 s; - o - transition: transform .2 s;transition: transform .2 s
    }.no - touch.quick - nav.nav - is - visible ul a: hover span {
        webkit - transform: translateX(-5 px); - moz - transform: translateX(-5 px); - ms - transform: translateX(-5 px); - o - transform: translateX(-5 px);
        transform: translateX(-5 px)
    }.quick - nav - overlay {
        display: none;top: 0;bottom: 0;right: 0;left: 0;position: fixed;z - index: 10101;background: 0 0
    }.quick - nav.nav - is - visible + .quick - nav - overlay {
        background: rgba(0, 0, 0, .8);display: block; - webkit - transition: background .7 s ease - out; - moz - transition: background .7 s ease - out; - o - transition: background .7 s ease - out;transition: background .7 s ease - out
    }
@media(max - width: 991 px) {.quick - nav {
        top: 120 px;margin - top: 0
    }
}.page - on - load {
    background: #fefefe
}.page - on - load.page - container, .page - on - load.page - footer, .page - on - load.page - header, .page - on - load > .clearfix {
    display: none;transition: all 2 s
}