/***** night-mood-style *****/
html.dark-mode span[style="color: #008000;"] ,
html.dark-mode span[style="color: #008000"] ,
html.dark-mode span[style="color:#008000;"] ,
html.dark-mode span[style="color:#008000"] {
  color: #60d460 !important;
}
html.dark-mode span[style="color: #ff0000;"] ,
html.dark-mode span[style="color: #ff0000"] ,
html.dark-mode span[style="color:#ff0000;"] ,
html.dark-mode span[style="color:#ff0000"] {
  color: #f69191 !important;
}
html.dark-mode span[style="color: #000080;"],
html.dark-mode span[style="color: #000080"],
html.dark-mode span[style="color:#000080;"],
html.dark-mode span[style="color:#000080"],
html.dark-mode span[style="color: #003366;"],
html.dark-mode span[style="color: #003366"],
html.dark-mode span[style="color:#003366;"],
html.dark-mode span[style="color:#003366"],
html.dark-mode span[style="color: #333399;"] ,
html.dark-mode span[style="color: #333399"] ,
html.dark-mode span[style="color:#333399;"] ,
html.dark-mode span[style="color:#333399"] {
  color: #8b8bff !important;
}
html.dark-mode span[style="color: #0000ff;"] ,
html.dark-mode span[style="color: #0000ff"] ,
html.dark-mode span[style="color:#0000ff;"] ,
html.dark-mode span[style="color:#0000ff"] {
  color: #a3a3ff !important;
}
html.dark-mode span[style="color: #800080;"],
html.dark-mode span[style="color: #800080"],
html.dark-mode span[style="color:#800080;"],
html.dark-mode span[style="color:#800080"],
html.dark-mode span[style="color: #003366;"] ,
html.dark-mode span[style="color: #003366"] ,
html.dark-mode span[style="color:#003366;"] ,
html.dark-mode span[style="color:#003366"] {
  color: #a3a3ff !important;
}
html.dark-mode {
  /* background-color: #3a4550; */
  background-color: #38404b;
  color: #7f8d9b;
/************** night mood PWA *******************/
}
html.dark-mode .typography a, html.dark-mode .post-content a {
  color: #bcc7d3;
}
html.dark-mode .site-header {
  background: none;
}
html.dark-mode .site-header::after {
  background: none;
}
html.dark-mode .site-top-nav {
  color: #7f8d9b;
}
html.dark-mode .site-top-nav > ul > li > a svg {
  fill: #7f8d9b;
}
html.dark-mode .site-top-nav > ul > li > a:hover svg {
  fill: #4db921;
}
html.dark-mode .posts-list-box .tabs {
  border-color: #505c68;
}
html.dark-mode .posts-list-box .tabs li {
  border-color: #505c68;
}
html.dark-mode .scrolling-fixed-cats .search-form input {
  border: 1px solid #505c68;
  background-color: #3a4550;
  color: #7f8d9b;
}
html.dark-mode .scrolling-fixed-cats .search-form button svg {
  fill: #7f8d9b;
}
html.dark-mode .scrolling-fixed-cats > ul > li > a {
  color: #7f8d9b;
}
html.dark-mode .scrolling-fixed-cats > ul > li > a svg {
  fill: #7f8d9b;
}
html.dark-mode .posts-list-wrapper .post-item-wrapper {
  z-index: 0;
}
html.dark-mode .post-item {
  /* background: #505c68; */
  /* background: #424c56; */
  background: #384049;
}
html.dark-mode .post-item .post-item-inner {
  /* background-color: #3a4550; */
  background-color: #424c56;
}
html.dark-mode .post-item .fa-title {
  color: #bcc7d3;
}
html.dark-mode .post-item .entry-title {
  color: #bcc7d3;
}
html.dark-mode .post-item .fa-title {
  color: #bcc7d3;
}
html.dark-mode .post-item .entry-info {
  color: #7f8d9b;
}
html.dark-mode .widget-populars-list li .entry-title {
  color: #bcc7d3;
}
html.dark-mode .widget-populars-list li .fa-title {
  color: #bcc7d3;
}
html.dark-mode .widget-populars-list li .sbs-content .star-ratings {
  color: #7f8d9b;
  font-size: 16px;
  font-weight: 400;
}
html.dark-mode .widget-populars-list li .sbs-content .star-ratings svg {
  fill: #4db921;
}
html.dark-mode .widget-populars-list li:first-child .right .thumbnail:before {
  background-color: #4db921;
}
html.dark-mode .widget-populars-list li:nth-child(2) .right .thumbnail::before {
  background-color: #4db921;
}
html.dark-mode .widget-populars-list li:nth-child(3) .right .thumbnail::before {
  background-color: #7f8d9b;
}
html.dark-mode .widget-populars-list li .right .status {
  color: #7f8d9b;
}
html.dark-mode .widget-populars .show-more-link {
  border: 1px solid #505c68;
  background-color: #3b454f;
  color: #7f8d9b;
}
html.dark-mode .widget-learn-post-slider .learn-por-item .info {
  color: #bcc7d3;
}
html.dark-mode .widget-game-developers .game-dvlpr-item .info {
  color: #bcc7d3;
}
html.dark-mode .widget-game-developers .game-dvlpr-item .info .en {
  color: #7f8d9b;
}
html.dark-mode .ads-dashed-banner .description {
  color: #bcc7d3;
}
html.dark-mode .ads-dashed-banner .description strong {
  color: #1b2025;
}
html.dark-mode .ads-dashed-banner .view-more {
  color: #d5a509;
}
html.dark-mode .widget-new-theme-intro p {
  color: #bcc7d3;
}
html.dark-mode .widget-new-theme-intro .links a {
  color: #7f8d9b;
  border-color: #505c68;
}
html.dark-mode .widget-new-theme-intro .links a:hover {
  color: #bcc7d3;
  border-bottom-color: #bcc7d3;
}
html.dark-mode .widget-new-theme-intro .widget-title {
  border-color: #505c68;
}
html.dark-mode .site-footer {
  background-color: #2d3640;
  background-image: none;
  border-top-color: #333c46;
}
html.dark-mode .site-footer .ft-box .posts-list ul {
  color: #7f8d9b;
}
html.dark-mode .site-footer .ft-box .ft-box-title {
  color: #4db921;
}
html.dark-mode .site-footer .ft-box .ft-box-title h3 svg {
  fill: #4db921;
}
html.dark-mode .site-footer .ft-box .ft-box-title a {
  color: #7f8d9b;
}
html.dark-mode .site-footer .ft-box .ft-box-title a span {
  color: #4db921;
}
html.dark-mode .site-footer .ft-box .posts-list .more-toggle-next,
html.dark-mode .site-footer .ft-box .posts-list .more-toggle-prev {
  background-color: #4db921;
  color: #fff;
}
html.dark-mode .site-footer .ft-box .posts-list .more-toggle-next svg,
html.dark-mode .site-footer .ft-box .posts-list .more-toggle-prev svg {
  fill: #fff;
}
html.dark-mode .site-footer .footer-top::before {
  background:  url('data:image/png;base64,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');
}
html.dark-mode .site-footer .footer-top {
  border-color: #3f4b56;
}
html.dark-mode .site-footer .copyright .ivahid::before {
  background-color: #191f25;
}
html.dark-mode .site-footer .copyright .ivahid svg {
  fill: #7f8d9b;
}
html.dark-mode .site-footer .ft-box .get-in-touch .socials ul li svg {
  fill: #7f8d9b;
}
html.dark-mode .site-footer .ft-box .get-in-touch .socials h4 {
  color: #7f8d9b;
}
html.dark-mode .site-footer .ft-box .get-in-touch {
  color: #7f8d9b;
}
html.dark-mode .site-footer .ft-box .get-in-touch .foot-menu ul a {
  border-color: #7f8d9b;
  color: #5f6d7a;
}
html.dark-mode .site-footer .ft-box .posts-list ul li:not(:last-child) a {
  border-color: #192027;
}
html.dark-mode .site-footer .partners .partners--color {
  fill: #5f6d7a;
  color: #5f6d7a;
}
html.dark-mode .typography,
html.dark-mode .post-content {
  color: #bcc7d3;
}
html.dark-mode .post-single-box .entry-title {
  border-color: #505c68;
}
html.dark-mode .app-changelog h3 {
  color: #7b8997;
}
html.dark-mode .app-changelog > ul > li {
  color: #7f8d9b;
}
html.dark-mode .app-changelog > ul > li > .version-name::after {
  background-color: #7b8997;
}
html.dark-mode .downloadbox .downloadbox-top {
  color: #505c68;
}
html.dark-mode .downloadbox .downloadbox-top h3 {
  color: #bcc7d3;
}
html.dark-mode .downloadbox .downloadbox-body {
  background-color: #45505b;
  box-shadow: 0 4px 2px -2px rgba(0,0,0,0.2);
}
html.dark-mode .downloadbox .downloadbox-body .post-metas li .icn svg ,
html.dark-mode .downloadbox .downloadbox-body .post-metas-tabeld tr .icn svg {
  fill: #bcc7d3;
}
html.dark-mode .downloadbox .downloadbox-body .post-metas li span {
  color: #bcc7d3;
}
html.dark-mode .downloadbox .downloadbox-body .post-metas li span span {
  color: #7f8d9b;
}
html.dark-mode .shadowed-btn {
  background-color: #45505b;
  box-shadow: 0 2px 2px rgba(0,0,0,0.3);
  color: #bcc7d3;
}
html.dark-mode .shadowed-btn svg {
  fill: #252f39;
}
html.dark-mode .nice-select {
  background-color: #45505b;
  color: #bcc7d3;
}
html.dark-mode .post-foot-stuff .reports .nice-select .list {
  color: #7f8d9b;
  background-color: #45505b;
  box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
html.dark-mode .post-foot-stuff .reports .nice-select::after {
  border-color: #252f39 transparent transparent transparent;
}
html.dark-mode .post-foot-stuff .reports .nice-select .current {
  color: #bcc7d3;
  background-color: #45505b;
  box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
html.dark-mode .shadowed-btn.copyright-report {
  color: #a6a083;
  background-color: #45505b;
  box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
html.dark-mode .screenshots-gallery .screenshots-head h3 {
  color: #bcc7d3;
}
html.dark-mode .screenshots-gallery .screenshots-head .count {
  color: #7f8d9b;
}
html.dark-mode .swiper-scrollbar {
  background-color: #2b333c;
}
html.dark-mode .screenshots-gallery .swiper-slide img {
  box-shadow: 0 2px 16px rgba(0,0,0,0.4);
}
html.dark-mode .screenshots-gallery .swiper-container::after {
  background-color: #3a4550;
}
html.dark-mode .post-reviews .posts-reviews-head h3,
html.dark-mode .post-reviews .posts-reviews-head span {
  color: #bcc7d3;
}
html.dark-mode .post-reviews .reviews-bordered-box.send-reviews-wrap {
  color: #7f8d9b;
  border: 1px solid #505c68;
  background-color: #3a4550;
}
html.dark-mode .post-reviews .reviews-bordered-box {
  border: 1px solid #505c68;
  background-color: #3a4550;
}
html.dark-mode .post-reviews .reviews-list .author {
  color: #bcc7d3;
}
html.dark-mode .post-reviews .reviews-list .date {
  color: #7f8d9b;
}
html.dark-mode .post-reviews .reviews-list .review-text {
  color: #bcc7d3;
}
html.dark-mode .post-reviews .reviews-list .review-text:not(.full)::after {
  background: -ms-linear-gradient(top, rgba(255,255,255,0), #3a4550);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0), #3a4550);
  background: linear-gradient(to bottom, rgba(255,255,255,0), #3a4550);
}
/* html.dark-mode .single-text-ads {
  border: 1px solid #505c68;
} */
html.dark-mode .site-middle-banners .banner .txt {
  color: #808b96;
}
html.dark-mode .download-link-ads-below {
  border: 1px solid #505c68;
}
html.dark-mode .widget-populars .tabs {
  border-bottom: 1px solid #505c68;
}
html.dark-mode .site-footer .ft-box .get-in-touch .foot-menu ul a:hover {
  color: #bcc7d3;
  border-color: #7f8d9b;
}
html.dark-mode .custom-checkbox input[type="checkbox"]:checked + .box svg,
html.dark-mode .custom-checkbox input[type="radio"]:checked + .box svg {
  fill: #090c0f;
}
html.dark-mode .custom-checkbox .box {
  line-height: 18px;
}
html.dark-mode .post-reviews .reviews-list li {
  border-color: #505c68;
}
html.dark-mode .post-reviews .reviews-list > li .likes {
  color: #54606c;
}
html.dark-mode .post-reviews .reviews-list > li .likes svg {
  fill: #54606c;
}
html.dark-mode .post-reviews .reviews-list .likes .count {
  background-color: #333d48;
  color: #bcc7d3;
}
html.dark-mode .green-btn {
  color: #fff;
  box-shadow: 0 9px 5px -6px #2a333c;
}
html.dark-mode .post-reviews .review-rating-container .overall-rating .average-rate {
  color: #bcc7d3;
}
html.dark-mode .post-reviews .review-rating-container .rates {
  color: #bcc7d3;
}
html.dark-mode .post-reviews {
  /* border-bottom: 1px solid #505c68; */
}
html.dark-mode .related-posts h3 {
  color: #bcc7d3;
}
html.dark-mode .related-posts .related-slider-wrap {
  border-radius: 8px;
}
html.dark-mode .related-posts .swiper-container {
  background-color: #333d48;
}
html.dark-mode .related-posts .post-item .post-item-inner {
  /* background-color: #3a4550; */
  background-color: #424c57;
  box-shadow: 0 2px 2px rgba(95,110,125,0.21);
}
html.dark-mode .related-posts .post-item {
  box-shadow: 0 2px 2px rgba(33,35,36,0.21);
}
html.dark-mode .post-item .entry-title {
  color: #bcc7d3;
}
html.dark-mode .post-item .fa-title {
  color: #bcc7d3;
}
html.dark-mode .post-item.featured .entry-info .star-ratings .stars .avg svg {
  fill: #4db921;
}
html.dark-mode .related-posts {
  /* border-bottom: 1px solid #505c68; */
}
html.dark-mode .comment-send-container .box-ttl {
  color: #bcc7d3;
}
html.dark-mode .comment-send-form {
  /* border: 1px solid #505c68; */
}
html.dark-mode .scrolling-fixed-cats > ul > li.menu-item-has-children:not(:hover) > a {
  border-color: #505c68;
}
html.dark-mode .quick-access-menu {
  background-color: #505c68;
}
html.dark-mode .quick-access-menu ul {
  color: #bcc7d3;
}
html.dark-mode .quick-access-menu .close svg {
  fill: #7f8d9b;
}
html.dark-mode .ads-dashed-banner img {
  box-shadow: 11px 0px 8px -1px rgba(0,0,0,0.15);
  border-radius: 22px;
}
html.dark-mode .comment-send-form textarea {
  /* background-color: #3a4550; */
  background-color: #303a44;
  color: #7f8d9b;
}
html.dark-mode .comments-list li ul .comment-send-form textarea {
  background-color: #27303a;
}
html.dark-mode .comments-list li ul li ul .comment-send-form textarea {
  background-color: #3a4550;
}
html.dark-mode .comment-send-form input[type="text"]::placeholder,
html.dark-mode .comment-send-form input[type="tel"]::placeholder {
  color: #7f8d9b;
}
html.dark-mode .comment-send-form input[type="text"],
html.dark-mode .comment-send-form input[type="tel"] {
  color: #bcc7d3;
  border-bottom: 1px solid #505c68;
}
html.dark-mode .comment-send-form .nice-select,
html.dark-mode .comment-send-form .select2-container--default .select2-selection--single {
  color: #7f8d9b;
}
html.dark-mode .comment-send-form .checkbox-wrap a {
  color: #bcc7d3;
}
html.dark-mode .comment-send-form .checkbox-wrap {
  color: #7f8d9b;
}
html.dark-mode .comment-send-form .nice-select,
html.dark-mode .comment-send-form .select2-container--default .select2-selection--single {
  border-bottom: 1px solid #505c68;
}
html.dark-mode .custom-checkbox input[type="checkbox"]:checked + .box,
html.dark-mode .custom-checkbox input[type="radio"]:checked + .box {
  border: 0;
  background-color: #4db921;
}
html.dark-mode .custom-checkbox .box {
  line-height: 17px;
}
html.dark-mode .comment-send-form button[type="submit"]::after {
  /* background-color: #252f38; */
}
html.dark-mode .comment-send-form button[type="submit"] {
  color: #090c0f;
}
html.dark-mode .comment-send-form button[type="submit"]:disabled {
  opacity: 1;
}
html.dark-mode .comments-list-container .comments-list-top {
  color: #bcc7d3;
}
html.dark-mode .comments-list li {
  background-color: #303a44;
  border: 1px solid #3a4550;
  color: #bcc7d3;
}
html.dark-mode .comments-list li .comment-top .date {
  color: #7f8d9b;
}
html.dark-mode .comments-list li .comment-top .left {
  color: #7f8d9b;
}
html.dark-mode .comments-list li .comment-top .left svg {
  fill: #7f8d9b;
}
html.dark-mode .comments-list li .comment-body-text {
  color: #bcc7d3;
}
html.dark-mode .comments-list li .comment-bottom .likes .count {
  background-color: #28313a;
  color: #bcc7d3;
}
html.dark-mode .comments-list li .comment-bottom .likes svg {
  fill: #7f8d9b;
}
html.dark-mode .comments-list li .comment-bottom .likes {
  color: #7f8d9b;
}
html.dark-mode .comments-list li .comment-bottom .comment-reply-link {
  color: #7f8d9b;
  background-color: #3a4550;
}
html.dark-mode .comments-list li ul li {
  background-color: #27303a;
}
html.dark-mode li.comment.admin-comment > .comment-inner > .comment-top > .right > .administrator {
  color: #090c0f;
  background-color: #4db921;
  padding: 0 5px;
  height: 27px;
  border-radius: 5px;
  max-width: max-content;
}
html.dark-mode .comments-list li ul li .comment-bottom .likes .count {
  background-color: #202830;
}
html.dark-mode .comments-list li .comment-bottom .likes.voted .count{
  background-color: #4db921;
  color: #090c0f;
}
html.dark-mode #next_comments_link a {
  color: #090c0f;
  box-shadow: 0 2px 8px rgba(34,46,58,0.37);
}
html.dark-mode .sidebar-single .bordered-btn {
  border: 1px solid #505c68;
  background-color: #3a4550;
  color: #7f8d9b;
}
html.dark-mode .sidebar-single .bordered-btn svg {
  fill: #7f8d9b;
}
html.dark-mode .sidebar-single .topinfo .game-mode strong {
  color: #bcc7d3;
}
html.dark-mode .sidebar-single .topinfo .game-mode {
  color: #bcc7d3;
}
html.dark-mode .post-infs li .inf-cnt {
  color: #bcc7d3;
}
html.dark-mode .post-infs li .inf-cnt a {
  border-bottom: 1px solid #505c68;
}
html.dark-mode .post-infs li .icn svg {
  fill: #758393;
}
html.dark-mode .accordion {
  border: 1px solid #505c68;
}
html.dark-mode .accordion .accordion-title {
  color: #bcc7d3;
  border-bottom-color: #7b8997;
}
html.dark-mode .accordion .accordion-title svg {
  fill: #bcc7d3;
}
html.dark-mode .accordion ul.links {
  border-top: 1px solid #505c68;
  color: #7f8d9b;
}
html.dark-mode .app-faq .accordion {
  border: 0;
}
html.dark-mode .search-sidebar {
  background-color: #3a4550;
  border: 1px solid #505c68;
}
html.dark-mode .search-sidebar .search-form input {
  background-color: #3a4550;
  color: #bcc7d3;
}
html.dark-mode .search-sidebar .search-form button svg {
  fill: #bcc7d3;
}
html.dark-mode .sidebar-single::before {
  box-shadow: -14px 0 29px -21px rgba(0,0,0,0.6);
  background-color: #3a4550;
}
html.dark-mode body.single .sidebar-left::before {
  background-color: #3a4550;
  box-shadow: 14px 0 29px -21px rgba(0,0,0,0.6);
}
html.dark-mode .content-cat-header {
  border-bottom: 1px solid #505c68;
}
html.dark-mode .bread-crumbs a,
html.dark-mode .bread-crumbs span {
  color: #7f8d9b;
}
html.dark-mode .site-pagination-item .page-numbers {
  color: #7f8d9b;
}
html.dark-mode .post-item-wide {
  box-shadow: 0 0 24px rgba(0,0,0,0.18);
  background-color: #3b454f;
}
html.dark-mode .post-infs li .inf-cnt span {
  color: #798592;
}
html.dark-mode .post-infs li .inf-cnt {
  color: #bcc7d3;
}
html.dark-mode .post-item-wide .excerpt p {
  color: #bcc7d3;
}
html.dark-mode .post-item-wide .post-item-wide-footer .add-to-favorites {
  color: #7f8d9b;
}
html.dark-mode .post-item-wide .post-item-wide-footer .add-to-favorites svg {
  fill: #4db921;
}
html.dark-mode .post-item-wide .post-item-wide-footer .download-item {
  color: #151c23;
  font-weight: 500;
}
html.dark-mode .post-item-wide .post-item-wide-footer .download-item svg {
  fill: #151c23;
}
html.dark-mode .catgory-sidebar .cat-sidebar ul li {
  background-color: #323c45;
}
html.dark-mode .catgory-sidebar .cat-sidebar ul li a {
  color: #7f8d9b;
}
html.dark-mode .catgory-sidebar .cat-sidebar .see-more {
  color: #1d242b;
}
html.dark-mode .catgory-sidebar .cat-sidebar .see-more svg {
  fill: #1d242b;
}
html.dark-mode .catgory-sidebar .cat-sidebar.actived {
  border-bottom: 1px solid #505c68;
}
html.dark-mode .catgory-sidebar .cat-sidebar .cat-sidebar-header {
  color: #7f8d9b;
  border-bottom: 1px solid #505c68;
}
html.dark-mode .catgory-sidebar .cat-sidebar .cat-sidebar-header svg {
  fill: #7f8d9b;
}
html.dark-mode .catgory-sidebar .search-form input {
  color: #7f8d9b;
  border: 1px solid #505c68;
  background-color: #3b454f;
}
html.dark-mode .catgory-sidebar .search-form button svg {
  fill: #7f8d9b;
}
html.dark-mode .company-header .company-header-left .back-to-farsroid {
  background-color: #3b454f;
  color: #bcc7d3;
}
html.dark-mode .company-header .company-header-left .back-to-farsroid svg {
  fill: #bcc7d3;
}
html.dark-mode .about-company .about-company-left .about-company-left-top .about-company-title {
  color: #bcc7d3;
}
html.dark-mode .about-company .about-company-left .about-company-left-top ul li .inf-cnt {
  color: #bcc7d3;
  text-align: right;
}
html.dark-mode .about-company .about-company-left .about-company-left-top .website-address {
  color: #bcc7d3;
}
html.dark-mode .about-company .about-company-left .about-company-left-top .website-address a {
  color: #bcc7d3;
}
html.dark-mode .about-company .about-company-left .about-company-text p {
  color: #7f8d9b;
}
html.dark-mode .post-item .post-item-inner {
  background-color: #3a4550;
}
html.dark-mode .post-item .entry-title {
  color: #bcc7d3;
}
html.dark-mode .post-item .fa-title {
  color: #bcc7d3;
}
html.dark-mode .post-item .entry-info {
  color: #7f8d9b;
}
html.dark-mode .post-item.featured .entry-info .star-ratings .stars .avg svg {
  fill: #4db921;
}
html.dark-mode .sidebar.sidebar-developers::before {
  content: none;
}
html.dark-mode .yass-scrollbar {
  background-color: #282f36 !important;
}
html.dark-mode .sidebar-left .title-company h3 {
  color: #bcc7d3;
}
html.dark-mode .sidebar-left .title-company h3::before {
  background-color: #4db921;
}
html.dark-mode .sidebar-left .title-company {
  border-bottom: 1px solid #505c68;
}
html.dark-mode .post-item.online {
  background: linear-gradient(54deg,#384049 20%,#384049 75%,#7acb5a 100%);
}
html.dark-mode .post-item.featured {
  /* background: linear-gradient(54deg, #7acb5a 0%, #505c68 20%, #505c68 75%); */
  /* background: linear-gradient(54deg, #d9b01f 0%, #424c56 20%, #424c56 75%); */
  background: linear-gradient(54deg, #d9b01f 0%, #384049 20%, #384049 75%);
}
html.dark-mode .post-item.online.featured {
  /* background: linear-gradient(54deg, #7acb5a 0%, #505c68 20%, #505c68 75%, #7acb5a 100%); */
  background: linear-gradient(54deg, #d9b01f 0%, #384049 20%, #384049 75%, #7acb5a 100%);
}
html.dark-mode .post-item.updated.featured::before {
  /* background: linear-gradient(54deg, #4db921 0%, #505c68 20%, #505c68 75%); */
  background: linear-gradient(54deg, #d9b01f 0%, #384049 20%, #384049 75%);
}
html.dark-mode .page404-main .form-wrapper .paragraph span {
  color: #7f8d9b;
}
html.dark-mode .page404-main .form-wrapper .paragraph span:last-child {
  color: #bcc7d3;
}
html.dark-mode .page404-main .form-wrapper form {
  background-color: #3b454f;
  box-shadow: 0 0 24px rgba(0,0,0,0.15);
}
html.dark-mode .page404-main .form-wrapper form input {
  color: #7f8d9b;
}
html.dark-mode .page404-main .form-wrapper form button svg {
  fill: #4db921;
}
html.dark-mode .page404-main .go-home-link {
  border: 11px solid #353f48;
  background-color: #3b454f;
}
html.dark-mode .page404-main .foot a.report svg {
  fill: #7f8d9b;
}
html.dark-mode .page404-main .foot .copyright {
  color: #7f8d9b;
}
html.dark-mode .post-item.updated.featured::after {
  background-color: #424c57;
}
html.dark-mode .header-pages {
  border-bottom: 1px solid #505c68;
}
html.dark-mode .dw-form-wrapper {
  /* background-color: #3a4550; */
  /* box-shadow: 0 3px 49px rgba(0,0,0,.24); */
}
html.dark-mode .typography p,
html.dark-mode .post-content p {
  color: #bcc7d3;
}
html.dark-mode .typography .wpcf7-form input[type="text"],
html.dark-mode .post-content .wpcf7-form input[type="text"],
html.dark-mode .typography .wpcf7-form input[type="email"],
html.dark-mode .post-content .wpcf7-form input[type="email"],
html.dark-mode .typography .wpcf7-form input[type="password"],
html.dark-mode .post-content .wpcf7-form input[type="password"],
html.dark-mode .typography .wpcf7-form input[type="tel"],
html.dark-mode .post-content .wpcf7-form input[type="tel"],
html.dark-mode .typography .wpcf7-form input[type="address"],
html.dark-mode .post-content .wpcf7-form input[type="address"],
html.dark-mode .typography .wpcf7-form input[type="number"],
html.dark-mode .post-content .wpcf7-form input[type="number"],
html.dark-mode .typography .wpcf7-form input[type="url"],
html.dark-mode .post-content .wpcf7-form input[type="url"],
html.dark-mode .typography .wpcf7-form input[type="search"],
html.dark-mode .post-content .wpcf7-form input[type="search"],
html.dark-mode .typography .wpcf7-form textarea,
html.dark-mode .post-content .wpcf7-form textarea,
html.dark-mode .typography .wpcf7-form select,
html.dark-mode .post-content .wpcf7-form select {
  color: #7f8d9b;
  border-bottom: 1px solid #505c68;
}
html.dark-mode .typography .wpcf7-form .nice-select,
html.dark-mode .post-content .wpcf7-form .nice-select {
  border-bottom: 1px solid #505c68;
  color: #7f8d9b;
  background-color: #3a4550;
}
html.dark-mode .typography .wpcf7-form button,
html.dark-mode .post-content .wpcf7-form button {
  color: #232b33;
}
html.dark-mode .typography .wpcf7-form button svg,
html.dark-mode .post-content .wpcf7-form button svg {
  fill: #232b33;
}
html.dark-mode div.wpcf7-response-output {
  color: #7f8d9b;
}
html.dark-mode .social-networks-grid li a {
  border: 1px solid #505c68;
  color: #7f8d9b;
}
html.dark-mode .social-networks-grid li a svg.arrow,
html.dark-mode .social-networks-grid li a svg:not(.arrow) {
  fill: #7f8d9b;
}
html.dark-mode .typography ol,
html.dark-mode .post-content ol,
html.dark-mode .typography ul,
html.dark-mode .post-content ul {
  color: #bcc7d3;
}
html.dark-mode .sidebar-page ul li {
  color: #7f8d9b;
  border-bottom: 1px solid #505c68;
}
html.dark-mode .tingle-modal.send-review-modal {
  background-color: #3a4550 !important;
}
html.dark-mode .tingle-modal.send-review-modal .review-white-card {
  box-shadow: 0 2px 2px rgba(0,0,0,0.18);
  background-color: #3e4954;
}
html.dark-mode .tingle-modal.send-review-modal .review-send-card .review-send--header {
  border-bottom: 1px solid #505c68;
}
html.dark-mode .tingle-modal.send-review-modal .review-send-card .review-send--header .farsroid-logo svg {
  fill: #505c68;
}
html.dark-mode .tingle-modal.send-review-modal .review-send-card form p {
  color: #7f8d9b;
}
html.dark-mode .post-content .site-rank .site-rank-right .rank-top .viewers-statistics {
  color: #4db921;
}
html.dark-mode .post-content .site-rank .site-rank-right .rank-top .viewers-statistics span {
  color: #7f8d9b;
}
html.dark-mode .post-content .advertising-status .top-advertising-status > ul li span {
  color: #7f8d9b;
}
html.dark-mode .post-content .advertising-status .tabs li span {
  color: #bcc7d3;
}
html.dark-mode .post-content .advertising-status .tabs li {
  border: 1px solid #505c68;
  border-bottom: 0;
}
html.dark-mode .post-content .advertising-status .ads-img {
  border: 1px solid #505c68;
  border-right: 0;
}
html.dark-mode .post-content .advertising-status .tabs > li:last-child {
  border-bottom: 1px solid #505c68;
}
html.dark-mode .post-content .advertising-status .tabs.tabs2 .specs {
  background-color: #37414c;
  border-left: 1px solid #505c68;
}
html.dark-mode .ads-plans-last-update {
  color: #7f8d9b;
}
html.dark-mode .ads-reservation-wrapper .contact-card {
  background-color: #333d47;
  color: #7f8d9b;
}
html.dark-mode .ads-reservation-wrapper .contact-card p.bold {
  color: #7f8d9b;
}
/* html.dark-mode .faq-card {
  background-color: #3f4a55;
  box-shadow: 0 2px 2px rgba(69,90,100,0.25);
  color: #bcc7d3;
} */
/* html.dark-mode .faq-card .question {
  color: #bcc7d3;
} */
html.dark-mode body {
  /* background-color: #3a4550; */
  background-color: #38404b;
  /* background-color: #38404b; */
  color: #bcc7d3;
}
html.dark-mode body.page  {
  background-color: #313c47;
}
html.dark-mode body.page .post-content-wrapper {
  padding-bottom: calc(22px + 30px);
  margin-bottom: 0;
}
html.dark-mode .site-header .site-header--inner {
  box-shadow: 0 0 3px rgba(0,0,0,0.6);
  background-color: #3a4550;
}
html.dark-mode .site-header--searchform {
  background-color: #313c47;
  color: #7f8d9b;
}
html.dark-mode .live-search-results {
  box-shadow: 0 9px 13px rgba(144,166,184,0.33);
  background-color: #3a4550;
}
html.dark-mode .live-search-results .search-items li {
  border-bottom: 1px solid #444f5b;
}
html.dark-mode .live-search-results .search-items li .entry-title {
  color: #d8dfe7;
}
html.dark-mode .live-search-results .search-items li .date {
  color: #94a2b0;
}
html.dark-mode .site-header--searchform svg.icon-close {
  fill: #7f8d9b;
}
html.dark-mode .homepage-slider .homepage-slider-wrapper .swiper-slide a img {
  border-radius: 8px;
}
html.dark-mode .videoroid-pagination .swiper-pagination-bullet,
html.dark-mode .homepage-slider-pagination .swiper-pagination-bullet {
  background-color: #fff;
}
html.dark-mode .site-middle-banners {
  /* background-color: #3a4550; */
  background-color: #424c57;
}
html.dark-mode .site-middle-banners .banner .txt {
  color: #bcc7d3;
}
html.dark-mode .game-app-box .game-app-box--top .box-ttl {
  color: #bcc7d3;
}
html.dark-mode .game-app-box .game-app-box--top .box-ttl svg {
  color: #bcc7d3;
  fill: #bcc7d3;
}
html.dark-mode a.archive-link {
  box-shadow: 0 1px 1px rgba(54,64,74,0.24);
  background-color: #424c57;
  color: #9faebe;
}
html.dark-mode .post-item .post-item-inner {
  box-shadow: 0 1px 1px rgba(54,64,74,0.24);
  background-color: #424c57;
}
html.dark-mode .post-item.updated:after {
  /* background-color: #3a4550; */
  border-color: #384049;
}
html.dark-mode .widget-game-developers .widget-title {
  color: #bcc7d3;
}
html.dark-mode .widget-game-developers .widget-title:after {
  opacity: 0.1;
}
html.dark-mode .post-title-summary {
  box-shadow: 0 0 3px rgba(0,0,0,0.4);
  background-color: #3a4550;
}
html.dark-mode .post-title-summary .sbs-content {
  color: #bcc7d3;
}
html.dark-mode .post-summary-info .post-title-wrap h2 {
  color: #bcc7d3;
}
html.dark-mode .post-summary-info .post-title-wrap svg {
  fill: #bcc7d3;
}
html.dark-mode .post-summary-card,
html.dark-mode .post-summary-card .post-summary-card--inner {
  box-shadow: 0 1px 1px rgba(0,0,0,0.24);
  /* background-color: #3a4550; */
  background-color: #424c57;
}
html.dark-mode .post-summary-card.updated::after {
  border-color: #384049;
}
html.dark-mode .post-summary-card.featured {
  background: linear-gradient(54deg,#d9b01f 0%,#384049 20%,#384049 75%);
}
html.dark-mode .post-summary-card.updated.featured::before {
  background: linear-gradient(54deg,#d9b01f 0%,#384049 20%,#384049 75%);
}
html.dark-mode .post-summary-card.updated.featured::after {
  background-color: #424c57;
}
html.dark-mode .post-summary-info.container{
  position: relative;
  z-index: 0;
}
html.dark-mode .post-summary-card.updated::after {
  /* content: none; */
}
html.dark-mode .post-summary-card.online {
  background: linear-gradient(54deg, #d9b01f 5%, #37404b 25%, #37404b 75%, #7acb5a 100%);
}
html.dark-mode .post-summary-card .star-ratings {
  color: #a7b2be;
}
html.dark-mode .post-summary-card .titles h2 {
  color: #d8dfe7;
}
html.dark-mode .post-summary-card .thumb-title {
  border-bottom: 1px solid #323c46;
}
html.dark-mode .post-summary-card .meta {
  color: #7f8d9b;
}
html.dark-mode .post-summary-card .meta li span.value {
  color: #bcc7d3;
}
html.dark-mode .post-dl-bookmark-links {
  border: 1px solid #48535e;
}
html.dark-mode .post-dl-bookmark-links.voted {
  border-color: #fb6d6d;
}
html.dark-mode .post-dl-bookmark-links a:first-of-type {
  border-left: 1px solid #48535e;
}
html.dark-mode .post-dl-bookmark-links a:last-of-type {
  border-right: 1px solid #48535e;
}
html.dark-mode .post-dl-bookmark-links a svg {
  fill: #7f8d9b;
}
html.dark-mode .post-dl-bookmark-links a.like-btn {
  color: #7f8d9b;
}
html.dark-mode .post-content-wrapper {
  background-color: #3a4550;
}
html.dark-mode .post-footer-wrapper {
  background-color: #3a4550;
}
html.dark-mode .downloadbox .downloadbox-top h3 {
  color: #bcc7d3;
}
html.dark-mode .downloadbox .downloadbox-body .post-metas li .icn svg {
  fill: #7f8d9c;
}
html.dark-mode .downloadbox .downloadbox-body .post-metas li .texts span,
html.dark-mode .downloadbox .downloadbox-body .post-metas-tabeld tr th span {
  color: #7f8d9b;
}
html.dark-mode .downloadbox .downloadbox-body .post-metas li .texts {
  color: #bcc7d3;
}
html.dark-mode .downloadbox .downloadbox-body .post-metas li .texts:last-child {
  color: #bcc7d3;
}
html.dark-mode .post-foot-stuff .shadowed-btn {
  background-color: #45505b;
  box-shadow: 0 2px 2px rgba(0,0,0,0.3);
  color: #bcc7d3;
}
html.dark-mode .post-foot-stuff .shadowed-btn svg {
  fill: #252f39;
}
html.dark-mode .screenshots-gallery .screenshots-head h3 {
  color: #bcc7d3;
}
html.dark-mode .screenshots-gallery .screenshots-head .count {
  color: #7f8d9b;
}
html.dark-mode .screenshots-gallery .swiper-slide img {
  box-shadow: 0 4px 4px rgba(0,0,0,0.5);
}
html.dark-mode .swiper-scrollbar {
  background-color: #2b333c;
}
html.dark-mode .user-reviews-wrapper {
  box-shadow: 0 1px 1px rgba(54,64,74,0.24);
  background-color: #3a4550;
}
html.dark-mode .screenshots-gallery .swiper-container:after {
  content: none;
}
html.dark-mode .post-reviews > h3 {
  color: #bcc7d3;
}
html.dark-mode .make-a-review-box {
  border: 1px solid #505c68;
  background-color: #3a4550;
}
html.dark-mode .make-a-review-box .txt a,
html.dark-mode .make-a-review-box .txt span {
  color: #bcc7d3;
}
html.dark-mode .make-a-review-box .txt {
  color: #909aa6;
}
html.dark-mode .post-reviews .review-rating-container .overall-rating .average-rate {
  color: #bcc7d3;
}
html.dark-mode .post-reviews .review-rating-container .overall-rating {
  color: #bcc7d3;
}
html.dark-mode .post-reviews .review-rating-container .rates {
  color: #bcc7d3;
}
html.dark-mode .post-reviews .review-rating-container .rates li .bars {
  margin-left: 8px;
}
html.dark-mode .post-reviews .review-rating-container .rates li .rate {
  width: 15px;
}
html.dark-mode .post-content .advertising-status .notice p {
  background-color: #333c47;
}
html.dark-mode .ads-plans tr td {
  border-bottom: 4px solid #3a4550;
  background-color: #343d47;
}
html.dark-mode .ads-plans {
  color: #bcc7d3;
}
html.dark-mode .reportage-archive-link {
  box-shadow: 0 3px 2px rgba(144,156,168,0.05);
  background-color: #3a4550;
}
html.dark-mode .ads-plans-last-update {
  color: #7f8d9b;
}
html.dark-mode .developer-page-description .about-developer .inf-cnt {
  color: #bcc7d3;
}
html.dark-mode .developer-page-description .developer-title {
  color: #bcc7d3;
}
html.dark-mode .developer-page-description .developer-full-desc {
  color: #bcc7d3;
}
html.dark-mode .archive-title .archive-title-text,
html.dark-mode .archive-title .count {
  color: #bcc7d3;
}
html.dark-mode .archive-title .archive-title-text svg,
html.dark-mode .archive-title .count svg {
  fill: #bcc7d3;
}
html.dark-mode .archive-pagination .page-numbers {
  box-shadow: 0 1px 1px rgba(54,64,74,0.24);
  background-color: #424c57;
  color: #7f8d9b;
}
html.dark-mode .post-item.post-item-archive{
}
html.dark-mode .post-item.post-item-archive .post-item-inner .post-item-header .post-item-title .en-title {
  color: #bcc7d3;
}
html.dark-mode .post-item.post-item-archive .post-item-inner .post-item-header .post-item-title a,
html.dark-mode .post-item.post-item-archive .post-item-inner .post-item-header .post-item-title .fa-title {
  color: #bcc7d3;
}
html.dark-mode .archive-pagination .page-numbers svg {
  fill: #7f8d9b;
}
html.dark-mode .post-item.post-item-archive .post-item-inner .post-item-header {
  border-bottom: 1px solid #505c68;
}
html.dark-mode .post-item.post-item-archive .post-item-inner .post-infs {
  color: #7f8d9b;
}
html.dark-mode .post-item.post-item-archive .post-item-inner .post-infs li span:last-child {
  color: #bcc7d3;
}
html.dark-mode .post-item.post-item-archive .post-item-inner .post-item-infs .star-ratings .average-rating {
  color: #bcc7d3;
}
html.dark-mode .post-item.post-item-archive .post-item-inner .excerpt {
  color: #bcc7d3;
}
html.dark-mode .post-item.post-item-archive .post-dl-bookmark-links {
  border-top: 1px solid #505c68;
}
html.dark-mode .post-dl-bookmark-links a.go-to-downloads-btn,
html.dark-mode .post-dl-bookmark-links a.like-btn {
  color: #bcc7d3;
}
html.dark-mode .post-summary-card.online {
  background: linear-gradient(54deg, #d9b01f 5%, #37404b 25%, #37404b 75%, #7acb5a 100%);
}
html.dark-mode .dark-mood-button {
  cursor: pointer;
  margin-right: 15px;
}
html.dark-mode .dark-mood-button span svg {
  width: 20px;
  height: 20px;
  fill: #4db921;
}
html.dark-mode .site-top-nav {
  margin-right: auto;
}
html.dark-mode .site-header .container {
  justify-content: normal;
}
html.dark-mode .search-sidebar .search-form button svg {
  fill: #55616e;
  width: 17px;
  height: 17px;
}
html.dark-mode .dark-mood-button {
  cursor: pointer;
  margin-right: 15px;
}
html.dark-mode .dark-mood-button span svg {
  width: 20px;
  height: 20px;
  fill: #4db921;
}
html.dark-mode .site-top-nav {
  margin-right: auto;
}
html.dark-mode .site-header .container {
  justify-content: normal;
}
html.dark-mode body.page-template-panel {
  background-color: #3a4550;
}
html.dark-mode body.page-template-panel .site-header {
  margin-bottom: 41px;
}
html.dark-mode .panel-navigation-sidebar {
  box-shadow: 0 1px 2px rgba(0,0,0,0.21);
  background-color: #414c57;
}
html.dark-mode .panel-navigation-sidebar .user-display-name {
  color: #bcc7d3;
}
html.dark-mode .panel-navigation-sidebar .mobile-info span {
  color: #bcc7d3;
}
html.dark-mode .user-panel-navigation li {
  color: #bcc7d3;
}
html.dark-mode .box-panel {
  box-shadow: 0 1px 2px rgba(0,0,0,0.21);
  background-color: #414c57;
}
html.dark-mode .top-panel-body .application-request {
  box-shadow: 0 1px 2px rgba(0,0,0,0.21);
  background-color: #414c57;
}
html.dark-mode .top-panel-body .application-request form {
  border: 1px solid #505c68;
  background-color: #414c57;
}
html.dark-mode .top-panel-body .application-request form input {
  background-color: #414c57;
}
html.dark-mode .top-panel-body .application-request form button {
  background-color: #414c57;
}
html.dark-mode .top-panel-body .recent-activities {
  box-shadow: 0 1px 2px rgba(0,0,0,0.21);
  background-color: #414c57;
}
html.dark-mode .top-panel-body .recent-activities ul li {
  border-bottom: 1px solid #505c68;
}
html.dark-mode .main-panel .title,
html.dark-mode .main-panel h2 {
  color: #bcc7d3;
}
html.dark-mode .main-panel p {
  color: #bcc7d3;
}
html.dark-mode .favorites-items .favorite-item {
  border: 1px solid #505c68;
  background-color: #414c57;
}
html.dark-mode .favorites-items .favorite-item .favorite-item-title {
  color: #bcc7d3;
}
html.dark-mode .favorites-items .favorite-item p {
  color: #7f8d9b;
}
html.dark-mode .favorites-items .favorite-item .bottom-item {
  color: #bcc7d3;
}
html.dark-mode .favorites-items .favorite-item .bottom-item:hover {
  color: #7f8d9b;
}
html.dark-mode .favorites-items .favorite-item .bottom-item:hover svg {
  fill: #7f8d9b;
}
html.dark-mode .favorites-items .favorite-item .bottom-item svg {
  fill: #bcc7d3;
}
html.dark-mode .favorite-footer .clear-all-items {
  color: #7f8d9b;
}
html.dark-mode .favorite-footer .clear-all-items:hover {
  color: #bcc7d3;
}
html.dark-mode .favorite-footer .clear-all-items:hover svg {
  fill: #bcc7d3;
}
html.dark-mode .favorite-footer .clear-all-items svg {
  fill: #7f8d9b;
}
html.dark-mode .panel-table table tr th {
  color: #bcc7d3;
}
html.dark-mode .panel-table table tr td {
  color: #8c99a6;
}
html.dark-mode .panel-table table tr {
  border-bottom: 1px solid #505c68;
}
html.dark-mode .tooltiped::before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.21);
  background-color: #505c68;
  color: #bcc7d3;
}
html.dark-mode .subscription-method svg {
  fill: #8c99a6;
}
html.dark-mode .main-panel .update .update-items .update-item .update-item-title {
  color: #bcc7d3;
}
html.dark-mode .main-panel .update .update-items .update-item .update-item-right {
  color: #7f8d9b;
}
html.dark-mode .main-panel .update .update-items .update-item {
  border-bottom: 1px solid #505c68;
}
html.dark-mode .main-panel .update .update-items .update-item > span {
  color: #6c7a89;
}
html.dark-mode .widget-videoroid-list li .video-title {
  color: #bcc7d3;
}
html.dark-mode .widget-videoroid-list li .thumbnail {
  box-shadow: 0 15px 12px -13px #171c22;
}
html.dark-mode .quick-access-menu .close:hover svg {
  fill: #a2a5a7;
}
/* html.dark-mode .dark-mode-button span {
  background-color: #3a4550;
  border-radius: 100%;
  width: 37px;
  height: 37px;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  box-shadow: 3px 4px 7px -2px rgba(0,0,0,0.2);
  position: relative;
}
html.dark-mode .dark-mode-button span:before {
	content: '';
	background-image: linear-gradient(45deg,#3a4550 1%, #515b66 100%);
	width: 42px;
	height: 42px;
	border-radius: 100%;
	filter: blur(5px);
	top: -5px;
	left: -5px;
	z-index: 1;
	position: absolute;
}
.dark-mode-button span svg {
	position: relative;
	z-index: 5;
} */
html.dark-mode .scrolling-fixed-cats > ul > li.on-content > a {
  color: #429f1d;
  box-shadow: 0 2px 0 #4db921;
}
html.dark-mode .scrolling-fixed-cats > ul > li.on-content > a svg {
  fill: #429f1d;
}
html.dark-mode .content-tdped-header .content-today-published-title {
  color: #7f8d9b;
}
html.dark-mode .content-tdped-header {
  border-bottom: 1px solid #505c68;
}
html.dark-mode .content-tdped-header .current-month {
  color: #7f8d9b;
}
html.dark-mode .downloadbox .downloadbox-body .post-metas li .texts > :last-child ,
html.dark-mode .downloadbox .downloadbox-body .post-metas-tabeld td {
  color: #bcc7d3;
}
html.dark-mode .shadowed-btn.shadowed-btn--telegram,
html.dark-mode .shadowed-btn.shadowed-btn--instagram {
  box-shadow: none;
}
html.dark-mode .comment-send-form .nice-select:after,
html.dark-mode .comment-send-form .select2-container--default .select2-selection--single:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTAgOCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJzZzVjYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEuMTQzLjEzMmg4LjAzMkEuNS41IDAgMCAxIDkuNjA4LjljLS4xNzUuMzA2LTMuNzA2IDYuNDItNC4wMDggNi45NDJhLjQ5OS40OTkgMCAwIDEtLjg3IDBDNC41MDkgNy40NjcuOTYgMS4zMjguNzEzLjg4NC41MzIuNTU4LjczMi4xMzIgMS4xNDMuMTMyeiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnPjxnPjxwYXRoIGZpbGw9IiMzYTQ1NTAiIGQ9Ik0xLjE0My4xMzJoOC4wMzJBLjUuNSAwIDAgMSA5LjYwOC45Yy0uMTc1LjMwNi0zLjcwNiA2LjQyLTQuMDA4IDYuOTQyYS40OTkuNDk5IDAgMCAxLS44NyAwQzQuNTA5IDcuNDY3Ljk2IDEuMzI4LjcxMy44ODQuNTMyLjU1OC43MzIuMTMyIDEuMTQzLjEzMnoiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiM0ZGI5MjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIwIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xLjE0My4xMzJoOC4wMzJBLjUuNSAwIDAgMSA5LjYwOC45Yy0uMTc1LjMwNi0zLjcwNiA2LjQyLTQuMDA4IDYuOTQyYS40OTkuNDk5IDAgMCAxLS44NyAwQzQuNTA5IDcuNDY3Ljk2IDEuMzI4LjcxMy44ODQuNTMyLjU1OC43MzIuMTMyIDEuMTQzLjEzMnoiIGNsaXAtcGF0aD0idXJsKCZxdW90OyNzZzVjYSZxdW90OykiLz48L2c+PC9nPjwvc3ZnPg==");
}
html.dark-mode .content-cat-footer {
  border-top: 1px solid #505c68;
}
html.dark-mode .content-cat-footer-border {
  box-shadow: 0 0 24px rgba(26,35,43,0.18);
  background-color: #3b454f;
}
html.dark-mode .catgory-sidebar .cat-sidebar.actived .cat-sidebar-header {
  color: #429f1d;
  border-bottom: 2px solid #4db921;
}
html.dark-mode .catgory-sidebar .cat-sidebar.actived .cat-sidebar-header svg {
  fill: #429f1d;
}
html.dark-mode .request-app-grid .request-guide p.note svg {
  fill: #bcc7d3;
}
html.dark-mode .phone-price-box .phone-model {
  /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.21);
  background-color: #414c57;
  color: #919ba5; */
  border: 0;
}
html.dark-mode .phone-price-box {
    background-color: #3a4550;
}
html.dark-mode .phone-price-box ul.prices {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.21);
  background-color: #414c57;
  padding: 0 15px;
  border-radius: 8px;
}
html.dark-mode .phone-price-box ul.prices li {
  border-bottom: 1px solid #505c68;
  background-color: #414c57;

}
html.dark-mode .phone-price-box ul.prices > li:last-child {
  border: 0;
}
html.dark-mode .posts-list-box .tabs li.active {
  border-color: #46b01a;
}
html.dark-mode .site-middle-banners .banner img {
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
html.dark-mode .water-wave > span > span {
  border: 1px solid #6a727a;
}
html.dark-mode .water-wave > span {
  border: 1px solid #545d65;
}
html.dark-mode .water-wave {
  border: 1px solid #454f58;
}
html.dark-mode .widget-populars .show-more-link:hover {
  color: #4db921;
  border-color: #4db921;
}
html.dark-mode .scrolling-fixed-cats > ul > li > ul {
  box-shadow: 0 0 35px rgba(0,0,0,0.22);
  background-color: #414c57;
}
html.dark-mode .scrolling-fixed-cats > ul > li > ul > li > ul {
  color: #7f8d9b;
}
html.dark-mode .scrolling-fixed-cats > ul > li.menu-item-has-children:before  {
  background-color: #414c57;
}
html.dark-mode .scrolling-fixed-cats > ul > li.menu-item-has-children:after {
  background-color: #414c57;
}
html.dark-mode .downloadbox .downloadbox-body .download-links .download-link {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.21);
	background-color: #414c57;
}
html.dark-mode .downloadbox .downloadbox-body .download-links .download-link .qr svg {
	fill: #fff;
}
@media (min-width: 1600px) {
	 html.dark-mode .downloadbox .downloadbox-body .post-metas::before ,
  html.dark-mode .downloadbox .downloadbox-body .post-metas-tabled::before {
		background-color: #3a4550;
	}
	html.dark-mode .downloadbox .downloadbox-body .post-metas li ,
  html.dark-mode .downloadbox .downloadbox-body .post-metas-tabled tr {
		background-color: #3a4550;
	}
	html.dark-mode .downloadbox .downloadbox-body .post-metas li .icn svg ,
  html.dark-mode .downloadbox .downloadbox-body .post-metas-tabled tr .icn svg {
		fill: #bcc7d3;
	}
	html.dark-mode .downloadbox .downloadbox-body .post-metas li .texts span:last-child {
		color: #bcc7d3;
	}

}

html.dark-mode .top-panel-body .recent-activities ul > li:last-child {
	border: 0;
}
html.dark-mode .panel-footer {
	border-top: 1px solid #505c68;
}
html.dark-mode .panel-footer-content .socials-network .socials-network-item a {
	border: 1px solid #505c68;
}
html.dark-mode #overlayed_search_container {
	background: #414c57;
}
html.dark-mode #overlayed_search_container .search-overlay--form input {
	background-color: #fff;
	color: #1c1b1b;
}
html.dark-mode #search_overlay_results {
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.18);
	background-color: #3e4954;
	padding: 20px;
	border-radius: 15px;
}
html.dark-mode #overlayed_search_container .search-results--items li .entry-title {
	color: #bcc7d3;
}
html.dark-mode #overlayed_search_container .search-results--items li .average-rating{
	color: #7f8d9b;
}
html.dark-mode #overlayed_search_container .search-results--items li {
	border-bottom: 1px solid #505c68;
}
html.dark-mode #overlayed_search_container .all-results-link {
	color: #000 !important;
}
html.dark-mode .tingle-modal.send-review-modal .post-info-card h2.ltr {
	color: #bcc7d3;
}
html.dark-mode .tingle-modal.send-review-modal .post-info-card .entry-info .star-ratings {
	color: #7f8d9b;
}
html.dark-mode .tingle-modal.send-review-modal .tingle-modal__closeIcon {
	color: #7f8d9b !important;
}
html.dark-mode .fa-input {
	border-bottom-color: #505c68;
	color: #7f8d9b;
}
html.dark-mode .fa-input::placeholder {
	opacity: 1;
}
html.dark-mode .tingle-modal.send-review-modal .review-send-card form .rating-field input,
html.dark-mode .tingle-modal.send-review-modal .review-send-card form .rating-field -webkit-appearance textfield {
	color: #7f8d9b;
}
html.dark-mode .tingle-modal.send-review-modal .review-send-card form .rating-field .input em svg {
	fill: #3a4550;
}
html.dark-mode .tingle-modal.send-review-modal .review-send-card form textarea {
	border: 1px solid #505c68;
	background-color: #3e4954;
	color: #bcc7d3;
}
html.dark-mode .tingle-modal.send-review-modal .review-send-card form textarea::placeholder {
	opacity: 1;
}
html.dark-mode .tingle-modal.send-review-modal .review-send-card form button[type="submit"] {
	color: #fff;
	box-shadow: 0 9px 5px -6px #2a333c;
}
html.dark-mode .tingle-modal.send-review-modal .review-send-card form h4 {
	color: #bcc7d3;
}
html.dark-mode .drop-shadow-btn:after {
	content: none;
}
html.dark-mode .tingle-modal-box__content p {
	color: #7f8d9b;
}
html.dark-mode .tingle-modal--visible .tingle-modal-box {
	background-color: #3e4954;
}
html.dark-mode .tingle-modal-box__content .modal--header h3 {
	color: #7f8d9b;
}
html.dark-mode .user-panel-page-content input[type="text"],
html.dark-mode .user-panel-page-content input[type="email"],
html.dark-mode .user-panel-page-content input[type="number"],
html.dark-mode .user-panel-page-content input[type="url"],
html.dark-mode .user-panel-page-content input[type="tel"],
html.dark-mode .user-panel-page-content input[type="password"],
html.dark-mode .user-panel-page-content textarea {
	background-color: #414c57;
	border-bottom-color: #505c68;
	color: #7f8d9b;
}
html.dark-mode .user-panel-page-content input[type="text"]::placeholder,
html.dark-mode .user-panel-page-content input[type="email"]::placeholder,
html.dark-mode .user-panel-page-content input[type="number"]::placeholder,
html.dark-mode .user-panel-page-content input[type="url"]::placeholder,
html.dark-mode .user-panel-page-content input[type="tel"]::placeholder,
html.dark-mode .user-panel-page-content input[type="password"]::placeholder,
html.dark-mode .user-panel-page-content textarea::placeholder {
	opacity: 1;
}

