/* block top links */
ul#header_links {
  list-style-type: none;
  margin: 0 15px 0 0;
  float: left; }
  @media (min-width: 480px) and (max-width: 991px) {
    ul#header_links {
      width: 80%;
      margin: 0 15px 20px 0; } }
  @media (max-width: 480px) {
    ul#header_links {
      width: 100%;
      margin: 0; } }
  ul#header_links li {
    text-transform: capitalize;
    display: inline-block;
    padding: 0;
    margin-right: 20px; }
    @media (max-width: 480px) {
      ul#header_links li {
        margin-right: 10px;
        margin-bottom: 20px; } }
    ul#header_links li:first-child {
      border: none; }
    ul#header_links li a {
      color: #777; }
      ul#header_links li a span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: inline-block;
        text-align: center;
        background: #222222;
        font-size: 15px;
        vertical-align: 0;
        color: white;
        margin-right: 10px;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear; }
      ul#header_links li a:hover, ul#header_links li a.active {
        color: #222222; }
        ul#header_links li a:hover span, ul#header_links li a.active span {
          background: rgba(0, 0, 0, 0.1);
          color: #222222; }
          ul#header_links li a:hover span i, ul#header_links li a.active span i {
            -moz-animation: flip 600ms ease 450ms 1 alternate;
            -webkit-animation: flip 600ms ease 450ms 1 alternate;
            animation: flip 600ms ease 450ms 1 alternate; }
      ul#header_links li a.active span i {
        -moz-animation: zoomIn 600ms ease 450ms infinite alternate;
        -webkit-animation: zoomIn 600ms ease 450ms infinite alternate;
        animation: zoomIn 600ms ease 450ms infinite alternate; }

/*block permanent links right and left columns*/
#permanent_links div {
  border-bottom: 1px dotted #eee; }

#permanent_links div a {
  display: block;
  padding: 7px 11px 5px 22px;
  color: #333;
  background: url(img/arrow_right_2.png) no-repeat 10px 10px; }

/* block footer links */
ul#footer_links {
  clear: both;
  text-align: center;
  padding-bottom: 6px; }

ul#footer_links li {
  display: inline;
  padding: 0 10px; }