header{
    background: url("../img/material.jpg") no-repeat fixed;
}
body::-webkit-scrollbar {
    width: 1em;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}
ul{
    list-style-type: none;
}

.typed-font{
    font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
}
.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
#skills{
    color: #ffffff;
}
/* Progress bar */
.progress {
    height: 15px;
}
.progress .skill {
    font: normal 12px "Open Sans Web";
    line-height: 15px;
    padding: 0;
    margin: 0 0 0 20px;
    text-transform: uppercase;
}
.progress .skill .val {
    float: right;
    font-style: normal;
    margin: 0 20px 0 0;
}
.progress-bar {
    text-align: left;
    transition-duration: 1s;
}

.xps-pro{
    margin-bottom: 45px;
}

.bg-dark-plus{
   background-color: #383838;
   color: #ffffff;
}
.bg-dark-light{
    background-color: #464646;
    color: #ffffff;
}

.material-icons{
    color: rgba(240,95,64,0.8)
}
.graduate-title{
    display: inline-block;
    padding-bottom: 10px;
    padding-right: 3px;
    border-bottom: solid 1px #F05F40;
    font-style: italic;
}
.graduate-title .h3{
    font-style: inherit;
}

#view-more{
    border-bottom: solid 1px #F05F40;
    display: inline;
}
.container .content{
    display: none;
}