.preloader {
    /*background: #01012a;*/
    background: #fff;
}

.background {
    background-color: #e4e1e1 !important;
}


@media (max-width: 1240px) {
    .header {
        /*background: #6c0909;*/
        background: #580505;
    }
}

.header .top-menu ul li a, .header .menu-btn {
    color: rgba(255,255,255,.85);
    background: #580505;
}

.card-started .profile {
    background: #580505;
}

    .card-started .profile .slide:before, .card-started .profile .slide:after {
        background: #580505;
    }

    .card-started .profile .slide:before, .card-started .profile .slide:after {
        background: #580505;
    }

.card-started:after {
    background: #01012a;
}

.info-list ul li strong:after {
    background: #580505;
}

.card-inner {
    background: #580505;
}

    .card-inner:before, .card-inner:after {
        background: #580505;
    }

.pager .nav-links {
    background: #4a0606;
}


@media (max-width: 680px) {
    .header .top-menu ul.menu {
        background: #580505;
    }
}



.resume-items .resume-item .date {
    border-color: #fff250;
    color: #fff250;
    font-weight: 400;
}

.date span {
    border-color: #fff250;
    color: #fff250;
    font-weight: 400;
}

#work-experience .resume-items .resume-item {
    position: relative;
    padding: 15px 0;
}

#appointment-election .skills-list ul li {
    font-size: 14px;
}

#lecture .resume-title .date {
    margin: 0 0 11px;
    padding: 0 8px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    line-height: 18px;
    color: #ccc;
    font-weight: 700;
    border: 1px solid #fff250;
}

#lecture .resume-title .icon .fas, .skill-title .icon .fas {
    display: block;
    line-height: 75px;
    font-size: 50px;
    font-weight: 600;
}

#lecture .resume-title .name, .skill-title .name {
    margin: 0 0 0 80px;
    line-height: 20px;
    text-transform: inherit;
    font-size: 14px;
    font-weight: 400;
}

#lecture .resume-title .icon, .skill-title .icon {
    position: relative;
    top: -13px;
    float: left;
    width: 81px;
    height: 81px;
}

.submenu-content {
    display: none;
    position: absolute;
    min-width: 200px;
}

    .submenu-content li a {
        padding-left: 20px !important;
        text-align: left !important;
    }

@media (min-width: 681px) {
    .submenu-content {
        display: none;
        top: 0px;
        margin-left: 70px !important;
        border-left: 1px solid #3c3b3b
    }

    .header .top-menu ul li {
        position: relative;
    }
}

@media (max-width: 680px) {
    .card-inner{
        padding-top:80px
    }
    .dropdown {
        vertical-align: top;
        overflow: auto; 
    }
    .submenu-content {
        border-top: 1px solid #3c3b3b;
        position: absolute;
        z-index: 1;
    }
    ul.submenu-content{
       width:fit-content !important;
    }
}


.submenu-content li {
    color: black;
    padding: 0px;
    text-decoration: none;
    display: block;
}

.dropdown:hover .submenu-content {
    display: block;
}

.revs-item .info .name {
    color: rgba(255,255,255,.85);
}

@media (max-width: 680px) {
    .hide-mobile-vcard .card-started {
        display: none;
    }

    .container, .container.hide-mobile-vcard {
        padding-top: 200px;
    }
}