/**
*	Ryan - Resume/CV/vCard Template (HTML)
*	Version: 2.6
*	Author: bslthemes
*	Author URL: http://themeforest.net/user/bslthemes
*	Copyright © RyanCV by bslthemes. All Rights Reserved.
**/

/* TABLE OF CONTENTS
	1. Template Dark
*/

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

::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.25);
}

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

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

.border-line-h:after {
  background: -moz-radial-gradient(
    left,
    ellipse cover,
    rgba(197, 202, 213, 0.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: -webkit-radial-gradient(
    left,
    ellipse cover,
    rgba(197, 202, 213, 0.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: radial-gradient(
    ellipse at left,
    rgba(197, 202, 213, 0.15) 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.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: -webkit-radial-gradient(
    left,
    ellipse cover,
    rgba(197, 202, 213, 0.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: radial-gradient(
    ellipse at left,
    rgba(197, 202, 213, 0.15) 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.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: -webkit-radial-gradient(
    top,
    ellipse cover,
    rgba(197, 202, 213, 0.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: radial-gradient(
    ellipse at top,
    rgba(197, 202, 213, 0.15) 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,
.header .menu-btn {
  color: rgba(255, 255, 255, 0.85);
  background: #31313a;
}

.header .menu-btn span,
.header .menu-btn span:before,
.header .menu-btn span:after {
  background: rgba(255, 255, 255, 0.85);
}

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

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

@media (max-width: 1240px) {
  .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.15) 0%,
      rgba(255, 255, 255, 0) 70%
    );
    background: -webkit-radial-gradient(
      top,
      ellipse cover,
      rgba(197, 202, 213, 0.15) 0%,
      rgba(255, 255, 255, 0) 70%
    );
    background: radial-gradient(
      ellipse at top,
      rgba(197, 202, 213, 0.15) 0%,
      rgba(255, 255, 255, 0) 70%
    );
  }
}

@media (max-width: 1240px) {
  .header {
    background: #31313a;
  }
}

.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;
  background-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.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: -webkit-radial-gradient(
    left,
    ellipse cover,
    rgba(197, 202, 213, 0.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: radial-gradient(
    ellipse at left,
    rgba(197, 202, 213, 0.15) 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.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: -webkit-radial-gradient(
    top,
    ellipse cover,
    rgba(197, 202, 213, 0.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: radial-gradient(
    ellipse at top,
    rgba(197, 202, 213, 0.15) 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.15) 0%,
      rgba(255, 255, 255, 0) 70%
    );
    background: -webkit-radial-gradient(
      left,
      ellipse cover,
      rgba(197, 202, 213, 0.15) 0%,
      rgba(255, 255, 255, 0) 70%
    );
    background: radial-gradient(
      ellipse at left,
      rgba(197, 202, 213, 0.15) 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 .euro,
.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;
}

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

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

.skills-list.circles .progress span {
  color: rgba(255, 255, 255, 0.85);
}

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

.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.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: -webkit-radial-gradient(
    top,
    ellipse cover,
    rgba(197, 202, 213, 0.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: radial-gradient(
    ellipse at top,
    rgba(197, 202, 213, 0.15) 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.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: -webkit-radial-gradient(
    left,
    ellipse cover,
    rgba(197, 202, 213, 0.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: radial-gradient(
    ellipse at left,
    rgba(197, 202, 213, 0.15) 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 !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, 0.02) !important;
}

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

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

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

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

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

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

.pager .nav-links {
  background: #3b3b42;
}

input,
textarea,
button,
input[type="submit"] {
  border-color: #666;
}

.content-sidebar {
  background: #31313a;
}

.content-sidebar .close {
  background: #3b3b42;
}

.content-sidebar .close:before,
.content-sidebar .close:after {
  background: rgba(255, 255, 255, 0.85);
}

.content-sidebar .widget ul li a {
  color: rgba(255, 255, 255, 0.85);
}

.content-sidebar h2.widget-title {
  color: rgba(255, 255, 255, 0.85);
}

.content-sidebar h2.widget-title .first-word {
  color: rgba(255, 255, 255, 0.85);
}

.content-sidebar h2.widget-title:first-letter {
  color: rgba(255, 255, 255, 0.85);
}

.post-comments .title .title_inner:first-letter {
  color: rgba(255, 255, 255, 0.85);
}

.content .post-comments .title .first-word {
  color: rgba(255, 255, 255, 0.85);
}

.search-form input.search-field {
  border-color: #666;
}

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

.content-sidebar .widget ul li {
  border-color: #666;
}

.content-sidebar .widget ul li:last-child {
  border-color: #666;
}

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

.post-comments .post-comment .desc span.comment-reply a {
  color: rgba(255, 255, 255, 0.85);
}

.post-comments .post-comment .desc span.comment-reply {
  color: rgba(255, 255, 255, 0.85);
}

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

.post-comments ul.children {
  background: #3b3b42;
}

.preloader {
  background: #3b3b42;
}

@media (max-width: 1240px) {
  .blog-single .info-list ul li,
  .content.contacts .info-list ul li {
    padding-left: 0;
    padding-right: 0;
  }

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

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

.content-sidebar .main-menu ul li a {
  color: rgba(255, 255, 255, 0.85);
}

.content-sidebar .main-menu ul li:after,
.content-sidebar .main-menu ul li:first-child::before {
  background: -moz-radial-gradient(
    left,
    ellipse cover,
    rgba(197, 202, 213, 0.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: -webkit-radial-gradient(
    left,
    ellipse cover,
    rgba(197, 202, 213, 0.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
  background: radial-gradient(
    ellipse at left,
    rgba(197, 202, 213, 0.15) 0%,
    rgba(255, 255, 255, 0) 70%
  );
}

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

.button .text {
  padding-left: 0;
}

.profile .main-menu-fixed:before {
  background: #31313a;
}

.profile .main-menu ul li a {
  color: rgba(255, 255, 255, 0.85);
}

.profile .main-menu .menu-main-menu-container ul li a:hover,
.profile .main-menu .menu-main-menu-container ul li a:hover .icon {
  color: rgba(255, 255, 255, 0.85);
}

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

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, 0.15) 0%,
      rgba(255, 255, 255, 0) 70%
    );
    background: -webkit-radial-gradient(
      left,
      ellipse cover,
      rgba(197, 202, 213, 0.15) 0%,
      rgba(255, 255, 255, 0) 70%
    );
    background: radial-gradient(
      ellipse at left,
      rgba(197, 202, 213, 0.15) 0%,
      rgba(255, 255, 255, 0) 70%
    );
  }
  .header .top-menu ul.menu {
    background: #31313a;
  }
}

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

.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;
}