html.dark-mode .user-panel-page-content button.green {
	color: #000;
}
html.dark-mode .main-panel > section #user_profile_update h3 {
	color: #bcc7d3;
}
html.dark-mode .main-panel > section #user_profile_update > .row > div:nth-child(3) svg path{
	fill: #4db921 !important;
}
html.dark-mode .user-panel-page-content .nice-select,
html.dark-mode .user-panel-page-content .select2-container--default .select2-selection--single {
	color: #7f8d9b;
	border-bottom: 1px solid #505c68;
}
html.dark-mode .user-panel-page-content .nice-select::after,
html.dark-mode .user-panel-page-content .select2-container--default .select2-selection--single::after {
	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTAgOCI+PGRlZnM+PGNsaXBQYXRoIGlkPSJsbXZlYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEuMTQzLjEzMmg4LjAzMkEuNS41IDAgMCAxIDkuNjA4LjlMNS42IDcuODQyYS40OTkuNDk5IDAgMCAxLS44NyAwQzQuNTA4IDcuNDY3Ljk2IDEuMzI4LjcxMy44ODQuNTMyLjU1OC43MzIuMTMyIDEuMTQzLjEzMnoiLz48L2NsaXBQYXRoPjwvZGVmcz48Zz48Zz48cGF0aCBmaWxsPSIjNDE0YzU3IiBkPSJNMS4xNDMuMTMyaDguMDMyQS41LjUgMCAwIDEgOS42MDguOUw1LjYgNy44NDJhLjQ5OS40OTkgMCAwIDEtLjg3IDBDNC41MDggNy40NjcuOTYgMS4zMjguNzEzLjg4NC41MzIuNTU4LjczMi4xMzIgMS4xNDMuMTMyeiIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzRkYjkyMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMjAiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEuMTQzLjEzMmg4LjAzMkEuNS41IDAgMCAxIDkuNjA4LjlMNS42IDcuODQyYS40OTkuNDk5IDAgMCAxLS44NyAwQzQuNTA4IDcuNDY3Ljk2IDEuMzI4LjcxMy44ODQuNTMyLjU1OC43MzIuMTMyIDEuMTQzLjEzMnoiIGNsaXAtcGF0aD0idXJsKCZxdW90OyNsbXZlYSZxdW90OykiLz48L2c+PC9nPjwvc3ZnPg==");
}
html.dark-mode .typography hr,
html.dark-mode .post-content hr{
  border-top: 1px solid #505c68;
}
html.dark-mode .typography code,
html.dark-mode .post-content code {
  color: #bcc7d3;
}
html.dark-mode .content-tdped-footer .today-programs {
  background-color: #414c57;
  border: 1px solid #505c68;
  color: #99a3ad;
}
html.dark-mode .content-tdped-footer .today-programs span {
  color: #99a3ad;
}

