#navigation1 {
     z-index: 12;
}

.navigation_container {
     background: none repeat scroll 0% 0% #ffffff;
     border-bottom: 4px solid #c1c1c1;
     border-radius: 3px;
     box-sizing: border-box;
     height: 64px;
     margin: 30px auto 0px;
     position: relative;
     text-align: left;
     width: 100%;
     z-index: 10;
}

.navigation {
     box-sizing: border-box;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 13px;
     line-height: 1;
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
     position: relative;
}

.navigation > li {
     background-color: #ffffff;
     border-right: 1px solid #bebebe;
     float: left;
     margin: 0px;
     position: static;
     transition: background 0.3s ease 0s;
}

.navigation > li.first {
     border-radius: 3px 0px 0px 3px;
}

.navigation > li.right {
     border-radius: 3px 0px 0px 3px;
     border-right: 0px none;
}

.navigation > li:hover, .navigation > li.active {
     background-color: #c1c1c1;
}

.navigation li.noactive {
     background: none repeat scroll 0% 0% transparent;
}

.navigation > li > a, .navigation > li > span {
     border-bottom: 4px solid #c1c1c1;
     color: #ffffff;
     display: block;
     font-size: 16px;
     line-height: 30px;
     outline: 0px none;
     padding: 0px 9px;
     text-decoration: none;
}

.navigation > li > span:hover, .navigation > li > a:hover, .navigation > li > a:focus {
     color: #ffffff;
     cursor: pointer;
     outline: medium none;
}

.navigation_container > .navigation > li.navigation_button {
     background-color: transparent;
     background-image: url("../img/toggle.png");
     background-position: right 5px;
     background-repeat: no-repeat;
     color: #ffffff;
     cursor: pointer;
     display: none;
     line-height: 30px;
     padding: 0px 10px;
     transition: none 0s ease 0s ;
}

.navigation_container > .navigation > li.navigation_button_active {
     background-color: #0356a3;
}

.navigation li .dropdown_container {
     border-left: 4px solid #c1c1c1;
     box-sizing: border-box;
     color: #212121;
     display: none;
     float: left;
     left: auto;
     margin: 0px;
     padding: 0px;
     position: absolute;
     top: auto;
     width: 300px;
     z-index: 10;
}

.navigation li .dropdown_container_right {
     right: 0px;
}

.navigation > li:hover .dropdown_container {
     border-bottom: 4px solid #c1c1c1;
     display: block;
}

.navigation .col {
     display: inline;
     float: left;
     position: relative;
}

.navigation a {
     color: blue;
     text-decoration: none;
}

.navigation a:hover {
     color: black;
}

.navigation a:focus {
     background: none repeat scroll 0% 0% transparent;
}

.navigation > li ul {
     list-style: none outside none;
     margin: 0px;
     padding: 0px;
}

.navigation > li ul li {
     float: left;
     width: 100%;
}

.navigation > li ul li a {
     background: none repeat scroll 0% 0% #0466c1;
     border-bottom: 1px solid #e1e1e1;
     color: #ffffff;
     float: left;
     font-size: 12px;
     line-height: 26px;
     padding: 0px;
     text-indent: 10px;
     width: 100%;
}

.navigation > li ul li:last-child a {
     border-bottom: medium none;
}

.navigation > li ul li:hover a {
     background: none repeat scroll 0% 0% #e9e9e9;
     color: #a1a1a1;
}

@media only screen and (min-width: 892px) {
  .navigation_container .navigation > li { display: block ! important; }
  .navigation_container > .navigation > li.navigation_button { display: none ! important; }
}

@media only screen and (max-width: 891px) {
  .navigation_container { width: 100%; height: auto; margin: 30px 0px 0px; position: relative; left: auto; top: auto; bottom: auto; background: none repeat scroll 0% 0% #0466c1; }
  .navigation_container .navigation > li { float: none; width: auto; border: medium none; display: none; padding: 0px; background: none repeat scroll 0% 0% #ffffff;}
  .navigation > li > a, .navigation > li > span { border-bottom: 1px solid #c1c1c1; }
  .navigation_container .navigation > li.navigation_button { display: block; }
  .navigation > li > span, .navigation > li > a { display: block; }
  .navigation > li .dropdown_container { position: absolute; top: auto; bottom: auto; width: 100%; padding-left: 0px; padding-right: 0px; margin: 0px; }
  .navigation .col { width: 100%; margin-left: 0px; margin-right: 0px; padding: 0px; float: left; display: block; }
}