/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */


/* <nav> */


.top-bar { background: transparent; min-height: 30px; line-height: 30px; padding: 0; width: 100%; position: relative; float:left;}
.contain-to-grid .top-bar { max-width: 940px; margin: 0 auto; }
.top-bar > ul .name h1 { line-height: 30px; margin: 0; }
.top-bar > ul .name h1 a { padding: 0 22.5px; font-size: 12px !important; }
.top-bar > ul .name img { margin-top: -5px; vertical-align: middle; }
.top-bar.expanded { height: inherit; }
.top-bar ul { float:right; margin-left: 0; display: inline; height: 30px; line-height: 0px; list-style: none; padding: 0px !important; margin: 0px !important; / } /*4-5-2015*/
.top-bar ul > li { display:inline-block; right:0px; background-image: none; padding: 0px !important; margin-left: 0px; }
.top-bar ul > li > a { color:#505050 !important; font-size:12px !important;padding:0 11px; padding:0 11px\0/; line-height:30px;} /*4-5-2015*/
.top-bar ul > li > a .caret{ right:0px; top:50% !important; margin-top:15px !important; margin-left:10px; border-top:4px solid #1566b0 !important}
/*.top-bar ul > li:hover > a .caret.caret{border-top:4px solid #fff !important}*/
.top-bar ul > li:hover > a, .top-bar ul > li > a.active {background-color:#e4e4e4; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out;}
.top-bar ul > li > a:hover, .top-bar ul > li.active > a, .top-bar ul > li > a:focus { color: #898989; }
.top-bar ul > li.login:hover, .top-bar ul > li.login:focus { background: transparent; }
.top-bar ul > li.toggle-topbar { display: none; }
.top-bar ul > li.has-dropdown { position: relative;}
.top-bar ul > li.has-dropdown:hover > .dropdown, .top-bar ul > li.has-dropdown:focus > .dropdown { display: block; background-color:#e4e4e4; height:auto; padding:10px !important;}
.top-bar ul > li.has-dropdown > a:after { content: ""; display: none; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-right: 15px; margin-top: -2.5px; position: absolute; right: 0; top: 50%; }
.top-bar ul > li.has-dropdown .dropdown {left: 0; margin: 0; padding:10px; position: absolute; display: none; z-index: 99; overflow:hidden; border-radius:0 5px 5px 5px; 
width:170px;}
.top-bar ul > li.has-dropdown .dropdown li {margin-left:0 !important; /*margin-bottom:10px; */ width:80%;}
.top-bar ul > li.has-dropdown .dropdown li > a {color:#505050 !important; height:100%; line-height: 1; font-size:12px !important; line-height:27px; border-bottom:dashed 1px #c7c7c7; padding-bottom:5px; width:100%;}
.top-bar ul > li.has-dropdown .dropdown li > a:hover { color:#000 !important; background:#cacaca; width:100%;}
.top-bar ul > li.has-dropdown .dropdown li label { color: #6f6f6f; font-size: 10px; font-weight: bold; margin: 0; padding-left: 15px; text-transform: uppercase; }
.top-bar ul > li.has-dropdown .dropdown li.divider { border-top: solid 1px black; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; height: 10px; padding: 0; width: 100%; }
.top-bar ul > li.has-dropdown .dropdown li:last-child { padding-bottom: 10px;}
.top-bar ul > li.has-dropdown .dropdown li.active a { background: transparent;}
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a { padding-right: 30px;}
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after { display:none; border: none; content: "\00bb"; right: 5px; top: 6px; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown { position: absolute; left: 100%; top: 0; }
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown,
.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:focus > .dropdown { display: block; }
.top-bar ul.center {text-align:center;float:none;display:block;line-height:40px;}
.top-bar ul.center > li {display:inline-table;*display:inline;zoom:1;float:none;background-image: none;padding: 0px; margin: 0px;}
.top-bar ul.left { float: left; width: auto; margin-bottom: 0; }
.top-bar ul.right { float: right; width: auto; margin-bottom: 0;}
.top-bar ul.right .has-dropdown .dropdown { left: auto; right: 0px; }
.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown { right: 100%; left: auto; width: 100%; }
.top-bar .js-generated { display: none; }

/* Top bar in vertical view type */
.top-bar.vertical {background: transparent; min-height: auto; line-height: 45px; margin: 0 0 0 0; padding: 0; width: auto; position: relative;}
.top-bar.vertical ul {display:block;float:none !important;height:auto;line-height:auto;}
.top-bar.vertical ul > li {display:block;float:none;background-image: none;padding: 0px; margin: 0px; border-bottom:1px dashed #CCCCCC;}
.top-bar.vertical ul > li .bbn{border-bottom:0px  none !important;}
.top-bar.vertical ul > li a {height:auto;line-height:1.3;padding:6px 0;white-space:pre-line; font-size:12px !important; padding-right:}
.top-bar.vertical ul > li:hover > a {color:#FFF !important; padding-left:15px;}
.top-bar.vertical ul > li > a.active {padding-left:15px;}
.top-bar.vertical ul > li.has-dropdown {position:static;}
.top-bar.vertical ul > li.has-dropdown .dropdown {left:auto;margin:0;padding:0 !important;position:static;display:block;z-index:auto; width:170px; padding:5px !important}
.top-bar.vertical ul > li.has-dropdown .dropdown li {background: transparent; background-image: none; line-height: 1; min-width: 100%; padding: 0px; margin: 0px; padding-bottom: 5px !important;}
.top-bar.vertical ul > li.has-dropdown .dropdown li > a {height:auto;line-height:1.3;padding:5px 17px 5px 15px;white-space:pre-line; color:#333333 !important;}
.top-bar.vertical ul > li.has-dropdown .dropdown li:hover > a  {color:#FFFFFF !important;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {position:static;left:auto;top:auto;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a {padding-left:30px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a:hover {color:#FFFFFF !important;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a {padding-left:45px;}
.top-bar.vertical ul > li.has-dropdown .dropdown li.has-dropdown .dropdown li a li a li a {padding-left:60px;}
.top-bar.vertical ul > li > a:hover,
.top-bar.vertical ul > li.active > a,
.top-bar.vertical ul > li > a:focus { color: #fff !important; padding-left:15px;}

/* Firefox Fixes */
@-moz-document url-prefix() { .top-bar ul li .button.small { padding-bottom: 6px; }
  .top-bar ul li.search form input[type=search] { font-size: 14px; height: 22px; padding: 3px; } }

/* Small Devices ------------ */
@media only screen and (min-width: 800px) and (max-width: 1024px) {
			.top-bar ul > li > a {padding:0 4px !important; }
			.top-bar ul > li > a .caret{margin-left:5px;}
			
	}
@media only screen and (max-width: 978px) { 
  .left, .right { float: none; }
  .top-bar ul > li.has-dropdown .dropdown li > a { border-bottom:none;} /*** 10-03-15 ***/

  /* The Grid --- */
  /*              */
  .top-bar ul > li > a .caret{ margin-top:5px !important; }
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .column, .columns { width: auto !important; float: none; }
  .column:last-child, .columns:last-child { float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  .column:after, .columns:after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
  /* Mobile 4-column Grid */
  .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
  .row .mobile-one:last-child { float: right; }
  .row .mobile-one.end { float: left; }
  .row.collapse .mobile-one { padding: 0; }
  .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
  .row .mobile-two:last-child { float: right; }
  .row .mobile-two.end { float: left; }
  .row.collapse .mobile-two { padding: 0; }
  .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
  .row .mobile-three:last-child { float: right; }
  .row .mobile-three.end { float: left; }
  .row.collapse .mobile-three { padding: 0; }
  .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
  .row .mobile-four:last-child { float: right; }
  .row .mobile-four.end { float: left; }
  .row.collapse .mobile-four { padding: 0; }
  .push-one-mobile { left: 25%; }
  .pull-one-mobile { right: 25%; }
  .push-two-mobile { left: 50%; }
  .pull-two-mobile { right: 50%; }
  .push-three-mobile { left: 75%; }
  .pull-three-mobile { right: 75%; }
}