/*}
html.dark-mode .typography > p:first-child strong span:first-child,
html.dark-mode .post-content > p:first-child strong span:first-child,
html.dark-mode .typography > p:first-child strong span:last-child,
html.dark-mode .post-content > p:first-child strong span:last-child {
  color: #00d7ff !important;
}
html.dark-mode .typography > p:first-child span:first-child strong ,
html.dark-mode .post-content > p:first-child span:first-child strong ,
html.dark-mode .typography > p:first-child span:last-child strong ,
html.dark-mode .post-content > p:first-child span:last-child strong  {
  color: #00d7ff !important;
}
html.dark-mode .typography > p > span ,
html.dark-mode .post-content > p > span  {
  color: #99cc00 !important;
} */

html.dark-mode .shadowed-btn,
html.dark-mode .post-foot-stuff .reports,
html.dark-mode .post-foot-stuff .reports .nice-select .current,
html.dark-mode .post-foot-stuff .reports .nice-select .list {
  background-color: #45505b;
  color: #bcc7d3;
}

html.dark-mode .single-user-comments-wrapper {
  background-color: #3a4550;
}

html.dark-mode .archive-title .view-more a {
  background: #424c57;
  color: #bcc7d3;
}

html.dark-mode .offcanvas-side {
  background: #3a4550;
  color: #7f8d9b;
}

