@media all {
    html { font-size: 95%; font-weight: 400; }
    html, td, input, button, select, textarea { font-family: 'Open Sans', Arial, Helvetica, sans-serif; }
    body { padding: 0; margin: 0; font-size: 1em; background: #0079b0; color: #fff; }
    header { background: #002e57; color: #fff; height: 215px; position: relative; }
    #headerDeco { position: absolute; left: 0; top: 0; z-index: 2; height: 180px; }
    #logo { position: absolute; right: 2em; top: 2em; z-index: 2; width: 320px; }
    #mainNav { position: absolute; top: 151px; left: 0; right: 0; z-index: 1; padding: 1em 0 0; background: #0079b0; }
    #mainNav li, #subNav li { display: inline-block; margin-left: 2em; }
    #mainNav li > a { display: inline-block; padding: .5em 0 1.1em; color: #fff; text-decoration: none; border-bottom: solid 5px rgba(255,255,255,0); -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
    #mainNav li > a:hover, #mainNav li > a.active { border-color: rgba(255,255,255,.95); }
    #subNav { border-bottom: solid 1px #CBDDE4; font-size: .95em; }
    #subNav li { padding: .75em 0 0; }
    #subNav li > a { display: inline-block; color: #0079B0; padding: .5em 0 .8em; text-decoration: none; border-bottom: solid 3px rgba(255,255,255,0); -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
    #subNav li > a:hover, #subNav li > a.active { border-color: rgb(0, 178, 244); }
    main { background: #fff; color: #222; min-height: 500px; padding-bottom: 1em; display: block; }
    .textPage { padding-top: 2em; }
    a { text-decoration: none; }
    a img { border: none; }
    footer { background: #0079b0; color: #C3E2F1; min-height: 200px; font-size: .9em; padding-top: 1em; }
    footer h2 { color: #C3E2F1; font-weight: 300; letter-spacing: 0; border: none !important; padding: 0 !important; }
    footer .layout a { color: #C3E2F1; text-decoration: none; }
    .pagePart, footer .layout, .homepage .layout { width: 100%; max-width: 1280px; margin: 0 auto !important; }
    .noList, .noList > li { list-style: none; margin: 0; padding: 0; }

    input, select, textarea { border: solid 1px #ddd; padding: .4em .75em; font-size: 1em; margin-right: 1.1em; }
    input[type="checkbox"] { width: auto; }
    input::-webkit-input-placeholder { color: #C4D6DE; }
    input::-moz-placeholder { color: #C4D6DE; }
    input:-ms-input-placeholder { color: #C4D6DE; }

    .clearFix:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

    .topBanner { background-size: cover !important; height: 225px; position: relative; border-bottom: solid 5px #00AEEF; }
    .bannerText { position: absolute; bottom: 2em; margin-left: 2em; }
    .bannerText h1 { font-weight: 300; font-size: 1.2em; }
    .bannerText h1 span { display: block; float: left; clear: both; color: #fff; background: #00AEEF; margin-bottom: .35em; padding: .25em .5em .35em; }

    .layout { display: table; padding-bottom: 2em; position: relative; width: 100%; }
    .row { display: table-row; }
    div.col { display: table-cell; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; }
    .col-25 { width: 25%; }
    .col-33 { width: 33.333%; }
    .col-45 { width: 45%; }
    .col-50 { width: 50%; }
    .col-55 { width: 55%; }
    .col-66 { width: 66.666%; }
    .col-75 { width: 75%; }

    .textPage .layout.sidebar .col-33 .widget:first-child, .textPage .layout .col-50:last-child .widget:first-child { margin-top: 1.2em; }


    footer .navList li { margin-bottom: .25em; }

    #mobileNav { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; overflow: auto; background: #0079b0; padding: 3em; display: none; }
    body.hasNav #mobileNav { display: block; }
    body.hasNav { overflow: hidden; }
    #mobileNav li { display: block; padding: 1.2em 2em 0; }
    #mobileNav li a { display: block; color: #fff; text-decoration: none; font-size: 1.25em; }
    #mobileNavLink { position: absolute; z-index: 3; top: 1.2em; left: 1em; font-size: 2em; color: #fff; display: none; }
    #mobileNavClose { position: fixed; z-index: 3; top: .5em; right: 1em; font-size: 2em; color: #fff; }

    #ieWarning { position: absolute; top: 0; left: 0; right: 0; z-index: 100; padding: 2em; font-size: 1.5em; background: #fff; color: #111; }

    .noList.infoList { margin-bottom: 3em; }
    .noList.infoList > li { margin-bottom: .5em; padding-bottom: .5em; border-bottom: solid 1px #E1E6E8; }
    .noList.infoList > li label { display: inline-block; width: 30%; font-weight: 600; vertical-align: top; }
    .noList.infoList > li span { display: inline-block; width: 68%; }

    .loader { font-size: 1em; }
    .loader i { display: inline-block; margin-right: .5em; font-size: 1.5em; vertical-align: middle; }
    .dataTable { border-collapse: collapse; width: 100%; display: none; }
    .dataTable.smaller { font-size: smaller; }
    .dataTable thead th { text-align: left; font-weight: 600; font-size: 1.05em; border-bottom: solid 4px #A9E0FA; padding: 0 .85em .5em; }
    .dataTable td { padding: .75em 1em; border: solid 1px #E1E6E8; vertical-align: top; }
    .dataTable .col.nw { white-space: nowrap; }
    .dataTable tbody tr.even { background-color: #F9FAFB; }
    .dataTable tr.tablesorter-filter-row td { padding: .2em .25em; border-bottom-color: #C8ECFD; background: #F3FBFF; position: relative; }
    .dataTable thead td .tablesorter-filter { border: solid 1px #E7F7FF; font-style: italic; background: #FDFEFF; width: 100%; }
    .dataTable thead td select.tablesorter-filter { padding: .35em .2em; font-size: 1em; }
    .dataTable thead td input.tablesorter-filter::-webkit-search-cancel-button { -webkit-appearance: none; }
    .dataTable thead td input.tablesorter-filter:focus { position: absolute; z-index: 1; top: .2em; left: .2em; min-width: 12em; background: #fff; }
    .dataTable thead td input.tablesorter-filter:focus::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; }
    .dataTable thead td .tablesorter-filter.disabled { display: none; }
    .dataTable thead .tablesorter-header { cursor: pointer; outline: none; }
    .dataTable thead .tablesorter-header div:after { font-family: "Ionicons"; vertical-align: middle; display: inline-block; line-height: 1.4em; margin-left: .4em; }
    .dataTable thead .tablesorter-headerAsc div:after { content: "\f365"; }
    .dataTable thead .tablesorter-headerDesc div:after { content: "\f35f"; }
    .dataTable .col.right { text-align: right; }
    body.busy .dataTable tbody { opacity: .5; }
    .tablesorter .filtered { display: none; }
    .tablesorter .tablesorter-errorRow td { text-align: center; cursor: pointer; background-color: #e6bf99; }



    .currentProjectTable .col1 { width: 30%; }
    .currentProjectTable .col2 { width: 55%; }
    .currentProjectTable .col3 { width: 15%; }

}

@media screen and (max-width: 1280px) {
    .topBanner { height: 200px; }
}

@media screen and (max-width: 1024px) {
    html { font-size: 90%; }
    header { height: 212px; }
    .pagePart, footer .layout, .homepage .layout { max-width: 960px; }
    #headerDeco { height: 180px; }
    #logo { width: 245px; }
    h1 { font-size: 1.9em; }
    .bannerText h1 { font-size: 1.1em; }
    #mainNav { top: 151px; }
    #mainNav li, #subNav li, .bannerText { margin-left: 1em; }
}

@media screen and (max-width: 768px) {
    html { font-size: 85%; }
    header { height: 109px; }
    .pagePart, footer .layout, .homepage .layout { max-width: 700px; }
    #headerDeco { height: 130px; opacity: .3; }
    #logo { width: 245px; }
    #mainNav, #subNav { display: none; }
    #mobileNavLink { display: inline; }
    main .layout .row > div.col { width: 100%; display: block; padding-bottom: 2em !important; }
}

@media screen and (max-width: 560px) {
    html { font-size: 80%; }
    header { height: 84px; }
    #headerDeco { height: 100px; }
    #logo { width: 240px; top: .5em; }
    .topBanner { height: 170px; }
    footer .col { width: 100%; display: block; }
    .bannerText h1 { font-size: 1.2em; }
    #mobileNavLink { top: .6em; }
}

@media screen and (max-width: 450px) {
    #headerDeco { display: none; }
    #logo { right: .5em; width: 210px; }
    main .layout .row > div.col { padding-bottom: 1em !important; }
}