body {
    color: rgba(255,255,255,.55);
    background: #26262d
}

::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.25)
}

.background {
    background-color: #26262d !important
}

.border-line-v:before, .button:before, .content.blog .border-line-v:after, .content.works .grid-items.border-line-v:after, .lnk:before, .service-items.border-line-v:after {
    background: -moz-radial-gradient(top,ellipse cover,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);
    background: -webkit-radial-gradient(top,ellipse cover,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);
    background: radial-gradient(ellipse at top,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)
}

.border-line-h:after, .content .title:after, .content-sidebar .main-menu ul li:after, .content-sidebar .main-menu ul li:first-child::before, .lnks:before, .post-box .post-comments li:before, .post-comments .post-comment:before {
    background: -moz-radial-gradient(left,ellipse cover,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);
    background: -webkit-radial-gradient(left,ellipse cover,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);
    background: radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)
}

.button, .lnk, button, button:focus, h1, h2, h3, h4, h5, h6, input, input:focus, td, textarea, textarea:focus, th {
    color: rgba(255,255,255,.85)
}

    .button .arrow:after, .button .arrow:before, .content-sidebar .close:after, .content-sidebar .close:before, .header .menu-btn span, .header .menu-btn span:after, .header .menu-btn span:before, .lnk .arrow:after, .lnk .arrow:before {
        background: rgba(255,255,255,.85)
    }

.card-started .profile .social a .fab, .card-started .profile .social a .fas, .card-started .profile .social a .ion, .post-box .blog-detail, .post-box .post-comments li .comment-info .name h6 span, .pricing-items .pricing-item .amount .period, a {
    color: rgba(255,255,255,.55)
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    color: rgba(255,255,255,.85)
}

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
    color: rgba(255,255,255,.85)
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    color: rgba(255,255,255,.85)
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    color: rgba(255,255,255,.85)
}

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

    .header .top-menu ul li a:before {
        background: -moz-radial-gradient(right,ellipse cover,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);
        background: -webkit-radial-gradient(right,ellipse cover,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);
        background: radial-gradient(ellipse at right,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)
    }

    .box-item .desc .name, .card-started .profile .title, .content .post-comments .title .first-word, .content .title, .content .title .first-word, .content .title:first-letter, .content-sidebar .main-menu ul li a, .content-sidebar .widget ul li a, .content-sidebar h2.widget-title, .content-sidebar h2.widget-title .first-word, .content-sidebar h2.widget-title:first-letter, .content.works .filter-menu .f_btn, .fuct-items .fuct-item .name, .header .profile .title, .header .top-menu ul li a .icon, .info-list ul li strong, .mfp-wrap.popup-box-inline .mfp-close, .post-box .blog-content ul.list-style li, .post-box .post-comments li .comment-info .name, .post-box .post-comments li .comment-info .name a, .post-comments .post-comment .desc span.comment-reply, .post-comments .post-comment .desc span.comment-reply a, .post-comments .title .title_inner:first-letter, .pricing-items .pricing-item .amount .dollar, .pricing-items .pricing-item .amount .number, .pricing-items .pricing-item .amount .period, .pricing-items .pricing-item .feature-list ul li, .pricing-items .pricing-item .feature-list ul li strong, .pricing-items .pricing-item .name, .profile .main-menu .menu-main-menu-container ul li a:hover, .profile .main-menu .menu-main-menu-container ul li a:hover .icon, .profile .main-menu ul li a, .resume-items .resume-item .name, .resume-title .name, .revs-item .info .name, .revs-item .text, .service-items .service-item .name, .skill-title .name, .skills-list ul li .name, .skills-list.circles .progress span {
        color: rgba(255,255,255,.85)
    }

.card-started:after {
    background: #31313a;
    opacity: .3
}

.card-inner, .card-inner:after, .card-inner:before, .card-started .profile, .card-started .profile .slide:after, .card-started .profile .slide:before, .content-sidebar, .info-list ul li strong:after, .mfp-wrap.popup-box-inline, .profile .main-menu-fixed:before {
    background: #31313a
}

    .card-started .profile .image img {
        border-color: #31313a;
        background-color: #31313a
    }

@media (max-width:560px) {
    .service-items .col:after {
        background: -moz-radial-gradient(left,ellipse cover,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);
        background: -webkit-radial-gradient(left,ellipse cover,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);
        background: radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)
    }
}

.resume-title .icon, .skill-title .icon {
    background: 0 0
}

.skills-list ul li .progress, .skills-list.circles .progress, .skills-list.dotted ul li .progress .da span, .skills-list.dotted ul li .progress .dg span {
    background: #3e4148
}

    .skills-list.circles .progress:after {
        background-color: #31313a
    }

.post-box .blog-content blockquote {
    color: rgba(255,255,255,.55);
    border-left: none
}

.background.gradient {
    background: #17171b !important;
    background: -webkit-linear-gradient(top left,#17171b 0,#28282f 100%) !important;
    background: linear-gradient(to bottom right,#17171b 0,#28282f 100%) !important
}

.bg-bubbles li {
    background-color: rgba(255,255,255,.02) !important
}

.info-list ul li:before {
    background: -moz-radial-gradient(center,ellipse cover,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);
    background: -webkit-radial-gradient(center,ellipse cover,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);
    background: radial-gradient(ellipse at center,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)
}

.content-sidebar .close, .pager .nav-links, .post-comments ul.children, .preloader {
    background: #3b3b42
}

.content-sidebar .widget ul li, .content-sidebar .widget ul li:last-child, .search-form input.search-field, button, input, input[type=submit], textarea {
    border-color: #666
}

.search-form input.search-submit {
    filter: brightness(0) invert(1)
}

.resume-items .resume-item .date {
    color: #666;
    border-color: #666
}

.navigation.post-navigation .nav-links a:hover {
    color: #ddd
}

@media (max-width:1240px) {
    .header .top-menu {
        box-shadow: 0 0 25px rgba(0,0,0,.1)
    }

        .header .top-menu ul li a:before {
            background: -moz-radial-gradient(top,ellipse cover,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);
            background: -webkit-radial-gradient(top,ellipse cover,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);
            background: radial-gradient(ellipse at top,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)
        }

    .header {
        background: #31313a
    }

    .blog-single .info-list ul li, .content.contacts .info-list ul li {
        padding-left: 0;
        padding-right: 0
    }

    .blog-single .info-list ul, .content.contacts .info-list ul {
        margin: -11px 0 0
    }

    .blog-single .info-list ul {
        margin: -11px 0 30px
    }
}

.button {
    padding: 0;
    background: 0 0
}

    .button .text {
        padding-left: 0
    }

input[type=submit] {
    border-color: #44454c;
    background: #44454c;
    color: #fff
}

    input[type=submit]:hover {
        border-color: #4b4c54;
        background: #4b4c54
    }

@media (max-width:680px) {
    .header .top-menu:before {
        background: -moz-radial-gradient(left,ellipse cover,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);
        background: -webkit-radial-gradient(left,ellipse cover,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%);
        background: radial-gradient(ellipse at left,rgba(197,202,213,.15) 0,rgba(255,255,255,0) 70%)
    }

    .header .top-menu ul.menu {
        background: #31313a
    }
}

.revs-item .text:after, .revs-item .text:before {
    background: url(../images/quote_d.svg) 0 0/contain no-repeat
}

.revs-item .info .company {
    color: #999
}