:root {
  --light--darkcolor: #fff;
  --light--dark-bg-color: #f5f5f5;
  --light--lightcolor: #182028;
}

body.light #icon:before {
  content: "\f186";
  font-size: 20px !important;
}

body.light {
  background-color: var(--light--darkcolor);
  color: #e9e9e9;
}

body.light nav.navbar.bootsnav,
body.light .bg-body-tertiary {
  background-color: var(--light--darkcolor) !important;
  border: none;
  border-bottom: none;
  direction: ltr;
}

body.light nav.navbar.bootsnav .navbar-toggle {
  background-color: var(--light--dark-bg-color) !important;
}

body.light .main {
  background-color: var(--light--darkcolor);
}

body.light .wrap-sticky nav.navbar.bootsnav.sticked {
  background-color: #fff;
}

body.light nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
body.light nav.bootsnav .megamenu-content .title,
body.light nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a,
body.light .top-accounts ul li a,
body.light .top-messages>p,
body.light .top-visitor>p,
body.light .movi-plylist-top h2,
body.light .movi-plylist-top P,
body.light .plylist-single-content>a,
body.light .plylist-single-content ul li a,
body.light .view-movi a,
body.light .timer-content p,
body.light .copyright-text,
body.light .footer-menu ul li a {
  color: #2a2a2a;
}

body.light .to-top {
  background-color: #2a2a2a !important;
  color: #fff;
}

body.light .header-center {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
}

body.light .movi-plylist-top {
  border: none;
}

body.light nav.navbar.bootsnav,
body.light nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
  background-color: #fff;
}

body.light nav.navbar.bootsnav ul.nav>li>a {
  color: #2a2a2a;
}

body.light .flim-name {
  color: #2a2a2a;
}
body.light .movie-item-playlist {
  background: #f7f7f7;
}

body.light .hadding-area {
  color: #2a2a2a;
  border-bottom: 1px solid #ddd;
}

body.light .timer-section:after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(225, 225, 225, 0.67);
  position: absolute;
  z-index: 1;
}

body.light .timer-content p {
  background-color: #fff;
}

body.light .ft-content>ul li a,
body.light .ft-content p,
body.light .ft-widget h2 span,
body.light button.newsletter-btn,
body.light .buy-ticket-select select,
body.light .movie-item-title>a,
body.light .share-text>span,
body.light .movie-date,
body.light .view-movie a,
body.light .to-top,
body.light .header-search button,
body.light .movie-autho-name a,
body.light .movie-item-content-center a,
body.light .movie-ratting>a,
body.light .slider-content {
  color: var(--light--darkcolor);
}

body.light .border-top,
body.light .header-search input,
body.light .header-search .btn-group.bootstrap-select button {
  border-color: #e9e9e9;
}

body.light .share-hover>ul li>a {
  background: var(--light--darkcolor);
  color: #333;
}

body.light .blog-meta>ul li>a,
body.light .item-cat ul li a,
body.light .item-cat ul li span {
  color: var(--light--darkcolor);
}

body.light .share-hover>ul li>a:hover {
  color: var(--light--darkcolor);
  background: var(--light--lightcolor);
}

body.light .newsletter-input input,
body.light .buy-ticket-btn .btn.btn-button {
  border-color: var(--light--darkcolor);
  color: #fff;
}

body.light .ft-widget h2 span:after {
  background: var(--light--darkcolor);
}

body.light .buy-ticket-btn .btn.btn-button:hover {
  background: var(--light--darkcolor);
  color: #12be14;
}

body.light .gallery-menu h2,
body.light .gallery-menu ul li {
  color: var(--light--lightcolor);
}

body.light .social .attr-nav>ul>li>a,
body.light .social .attr-nav ul li a {
  color: var(--light--lightcolor);
}

body.light .comment-content {
  color: var(--light--lightcolor);
}

body.light .details-dectiontion,
body.light h2.title {
  color: var(--light--lightcolor);
}

body.light .comment-area {
  background: #f6f6f6;
}

body.light .comment-body {
  background-color: var(--light--darkcolor);
  border-color: #f6f6f6;
}

