#nav_top .navbar {
  background-color: #ffffff;
  box-shadow: 2px 2px 9px #cccccc;
}

.light #outer_wrap {
  background: #fff;
  transition: background-color 500ms linear;
  -webkit-transition: background-color 500ms linear;
  -ms-transition: background-color 500ms linear;
}

.light .latest_wrap {
  box-shadow: 1px 1px 4px 0px rgb(173,173,173);
  background-color: rgba(0,0,0,0);
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
}

.light .nav-tabs .nav-item.show .nav-link, .light .nav-tabs .nav-link.active {
  color: #fff;
  background-color: rgba(0,0,0,0.7);
}

.light .nav-tabs .nav-link {
  color: rgba(0,0,0,0.63);
}

.light .sec2_bak {
  background: #ffffff;
}

.light #top_wid .capsule a {
  color: #ffffff;
}

.light #sp-1 {
  background-color: #fff;
  margin: 10px 0;
}

.light #sp-1 .post-sm-info > h2 {
  color: #747474;
}

.light #top_wid .post-sm {
  background: #fff;
  box-shadow: 1px 1px 4px 0px rgb(207,207,207);
  border-radius: 9px;
  margin-bottom: 5px;
}

.light #top_wid .post-sm-info > h2 {
  color: #747474;
}

.light #sp-2 .med-post, .light #sp-3 .med-post, .light #sp-6 .med-post, .light #sp-8 .med-post, .light #sp-9 .med-post {
  background-color: #ffffff;
  box-shadow: 1px 1px 4px 0px rgb(173,173,173);
}

.light #sp-3 .post-info > h2, .light #sp-6 .post-info > h2, .light #sp-2 .post-info > h2, .light #sp-8 .post-info > h2, .light #sp-9 .post-info > h2 {
  color: #474747;
}

.light #sp-1 .post-sm {
  border-right: 3px solid rgb(238,238,238);
  border-bottom: 1px solid #d9d9d9;
  border-radius: 9px;
  background: #fff;
  box-shadow: 1px 1px 4px 0px rgb(173,173,173);
  margin-bottom: 3px;
}

.light #carus {
  background-color: #ffffff;
}

.light #carus .car-tit {
  background: linear-gradient(180deg, rgba(2,0,36,0) 0%, #ffffff 75%);
}

.light #carus .car-tit a {
  color: #333333;
}

.light #sp-4 {
  background-color: #ffffff;
}

.light #sp-4 .post-sm {
  box-shadow: 1px 1px 4px 0px rgb(173,173,173);
  border-radius: 9px;
  margin-bottom: 3px;
}

.light .main_slide {
  background: #ffffff;
  box-shadow: 1px 1px 4px 0px rgb(173,173,173);
}

.light .slide_title {
  color: initial;
}

.light .slide_text {
  color: #474747;
}

.light .slide_butt {
  background-image: linear-gradient(147deg, #eb5535 0%, #6c1313 74%);
}

.light .dot {
  background-color: #777777;
}

.light .activ, .light .dot:hover {
  background-color: #eb5535;
}

.light #sp-5 {
  background-color: #ffffff;
}

.light #sp-5 .post-sm {
  box-shadow: 1px 1px 4px 0px #adadad97;
  border-radius: 9px;
  margin-bottom: 3px;
}

.light #foot footer {
  background-color: rgb(51,51,51);
}

.light .widg-tit > h2 {
  color: #444444;
  background: url(../../assets/img/img/wrap/widbak.png?h=9e5d732a08b0be885e5e8725095ff04b) top right no-repeat;
  background: #ebebeb;
}

.light .widg-tit, .light #top_wid .widg-tit {
  background-image: linear-gradient(to top, #ebebeb, #ebebeb);
  border-radius: 7px 7px 0px 0px;
  border: 1px solid #c9c9c9;
}

.light .light-icn {
  opacity: 0;
}

.light .dark-icn {
  opacity: 1;
}

.light .light_dark {
  --rotation: 180deg;
}

@keyframes lightskeleton-loading {
  0% {
    background-color: hsl(200, 20%, 70%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}

.light #side-menu {
  background-color: #dddddd;
}

.light .nav-link {
  color: #222529;
}

.light .o-butt {
  color: #444444;
}

.light #nav_top .navbar {
  background-color: #dddddd;
  box-shadow: 2px 2px 9px #aaaaaa;
}

