*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }


.top-bar ul { margin-bottom:0; list-style:none; }
.top-bar .row { max-width:none; }
.top-bar form,  .top-bar input { margin-bottom:0; }
.top-bar input { height:1.8rem;  padding-top:.35rem; padding-bottom:.35rem; font-size:0.75rem; }
.top-bar .button, .top-bar button { padding-top:0.4125rem; padding-bottom:0.4125rem; margin-bottom:0; font-size:0.75rem; }

@media only screen and (max-width:40em) {
.top-bar .button, .top-bar button { position:relative; top:-1px; }
}

.top-bar .title-area { position:relative; margin:0; }
.top-bar .name { height:36px; margin:0; font-size:16px; }
.top-bar .name h1 { line-height:40px; font-size:1.0625rem; margin:0; }
.top-bar .name h1 a { font-weight:normal; color:white; width:75%; display:block; padding:0 15px; }
.top-bar .toggle-topbar { position:absolute; right:0; top:0; }
.top-bar .toggle-topbar a { color:white; text-transform:uppercase; font-size:0.8125rem; font-weight:bold; position:relative; display:block; padding:0 15px; height:36px; line-height:36px; }
.top-bar .toggle-topbar.menu-icon { top:50%; margin-top:-16px; }
.top-bar .toggle-topbar.menu-icon a { height:34px; line-height:33px; padding:0 40px 0 15px; color:white; position:relative; }
.top-bar .toggle-topbar.menu-icon a span::after { content:""; position:absolute; display:block; height:0; top:50%; margin-top:-8px; right:15px; box-shadow:0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white; width:16px; }
.top-bar .toggle-topbar.menu-icon a span:hover:after { box-shadow:0 0px 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
.top-bar.expanded { height:auto; background:transparent; }
.top-bar.expanded .title-area { background:#333333; }
.top-bar.expanded .toggle-topbar a { color:#888888; }
.top-bar.expanded .toggle-topbar a span::after { box-shadow:0 0px 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }
.top-bar-section { left:0; position:relative; width:auto; transition:left 300ms ease-out; }
.top-bar-section ul { padding:0; width:100%; height:auto; display:block; margin:0; }
.top-bar-section .divider,  .top-bar-section [role="separator"] { border-top:solid 1px #1a1a1a; clear:both; height:1px; width:100%; }

.top-bar-section ul li > a { display:block; width:100%; color:white; padding:12px 0 12px 0; padding-left:15px; font-weight:normal; text-transform:uppercase; }
.top-bar-section ul li > a.button { font-size:0.8125rem; padding-right:15px; padding-left:15px; background-color:#008cba; border-color:#007095; color:white; }
.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { background-color:#007095; }
.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus { color:white; }
.top-bar-section ul li > a.button.secondary { background-color:#e7e7e7; border-color:#b9b9b9; color:#333333; }
.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { background-color:#b9b9b9; }
.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus { color:#333333; }
.top-bar-section ul li > a.button.success { background-color:#43ac6a; border-color:#368a55; color:white; }
.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { background-color:#368a55; }
.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus { color:white; }
.top-bar-section ul li > a.button.alert { background-color:#f04124; border-color:#cf2a0e; color:white; }
.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { background-color:#cf2a0e; }
.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus { color:white; }
.top-bar-section ul li > a.button.warning { background-color:#f08a24; border-color:#cf6e0e; color:white; }
.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { background-color:#cf6e0e; }
.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus { color:white; }
.top-bar-section ul li > button { font-size:0.8125rem; padding-right:15px; padding-left:15px; background-color:#008cba; border-color:#007095; color:white; }
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { background-color:#007095; }
.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus { color:white; }
.top-bar-section ul li > button.secondary { background-color:#e7e7e7; border-color:#b9b9b9; color:#333333; }
.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { background-color:#b9b9b9; }
.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus { color:#333333; }
.top-bar-section ul li > button.success { background-color:#43ac6a; border-color:#368a55; color:white; }
.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { background-color:#368a55; }
.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus { color:white; }
.top-bar-section ul li > button.alert { background-color:#f04124; border-color:#cf2a0e; color:white; }
.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { background-color:#cf2a0e; }
.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus { color:white; }
.top-bar-section ul li > button.warning { background-color:#f08a24; border-color:#cf6e0e; color:white; }
.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { background-color:#cf6e0e; }
.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus { color:white; }

.top-bar-section ul li.active > a { background:#008cba; color:white; }
.top-bar-section ul li.active > a:hover { background:#0078a0; color:white; }
.top-bar-section .has-form { padding:15px; }
.top-bar-section .has-dropdown { position:relative; }
.top-bar-section .has-dropdown > a:after { content:""; display:block; width:0; height:0; border:inset 5px; border-color:transparent transparent transparent rgba(255, 255, 255, 0.4); border-left-style:solid; margin-right:15px; margin-top:-4.5px; position:absolute; top:50%; right:0; }
.top-bar-section .has-dropdown.moved { position:static; }
.top-bar-section .has-dropdown.moved > .dropdown { display:block; position:static !important; height:auto; width:auto; overflow:visible; clip:auto; position:absolute !important; width:100%; }
.top-bar-section .has-dropdown.moved > a:after { display:none; }
.top-bar-section .dropdown { padding:0; position:absolute; left:100%; top:0; z-index:99; display:block; position:absolute !important; height:1px; width:1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); }
.top-bar-section .dropdown li { width:100%; height:auto; }
.top-bar-section .dropdown li a { font-weight:normal; padding:8px 15px; border-bottom:1px solid #77a8c6; }
.top-bar-section .dropdown li a.parent-link { font-weight:normal; }
.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link { margin-bottom:0; margin-top:0; font-size:1.125rem; }
.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a { color:white; display:block; }
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover { background:none; }
.top-bar-section .dropdown li.has-form { padding:8px 15px; }
.top-bar-section .dropdown li .button, .top-bar-section .dropdown li button { top:auto; }
.top-bar-section .dropdown label { padding:5px 15px 5px; margin-bottom:0; text-transform:uppercase; color:#fff; font-weight:bold; font-size:0.625rem; }
.js-generated { display:block; }

@media only screen and (min-width:20.063em) {
.top-bar:before, .top-bar:after { content:" "; display:table; }
.top-bar:after { clear:both; }
.top-bar .toggle-topbar { display:none; }
.top-bar .title-area { float:left; }
.top-bar .name h1 a { width:auto; }
.top-bar input,  .top-bar .button, .top-bar button { font-size:0.875rem; position:relative; top:7px; }
.top-bar.expanded { background:#333333; }
.contain-to-grid .top-bar { max-width:62.5rem; margin:0 auto; margin-bottom:0; }
.top-bar-section { transition:none 0 0; left:0 !important; }
.top-bar-section ul { width:auto; height:auto !important; display:inline; }
.top-bar-section ul li { float:left; }
.top-bar-section ul li .js-generated { display:none; }

.top-bar-section .has-dropdown > a { padding-right:35px !important; }
.top-bar-section .has-dropdown > a:after { content:""; display:block; width:0; height:0; border:inset 5px; border-color:rgba(255, 255, 255, 0.4) transparent transparent transparent; border-top-style:solid; margin-top:-2.5px; top:18.0px; }
.top-bar-section .has-dropdown.moved { position:relative; }
.top-bar-section .has-dropdown.moved > .dropdown { display:block; position:absolute !important; height:1px; width:1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); }
.top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { display:block; position:static !important; height:auto; width:auto; overflow:visible; clip:auto; position:absolute !important; }
.top-bar-section .has-dropdown > a:focus + .dropdown { display:block; position:static !important; height:auto; width:auto; overflow:visible; clip:auto; position:absolute !important; }
.top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border:none; content:"\00bb"; top:1rem; margin-top:-4px; right:5px; line-height:1.2; }
.top-bar-section .dropdown { left:0; top:auto; background:transparent; min-width:100%; }

.top-bar-section .dropdown li label { white-space:nowrap; background:#022741; }

.top-bar-section .dropdown li .dropdown { left:100%; top:0; }
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-bottom:none; border-top:none; border-right:solid 1px #4e4e4e; clear:none; height:30px; width:0; }
.top-bar-section .has-form { background:#0078a0; padding:0 15px; height:30px; }
.top-bar-section .right li .dropdown { left:auto; right:0; }
.top-bar-section .right li .dropdown li .dropdown { right:100%; }
.top-bar-section .left li .dropdown { right:auto; left:0; }
.top-bar-section .left li .dropdown li .dropdown { left:100%; }
.no-js .top-bar-section ul li:hover > a { background-color:#555555; background:#0078a0; color:white; }
.no-js .top-bar-section ul li:active > a { background:#008cba; color:white; }
.no-js .top-bar-section .has-dropdown:hover > .dropdown { display:block; position:static !important; height:auto; width:auto; overflow:visible; clip:auto; position:absolute !important; }
.no-js .top-bar-section .has-dropdown > a:focus + .dropdown { display:block; position:static !important; height:auto; width:auto; overflow:visible; clip:auto; position:absolute !important; }
}