article, footer, header {
    display: block
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

a:active, a:hover {
    outline: 0
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

@media print {
    * {
        text-shadow: none!important;
        color: #000!important;
        background: 0 0!important;
        box-shadow: none!important
    }
    a, a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    p {
        orphans: 3;
        widows: 3
    }
}

.clearfix:after, .clearfix:before {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    background-color: #fff
}

a {
    color: #005e8d;
    text-decoration: none
}

a:focus, a:hover {
    color: #002b41;
    text-decoration: underline
}

.row {
    margin-left: -20px
}

.row:after, .row:before {
    display: table;
    content: "";
    line-height: 0
}

.row:after {
    clear: both
}

[class*=span] {
    float: left;
    min-height: 1px;
    margin-left: 20px
}

.container {
    width: 940px
}



.row-fluid {
    width: 100%
}

.row-fluid:after, .row-fluid:before {
    display: table;
    content: "";
    line-height: 0
}

.row-fluid:after {
    clear: both
}

.row-fluid [class*=span] {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.127659574%
}

.row-fluid [class*=span]:first-child {
    margin-left: 0
}

.row-fluid [class*=span].pull-right, [class*=span].pull-right {
    float: right
}

.container {
    margin-right: auto;
    margin-left: auto
}

.container:after, .container:before {
    display: table;
    content: "";
    line-height: 0
}

.container:after {
    clear: both
}

.container-fluid {
    padding-right: 20px;
    padding-left: 20px
}

.container-fluid:after, .container-fluid:before {
    display: table;
    content: "";
    line-height: 0
}

.container-fluid:after {
    clear: both
}

p {
    margin: 0 0 9px
}

.page-header {
    padding-bottom: 8px;
    margin: 18px 0 27px;
    border-bottom: 1px solid #eee
}

ul {
    padding: 0;
    margin: 0 0 9px 25px
}

ul ul {
    margin-bottom: 0
}

li {
    line-height: 18px
}

hr {
    margin: 18px 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

@media (max-width:767px) {
    body {
        padding-left: 20px;
        padding-right: 20px
    }
    .container-fluid {
        padding: 0
    }
    .container {
        width: auto
    }
    .row-fluid {
        width: 100%
    }
    .row {
        margin-left: 0
    }
    .row-fluid [class*=span], [class*=span] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .row-fluid .span12, .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .row-fluid [class*=offset]:first-child {
        margin-left: 0
    }
}

@media (min-width:768px) and (max-width:979px) {
    .row {
        margin-left: -20px
    }
    .row:after, .row:before {
        display: table;
        content: "";
        line-height: 0
    }
    .row:after {
        clear: both
    }
    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 20px
    }
    .container {
        width: 724px
    }
 
    .row-fluid {
        width: 100%
    }
    .row-fluid:after, .row-fluid:before {
        display: table;
        content: "";
        line-height: 0
    }
    .row-fluid:after {
        clear: both
    }
    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        min-height: 28px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.127659574%
    }
    .row-fluid [class*=span]:first-child {
        margin-left: 0
    }

}

@media (min-width:1200px) {
    .row {
        margin-left: -20px
    }
    .row:after, .row:before {
        display: table;
        content: "";
        line-height: 0
    }
    .row:after {
        clear: both
    }
    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 20px
    }
    .container {
        width: 940px
    }

    }
    .row-fluid {
        width: 100%
    }
    .row-fluid:after, .row-fluid:before {
        display: table;
        content: "";
        line-height: 0
    }
    .row-fluid:after {
        clear: both
    }
    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        min-height: 28px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.127659574%
    }
    .row-fluid [class*=span]:first-child {
        margin-left: 0
    }
}

@media (max-width:979px) {
    body {
        padding-top: 0
    }
}

.width-10 {
    width: 10px
}

.width-20 {
    width: 20px
}

.width-30 {
    width: 30px
}

.width-40 {
    width: 40px
}

.width-50 {
    width: 50px
}

.width-60 {
    width: 60px
}

.width-70 {
    width: 70px
}

.width-80 {
    width: 80px
}

.width-90 {
    width: 90px
}

.width-100 {
    width: 100px
}

.page-header {
    margin: 2px 0 10px 0;
    padding-bottom: 5px
}

@font-face {
    font-family: IcoMoon;
    src: url(../../../media/jui/fonts/IcoMoon.eot);
    src: url(../../../media/jui/fonts/IcoMoond41d.eot?#iefix) format('embedded-opentype'), url(../../../media/jui/fonts/IcoMoon.woff) format('woff'), url(../../../media/jui/fonts/IcoMoon.ttf) format('truetype'), url(../../../media/jui/fonts/IcoMoon.svg#IcoMoon) format('svg');
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    font-family: IcoMoon;
    content: attr(data-icon);
    speak: none
}

[class*=" icon-"], [class^=icon-] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: .25em;
    line-height: 14px
}

[class*=" icon-"]:before, [class^=icon-]:before {
    font-family: IcoMoon;
    font-style: normal;
    speak: none
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body.site {
    border-top: 3px solid #08c;
    padding: 20px;
    background-color: #f4f6f7
}

body.site.fluid {
    background-color: #fff
}

.site-title {
    font-size: 40px;
    font-size: calc(16px + 2.16vw);
    line-height: 48px;
    font-weight: 700
}

@media (min-width:1024px) {
    .site-title {
        font-size: 40px
    }
}

.brand {
    color: #001a27;
    -webkit-transition: color .5s linear;
    -moz-transition: color .5s linear;
    -o-transition: color .5s linear;
    transition: color .5s linear
}

.brand:hover {
    color: #005e8d;
    text-decoration: none
}

.header {
    margin-bottom: 10px
}

.container {
    max-width: 960px
}

.body .container {
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .05);
    box-shadow: 0 0 6px rgba(0, 0, 0, .05)
}

p {
    word-wrap: break-word
}

.item-title {
    margin-bottom: 9px
}

.item-content {
    margin: 18px 0
}

.article-index {
    margin: 0 0 10px 10px
}

@media (max-width:768px) {
    body {
        -webkit-overflow-scrolling: touch;
        padding-top: 0
    }
    .header {
        background: 0 0
    }
    .header .brand {
        float: none;
        display: block;
        text-align: center
    }
    .header-search {
        float: none;
        display: block
    }
}

li {
    word-wrap: break-word
}