/*
*	 Author: beshleyua
*	 Author URL: http://forest.net/user/beshleyua
*/

/* TABLE OF CONTENTS
	1. Template Dark
*/

/* 1. Template Dark */
body {
    color: rgba(255, 255, 255, 0.55);
    background: #26262d;
}

.background {
    background-color: #26262d;
}

.border-line-v:before {
    background: -moz-radial-gradient(top, ellipse cover, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-radial-gradient(top, ellipse cover, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(ellipse at top, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
}

.border-line-h:after {
    background: -moz-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(ellipse at left, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgba(255, 255, 255, 0.85);
}

.lnks:before {
    background: -moz-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(ellipse at left, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
}

.lnk,
.button {
    color: rgba(255, 255, 255, 0.85);
}

.lnk:before,
.button:before {
    background: -moz-radial-gradient(top, ellipse cover, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-radial-gradient(top, ellipse cover, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(ellipse at top, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
}

.lnk .arrow:before,
.button .arrow:before,
.lnk .arrow:after,
.button .arrow:after {
    background: rgba(255, 255, 255, 0.85);
}

a {
    color: rgba(255, 255, 255, 0.55);
}

th {
    color: rgba(255, 255, 255, 0.85);
}

td {
    color: rgba(255, 255, 255, 0.85);
}

input,
textarea,
button {
    color: rgba(255, 255, 255, 0.85);
}

input:focus,
textarea:focus,
button:focus {
    color: rgba(255, 255, 255, 0.85);
}

button {
    color: rgba(255, 255, 255, 0.85);
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.85);
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: rgba(255, 255, 255, 0.85);
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: rgba(255, 255, 255, 0.85);
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.85);
}

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

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

.header .top-menu ul li a .icon {
    color: rgba(255, 255, 255, 0.85);
}

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

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

}

.card-started:before {
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.1);
}

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

.card-started .profile {
    background: #31313a;
}

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

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

.card-started .profile .title {
    color: rgba(255, 255, 255, 0.85);
}

.card-started .profile .social a .ion,
.card-started .profile .social a .fab,
.card-started .profile .social a .fas {
    color: rgba(255, 255, 255, 0.55);
}

.card-inner {
    background: #31313a;
}

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

.content .title {
    color: rgba(255, 255, 255, 0.85);
}

.content .title:after {
    background: -moz-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(ellipse at left, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
}

.info-list ul li strong {
    color: rgba(255, 255, 255, 0.85);
}

.service-items.border-line-v:after {
    background: -moz-radial-gradient(top, ellipse cover, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-radial-gradient(top, ellipse cover, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(ellipse at top, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
}

.service-items .service-item .name {
    color: rgba(255, 255, 255, 0.85);
}

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

}

.pricing-items .pricing-item .name {
    color: rgba(255, 255, 255, 0.85);
}

.pricing-items .pricing-item .amount .number {
    color: rgba(255, 255, 255, 0.85);
}

.pricing-items .pricing-item .amount .dollar,
.pricing-items .pricing-item .amount .period {
    color: rgba(255, 255, 255, 0.85);
}

.pricing-items .pricing-item .amount .period {
    color: rgba(255, 255, 255, 0.55);
}

.pricing-items .pricing-item .feature-list ul li {
    color: rgba(255, 255, 255, 0.85);
}

.pricing-items .pricing-item .feature-list ul li strong {
    color: rgba(255, 255, 255, 0.85);
}

.fuct-items .fuct-item .name {
    color: rgba(255, 255, 255, 0.85);
}

.resume-title .icon,
.skill-title .icon {
    background: transparent;
}

.resume-title .name,
.skill-title .name {
    color: rgba(255, 255, 255, 0.85);
}

.resume-items .resume-item .name {
    color: rgba(255, 255, 255, 0.85);
}

.skills-list ul li .name {
    color: rgba(255, 255, 255, 0.85);
}

.skills-list ul li .progress {
    background: #3e4148;
}

.content.works .filter-menu .f_btn {
    color: rgba(255, 255, 255, 0.85);
}

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

.box-item .desc .name {
    color: rgba(255, 255, 255, 0.85);
}

.mfp-wrap.popup-box-inline .mfp-close {
    color: rgba(255, 255, 255, 0.85);
}

.mfp-wrap.popup-box-inline {
    background: #31313a;
}

.post-box .blog-detail {
    color: rgba(255, 255, 255, 0.55);
}

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

.post-box .blog-content ul.list-style li {
    color: rgba(255, 255, 255, 0.85);
}

.post-box .post-comments li:before {
    background: -moz-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    background: -webkit-radial-gradient(left, ellipse cover, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(ellipse at left, rgba(197, 202, 213, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
}

.post-box .post-comments li .comment-info .name {
    color: rgba(255, 255, 255, 0.85);
}

.post-box .post-comments li .comment-info .name a {
    color: rgba(255, 255, 255, 0.85);
}

.post-box .post-comments li .comment-info .name h6 span {
    color: rgba(255, 255, 255, 0.55);
}

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

.bg-bubbles li {
    background-color: rgba(255, 255, 255, 0.02);
}

.revs-item .text {
    color: rgba(255,255,255,0.85);
}

/* new styles */

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

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

.revs-item .info .company {
    color: #999999;
}