html.dark-mode .offcanvas-side a{
  color: #7f8d9b;
}
html.dark-mode .site-header--searchform input,
html.dark-mode .site-header--searchform input::placeholder{
  color: #7f8d9b;
}
html.dark-mode .offcanvas-side-right .offcanvas-searchform input {
  border-color: #7f8d9b;
  color: #7f8d9b;
}
html.dark-mode .offcanvas-side-right .offcanvas-searchform input::placeholder {
  color: #7f8d9b;
}
html.dark-mode .offcanvas-side-right .offcanvas-searchform button svg{
  fill: #7f8d9b;
}
html.dark-mode .archive-top-title {
  background-color: #2d3640;
  color: #bcc7d3;
  box-shadow:  0 0 3px rgba(0,0,0,.4);
}

html.dark-mode .archive-top-title .archive-title-text, .archive-top-title .count {
  color: #bcc7d3;
}

html.dark-mode  .today-programs {
  border-color: #49535e;
  background-color: #333c46;
  color: #bcc7d3;
}


html.dark-mode .offcanvas-site-navigation>ul>li>a {
  border-bottom-color: #47525e;
}

html.dark-mode .offcanvas-socials h3 {
  color: #7f8d9b;
}

html.dark-mode .offcanvas-socials .socials svg {
  fill: #7f8d9b;
}

