img {
    max-width: 100%;
    height: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    vertical-align: middle
}

/**** uk-nav *****/
.uk-nav, .uk-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-nav li > a {
    display: block;
    text-decoration: none
}

.uk-nav > li > a {
    padding: 3px 15px
}

.uk-nav ul {
    padding-left: 15px
}

.uk-nav ul a {
    padding: 2px 0
}

.uk-nav li > a > div {
    font-size: 12px;
    line-height: 18px
}

.uk-nav-header {
    padding: 3px 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px
}

.uk-nav-header:not(:first-child) {
    margin-top: 15px
}

.uk-nav-divider {
    margin: 7px 15px
}

ul.uk-nav-sub {
    padding: 5px 0 5px 15px
}

.uk-nav-parent-icon .uk-parent > a:after {
    content: "\f104";
    width: 20px;
    margin-right: 0px;
    float: right;
    font-family: FontAwesome;
    text-align: center
}

.uk-nav-parent-icon .uk-parent.uk-open > a:after {
    content: "\f107"
}

.uk-nav-side > li > a {
    color: #666
}

.uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus {
    background: rgba(0, 0, 0, .03);
    color: #666;
    outline: 0;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
    text-shadow: 0 -1px 0 #fff
}

.uk-nav-side > li.uk-active > a {
    background: #009dd8;
    color: #fff;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-nav-side .uk-nav-header {
    color: #666
}

.uk-nav-side .uk-nav-divider {
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 1px 0 #fff
}

.uk-nav-side ul a {
    color: #1d8acb
}

.uk-nav-side ul a:hover {
    color: #0b5f90
}

.uk-nav-dropdown > li > a {
    color: #666
}

.uk-nav-dropdown > li > a:hover, .uk-nav-dropdown > li > a:focus {
    background: #009dd8;
    color: #fff;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-nav-dropdown .uk-nav-header {
    color: #999
}

.uk-nav-dropdown .uk-nav-divider {
    border-top: 1px solid #e5e5e5
}

.uk-nav-dropdown ul a {
    color: #1d8acb
}

.uk-nav-dropdown ul a:hover {
    color: #0b5f90
}

.uk-nav-navbar > li > a {
    color: #666
}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {
    background: #009dd8;
    color: #fff;
    outline: 0;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}

.uk-nav-navbar .uk-nav-header {
    color: #999
}

.uk-nav-navbar .uk-nav-divider {
    border-top: 1px solid #e5e5e5
}

.uk-nav-navbar ul a {
    color: #1d8acb
}

.uk-nav-navbar ul a:hover {
    color: #0b5f90
}

.uk-nav-offcanvas > li > a {
    color: #ccc;
    padding: 10px 15px;
    border-top: 1px solid rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
    background: #404040;
    color: #fff;
    outline: 0
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: #1a1a1a;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

.uk-nav-offcanvas .uk-nav-header {
    color: #777;
    margin-top: 0;
    border-top: 1px solid rgba(0, 0, 0, .3);
    background: #404040;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.uk-nav-offcanvas .uk-nav-divider {
    border-top: 1px solid rgba(255, 255, 255, .01);
    margin: 0;
    height: 4px;
    background: rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}

.uk-nav-offcanvas ul a {
    color: #ccc
}

html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
    color: #fff
}

.uk-nav-offcanvas {
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .05)
}

.uk-nav-offcanvas .uk-nav-sub {
    border-top: 1px solid rgba(0, 0, 0, .3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05)
}

.uk-offcanvas {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, .1)
}

.uk-offcanvas.uk-active {
    display: block
}

.uk-offcanvas-page {
    position: fixed;
    /*-webkit-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out*/
}

.uk-offcanvas-bar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1001;
    width: 270px;
    max-width: 100%;
    background: #333;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /*-webkit-transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out*/
}

.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
}

.uk-offcanvas-bar-flip {
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.uk-offcanvas .uk-panel {
    margin: 20px 15px;
    color: #777;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.uk-offcanvas .uk-panel-title {
    color: #ccc
}

.uk-offcanvas .uk-panel a:not([class]) {
    color: #ccc
}

.uk-offcanvas .uk-panel a:not([class]):hover {
    color: #fff
}

.uk-offcanvas-bar:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: rgba(0, 0, 0, .6);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6)
}

.uk-offcanvas-bar-flip:after {
    right: auto;
    left: 0;
    width: 1px;
    background: rgba(0, 0, 0, .6);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6)
}

.uk-parent {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}