#to_content span {
  content: url('svg/expand_more-black-18dp.svg'); 
  position: absolute;
  top: 0;
  left: 50%;
  width: 150px;
  height: 50px;
  margin-left: -75px;
  -webkit-animation: to_content_kfr 2s infinite;
  animation: to_content_kfr 2s infinite;
  opacity: 0.1;
  box-sizing: border-box;
}
#to_content span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
#to_content span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
#to_content span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes to_content_kfr {
  0% {opacity: 0.1;}
  30% {opacity: 1;}
  100% {opacity: 0.1;}
}
@keyframes to_content_kfr {
  0% {opacity: 0.1;}
  30% {opacity: 1;}
  100% {opacity: 0.1;}
}



/* Style the list */
ul.breadcrumb {
  list-style: none;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
font-size: 12px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 6px;
  color: black;
  content: "/";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  white-space: nowrap;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  text-decoration: underline;
}


.top-background{
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-width: 1024px) {
.top-background{
background-attachment: scroll;
}
}
body, html {
    height: 100%;
    color: #000;
}







a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:active {
  text-decoration: underline;
}

a.w3-button:hover{
  text-decoration: none;
}
a.w3-btn:hover{
  text-decoration: none;
}
a.cat_tree_button:hover{
  text-decoration: none;
}



a.w3-button:active{
  text-decoration: none;
}
a.w3-btn:active{
  text-decoration: none;
}
a.cat_tree_button:active{
  text-decoration: none;
}