html.dark-mode .archive-top-title .archive-title-text svg,
html.dark-mode .archive-top-title .count svg {
  fill: #bcc7d3;
}

html.dark-mode .downloadbox .downloadbox-body .post-metas li .texts {
  border-bottom-color: #2b343d;
}

html.dark-mode .downloadbox .downloadbox-body .post-metas-tabeld tr{
  border-bottom-color: #2b343d;
}

html.dark-mode .downloadbox .downloadbox-body .post-metas-tabeld tr .icn::after{
  background: #3a4550;
}

html.dark-mode .comment-rules-modal {
  color: #768391;
}
html.dark-mode .archive-posts-list-small > .container,
html.dark-mode body.search-results .archive-title + .container ,
html.dark-mode body.archive .archive-title + .container {
  z-index: 0;
  position: relative;
}

html.dark-mode .no-rows-found {
  background-color: #313c47;
}
html.dark-mode .cas-pubg{
  border-color: #505c68;
}
html.dark-mode .cas span {
  color: #b1bbc7;
}
html.dark-mode .mobile-sticky-banner .close{
  color: #fff;
}

html.dark-mode .blurred-img {
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
  filter: blur(4px) brightness(0.4);
}




.theme-toggle {
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  align-self: center;
  border-radius: 50%;
  margin-bottom: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  position: absolute;
  right: 66px;
  top: 12px;
}