.light .login {
  color: #444444;
  border: 1px solid #c9c9c9;
}

.light .logw .dropdown-menu {
  background: rgb(182,182,184);
  box-shadow: 0 0 7px -3px #444444;
}

.light .logw .dropdown-menu a {
  color: #1a1e21;
}

.light .log-ic {
  background: #ffffff;
}

.light .tip {
  width: 0px;
  height: 0px;
  position: absolute;
  background: transparent;
  border: 10px solid rgb(182,182,184);
}

.light .tip-up {
  top: -19px;
  right: 18px;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}

.light #sercher .modal-header {
  background: #ffffff;
  border-bottom: 1px solid #747474;
}

.light #sercher .form-control-sm {
  color: #444444;
  background-color: #ebebeb;
}

.light .modal {
  --bs-modal-bg: #ffffff;
}

.light #sercher .modal-body {
  background: rgba(231,241,255,0);
}

.light #sercher .post-sm {
  background: rgb(255,255,255);
  box-shadow: 0 0 9px -5px #474747;
}

.light .serchFil .btn {
  color: #2f2f2f;
  box-shadow: 0px 0px 11px -3px #222529;
  background: #ffffff;
  border-radius: 10px;
}

.light #sercher .close {
  margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
  color: #444444;
  font-size: 29px;
}

.light #sercher .modal-content {
  background-color: #ffffff;
}

.light .post-content {
  background: #ffffff;
  color: #747474;
}

.light .artik-post {
  background: #fff;
}

.light #carus .scrnch {
  background: #fff;
  color: #2e3335;
}

.light .post-down button {
  color: #747474;
  border: 1px solid #eeeeee;
  box-shadow: 0 0 5px -3px rgb(34,37,41);
}

.light .rating > div {
  background-color: #fff;
  border: 1px solid rgb(255,250,250);
  box-shadow: 0 0 8px -5px #2e3335;
}

.light .nra {
  border-right: 1px solid #cfcfcf;
  border-left: 1px solid #cfcfcf;
}

.light .all_wra {
  background-color: #ffffff;
  border-radius: 9px;
  box-shadow: 0 0 9px -5px #2e3335;
}

.light .all_wra h5 {
  color: #747474;
}

.light .post_scr_post-info > h2 {
  color: #474747;
}

.light .comment-card .user-main {
  background: #ffffff;
  color: #2e3335;
  box-shadow: 0 0 9px -5px #2e3335;
}

.light .comment-bod textarea {
  background-color: #fffafa;
  color: #2e3335;
  box-shadow: none;
}

.light .sub_post {
  background-color: #fffafa;
  position: relative;
  padding: 7px 12px;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  border: none;
}

.light .social li {
  background-color: #bbbbbb;
  color: #2e3335;
}

.light .post-head {
  height: 350px;
}

.light .post-poster-info-wrap-inner:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 9px;
  height: 43px;
  border-right: 1px solid #ebebeb;
}

.light .post-poster-info-wrap {
  border-top: 1px solid rgb(201,201,201);
  border-bottom: 1px solid #ebebeb;
}

.light .comb .form-control:focus {
  color: #747474;
  background-color: #fffafa;
  border: none;
  outline: 0;
  box-shadow: none;
}

.light .tra:nth-child(3) {
  color: #b6b6b8;
  font-size: x-small;
}

.light .post-h h1 {
  font-size: 21px;
  color: #474747;
}

.light #nav_top .togbutt li {
  border: 3px solid #16191c;
  background: #222529;
  box-shadow: inset 1px 2px 0 rgba(255,255,255,0.35), inset 0 -2px 1px rgba(0,0,0,0.12), 0 3px 1px rgba(255,255,255,0.25);
  cursor: pointer;
}

.light .artt {
  background: #ffffff;
  color: #333333;
}

.light #logx .inset {
  background: #c9c9c9;
  border-top: 1px solid #19191a;
  padding: 20px;
}

.light .p-container {
  background: #c9c9c9;
}

.light #logx input[type=submit] {
  background: #2e3335;
  border: 1px solid rgba(0,0,0,0.4);
  border-radius: .3em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 10px 10px rgba(255,255,255,0.1);
  color: #dddddd;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  height: 40px;
  padding: 5px 20px;
  width: 100%;
}

.light #logx .forgot {
  color: #333333;
}

.light #logx label[for=remember] {
  color: #444444;
}