@font-face {
  font-family: museoSan100;
  src: url(../fonts/MuseoSans-100.otf);
}

@font-face {
    font-family: museoSan700;
    src: url(../fonts/MuseoSans_700.otf);
}

@font-face {
    font-family: museoSan300;
    src: url(../fonts/MuseoSans-300.otf);
}

@font-face {
    font-family: bemboStd;
    src: url(../fonts/BemboStd.otf);
}

body{
    color: white;
    /*margin-top: -40px;*/
}

a{
    color: white;
}

.main-color{
    background: #313945
}

.font-color{
    color: white
}

.col-lg-2{
    flex: 0 0 20% !important;
    max-width: 20% !important;
}

#search-input::placeholder { /* Most modern browsers support this now. */
    color: white;
    opacity: 0.7;
}

#result-search::-webkit-scrollbar {
    width: 5px;
    color: transparent;
}

/* Track */
#result-search::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent;
    border-radius: 10px;
    border: solid 3px transparent;
}

/* Handle */
#result-search::-webkit-scrollbar-thumb {
    background-color: #818B99;
    /*border: 3px solid transparent;*/
    border-right: 1px solid transparent;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-radius: 9px;
    background-clip: content-box;
}

/* Handle on hover */
#result-search::-webkit-scrollbar-thumb:hover {
    background-color: #818B99;
    border: 3px solid transparent;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-radius: 9px;
    background-clip: content-box;
}

 a:hover, a:focus, a:active {
      text-decoration: none;
 }