.theme-toggle svg {
  width: 0;
  height: 0;
  transition: transform 0.3s ease-in-out,fill 0.3s ease-in-out;
  fill: #4db921;
  transform-origin: center;
  position: absolute;
  : calc(50% - 9px);
  top: calc(50% - 9px);
}

.theme-toggle .sunsvg{
  transform: scale(1) rotate(0);
  width: 18px;
  height: 18px;
  opacity: 1;
}
.theme-toggle:hover .sunsvg{
  transform: scale(1) rotate(15deg);
}

html.dark-mode .theme-toggle .sunsvg{
  transform: scale(0.9) rotate(30deg);
  width: 0;
  height: 0;
  opacity: 0;
}
.theme-toggle .moonsvg{
  transform: scale(0.9) rotate(16deg);
  opacity: 0;
  fill: #9aabbb;
}
html.dark-mode .theme-toggle .moonsvg{
  transform: scale(1) rotate(-16deg);
  width: 18px;
  height: 18px;
  opacity: 1;
}
html.dark-mode .theme-toggle:hover .moonsvg{
  transform: scale(1) rotate(16deg);
}
html.dark-mode .theme-toggle {
  background-color: #3a4550;
}

/*
:root {
  --color-primary: #f1f1f1;
  --color-primary-light: #3a4550;
  --color-secondary: #eec413;
}
:root.dark-mode {
  --color-primary: #3a4550;
  --color-primary-light: #3a4550;
  --color-secondary: #fff;
}

.theme-toggle {
  height: 18px;
  width: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  align-self: flex-start;
  left: 60px;
  top: 12px;
}
.theme-toggle .sun {
  background: var(--color-secondary);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid var(--color-primary);
}
.theme-toggle .sun__ray {
  width: 2px;
  background: var(--color-secondary);
  display: block;
  height: 121%;
  position: absolute;
  z-index: -1;
  transition: 0.4s all, height 0.3s ease-in-out;
}
.theme-toggle .sun__ray:nth-child(1) {
  transform: rotate(calc(1 * calc(360deg / 12)));
}
.theme-toggle .sun__ray:nth-child(2) {
  transform: rotate(calc(2 * calc(360deg / 12)));
}
.theme-toggle .sun__ray:nth-child(3) {
  transform: rotate(calc(3 * calc(360deg / 12)));
}
.theme-toggle .sun__ray:nth-child(4) {
  transform: rotate(calc(4 * calc(360deg / 12)));
}
.theme-toggle .sun__ray:nth-child(5) {
  transform: rotate(calc(5 * calc(360deg / 12)));
}
.theme-toggle .sun__ray:nth-child(6) {
  transform: rotate(calc(6 * calc(360deg / 12)));
}
.theme-toggle .sun__ray:nth-child(7) {
  transform: rotate(calc(7 * calc(360deg / 12)));
}
.theme-toggle .sun__ray:nth-child(8) {
  transform: rotate(calc(8 * calc(360deg / 12)));
}
.theme-toggle .sun__ray:nth-child(9) {
  transform: rotate(calc(9 * calc(360deg / 12)));
}
.theme-toggle .sun__ray:nth-child(10) {
  transform: rotate(calc(10 * calc(360deg / 12)));
}
.theme-toggle .sun__ray:nth-child(11) {
  transform: rotate(calc(11 * calc(360deg / 12)));
}
.theme-toggle .sun__ray:nth-child(12) {
  transform: rotate(calc(12 * calc(360deg / 12)));
}
.theme-toggle:hover .sun__ray:nth-child(1) {
  transform: rotate(calc(calc(1 * calc(360deg / 12)) - 20deg));
}
.theme-toggle:hover .sun__ray:nth-child(2) {
  transform: rotate(calc(calc(2 * calc(360deg / 12)) - 20deg));
}
.theme-toggle:hover .sun__ray:nth-child(3) {
  transform: rotate(calc(calc(3 * calc(360deg / 12)) - 20deg));
}
.theme-toggle:hover .sun__ray:nth-child(4) {
  transform: rotate(calc(calc(4 * calc(360deg / 12)) - 20deg));
}
.theme-toggle:hover .sun__ray:nth-child(5) {
  transform: rotate(calc(calc(5 * calc(360deg / 12)) - 20deg));
}
.theme-toggle:hover .sun__ray:nth-child(6) {
  transform: rotate(calc(calc(6 * calc(360deg / 12)) - 20deg));
}
.theme-toggle:hover .sun__ray:nth-child(7) {
  transform: rotate(calc(calc(7 * calc(360deg / 12)) - 20deg));
}
.theme-toggle:hover .sun__ray:nth-child(8) {
  transform: rotate(calc(calc(8 * calc(360deg / 12)) - 20deg));
}
.theme-toggle:hover .sun__ray:nth-child(9) {
  transform: rotate(calc(calc(9 * calc(360deg / 12)) - 20deg));
}
.theme-toggle:hover .sun__ray:nth-child(10) {
  transform: rotate(calc(calc(10 * calc(360deg / 12)) - 20deg));
}
.theme-toggle:hover .sun__ray:nth-child(11) {
  transform: rotate(calc(calc(11 * calc(360deg / 12)) - 20deg));
}
.theme-toggle:hover .sun__ray:nth-child(12) {
  transform: rotate(calc(calc(12 * calc(360deg / 12)) - 20deg));
}

.moon {
  height: 16px;
  width: 16px;
  position: absolute;
  background: var(--color-primary);
  border-radius: 50%;
  top: 0;
  right: 0;
  transform: scale(0) translate(25%, -25%);
  z-index: 9;
  transition: 0.4s transform;
  transform-origin: right;
}

html.dark-mode .theme-toggle {
  background-color: var(--color-primary);
}
html.dark-mode .theme-toggle:hover .moon {
  transform: scale(1) translate(-3%, -18%);
}
html.dark-mode .moon {
  transform: scale(1) translate(11%, -11%);
}
html.dark-mode .theme-toggle .sun__ray {
  height: 0;
  transition: 0.4s, transform 0.4s, height 0.2s 0.1s;
}
html.dark-mode .theme-toggle .sun__ray:nth-child(1) {
  transform: rotate(calc(calc(1 * calc(360deg / 12)) - 45deg));
}
html.dark-mode .theme-toggle .sun__ray:nth-child(2) {
  transform: rotate(calc(calc(2 * calc(360deg / 12)) - 45deg));
}
html.dark-mode .theme-toggle .sun__ray:nth-child(3) {
  transform: rotate(calc(calc(3 * calc(360deg / 12)) - 45deg));
}
html.dark-mode .theme-toggle .sun__ray:nth-child(4) {
  transform: rotate(calc(calc(4 * calc(360deg / 12)) - 45deg));
}
html.dark-mode .theme-toggle .sun__ray:nth-child(5) {
  transform: rotate(calc(calc(5 * calc(360deg / 12)) - 45deg));
}
html.dark-mode .theme-toggle .sun__ray:nth-child(6) {
  transform: rotate(calc(calc(6 * calc(360deg / 12)) - 45deg));
}
html.dark-mode .theme-toggle .sun__ray:nth-child(7) {
  transform: rotate(calc(calc(7 * calc(360deg / 12)) - 45deg));
}
html.dark-mode .theme-toggle .sun__ray:nth-child(8) {
  transform: rotate(calc(calc(8 * calc(360deg / 12)) - 45deg));
}
html.dark-mode .theme-toggle .sun__ray:nth-child(9) {
  transform: rotate(calc(calc(9 * calc(360deg / 12)) - 45deg));
}
html.dark-mode .theme-toggle .sun__ray:nth-child(10) {
  transform: rotate(calc(calc(10 * calc(360deg / 12)) - 45deg));
}
html.dark-mode .theme-toggle .sun__ray:nth-child(11) {
  transform: rotate(calc(calc(11 * calc(360deg / 12)) - 45deg));
}
html.dark-mode .theme-toggle .sun__ray:nth-child(12) {
  transform: rotate(calc(calc(12 * calc(360deg / 12)) - 45deg));
} */

.typography .post-top-notification.red,
.post-content .post-top-notification.red {
  background-color: #fff2f3;
  color: #a97d81;
}

html.dark-mode .post-top-notification{
  color: #fff;
  background-color: #6b8c5e;
}
html.dark-mode .post-top-notification.orange{
  color: #fff;
  background-color: #988d6e;
}
html.dark-mode .post-top-notification.red{
  color: #fff;
  background-color: #a97d81;
}