body.light .respons-box .form-control {
  background-color: var(--light--darkcolor);
}

body.light .respons-box label,
body.light .socialsocial-links {
  color: var(--light--lightcolor);
}

body.light .comment-reply a:hover {
  color: #2a2a2a;
}

body.light .breadcrumbs {
  background-color: #f3f3f3;
}

body.light .breadcrumb>li a {
  color: var(--light--lightcolor);
}

body.light .breadcrumb>li+li:before,
body.light ul.go-home li a,
body.light .login-form form a,
body.light .login-form label {
  color: var(--light--lightcolor);
}

body.light nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
  border-left: solid 1px #d8d8d8;
  border-right: solid 1px #d8d8d8;
}

body.light .login-form {
  background-color: #fafafa;
  border: 1px solid #dbdbdb;
}

body.light .login-page input {
  background: var(--light--darkcolor);
  border: 1px solid #dbdbdb;
  color: var(--light--lightcolor);
}

body.light .buttons .btn-buttons:hover {
  background: var(--light--lightcolor);
  border-color: var(--light--lightcolor);
  color: #fff;
}

body.light .widget-title {
  background: var(--light--darkcolor);
  color: var(--light--lightcolor);
}

body.light .gallery-menu h2,
body.light .gallery-menu ul li {
  text-align: right;
}

body.light .dec-review-meta ul li a,
body.light .dec-review-meta ul li,
body.light .selebritie-contetn {
  color: var(--light--lightcolor);
}

body.light .respons-box .form-control {
  border-color: #d8d8d8;
}

body.light .selebritie-contetn>a {
  color: var(--light--lightcolor);
}

body.light .selebritie-list:hover .selebritie-contetn,
body.light .selebritie-list:hover .selebritie-contetn strong {
  color: var(--light--lightcolor);
}

body.light .widget ul>li a,
body.light .widget p span,
.widget-slide-content>a {
  color: var(--light--lightcolor);
}

body.light .cat-menu ul li span {
  color: var(--light--lightcolor);
}

body.light nav.navbar.bootsnav .navbar-header>.navbar-toggle,
body.light nav.navbar.bootsnav .navbar-collapse.collapse.in {
  color: var(--light--lightcolor);
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  body.light .dropdown-menu {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 19px 29px 0px !important;
  }
}

body.light .header-search button:hover {
  background: var(--light--lightcolor);
}

body.light .selebritie-contetn strong {
  color: var(--light--lightcolor);
}

body.light .buttons .btn-buttons {
  color: #fff;
}

@media (max-width: 992px) {
  body.light nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
    color: var(--light--lightcolor);
  }

  body.light nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
    border: none;
  }
}

body.light .contact-form label {
  color: var(--light--lightcolor);
}

body.light .details-title h2 a,
body.light .peoduct-dec {
  color: var(--light--lightcolor);
}

body.light .product-filter-list .btn-default,
body.light .pagination>li>a,
body.light .pagination>li>span,
body.light .product-filter-list .short-by {
  color: var(--light--lightcolor) !important;
  background-color: var(--light--dark-bg-color) !important;
  border-color: var(--light--dark-bg-color) !important;
}
body.light .product-filter-list .short-by, 
body.light .product-filter-list .pro-show {
  background-color:transparent !important;
}
body.light .pagination>li.page-item.active >a {    background: #13be13!important;}

body.light .product-filter-list .bootstrap-select>.dropdown-toggle.bs-placeholder {
  color: var(--light--lightcolor) !important;
}

body.light .tab-title {
  color: var(--light--lightcolor) !important;
}
body.light .tab-title.active {
  background-color: var(--light--dark-bg-color) !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.tab-title.active {
  color: var(--light--darkcolor);
  background-color: var(--bs-nav-tabs-link-active-color);
  border-color: var(--bs-nav-tabs-link-active-color);
}

.nav-tabspills .nav-item.show .nav-link, .nav-tabs .nav-link.tab-title.active {
  color: var(--light--darkcolor);
  background-color: var(--bs-nav-tabs-link-active-color);
  border-color: var(--bs-nav-tabs-link-active-color);
}