:root {
  --darkColor: #1d1d1d;
  --bgColor: #252525;
  --cardColor: #0e0e0e
}
.switch-box {
  /*position:fixed;
  bottom:15px;
  left:120px;
  z-index:9999*/
}
.switch-box .slider {
  position:absolute;
  cursor:pointer;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background-color:transparent;
  border:1.5px solid var(--oneColor);
  -webkit-transition:.4s;
  transition:.4s
}
.switch-box .slider::before {
  position:absolute;
  content:"";
  height:25px;
  width:25px;
  right:0;
  bottom:4px;
  top:0;
  bottom:0;
  margin:auto 0;
  -webkit-transition:.4s;
  transition:.4s;
  -webkit-box-shadow:0 0 15px #2020203d;
  box-shadow:0 0 15px #2020203d;
  background:#fff url(../images/night.png);
  background-repeat:no-repeat;
  background-position:center
}
.switch-box .slider.round {
  border-radius:34px
}
.switch-box .slider.round::before {
  border-radius:50%
}
.switch-box .switch {
  position:relative;
  display:inline-block;
  width:50px;
  height:30px
}
.switch-box .switch input {
  opacity:0;
  width:0;
  height:0
}
.switch-box input:checked+.slider {
  background-color:transparent;
  border:1.5px solid var(--twoColor)
}
.switch-box input:focus+.slider {
  -webkit-box-shadow:0 0 1px var(--twoColor);
  box-shadow:0 0 1px var(--twoColor)
}
.switch-box input:checked+.slider:before {
  -webkit-transform:translateX(-24px);
  transform:translateX(-24px);
  background:#fff url(../images/sunny.png);
  background-repeat:no-repeat;
  background-position:center
}
.theme-dark {
  --titleColor: var(--whiteColor);
  --bodyColor: var(--whiteColor)
}
.theme-dark .default-btn:hover {
  color:var(--cardColor)!important
}
.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6 {
  color:var(--whiteColor)
}
.theme-dark h3 {
  color:var(--whiteColor)
}
.theme-dark h3 a {
  color:var(--twoColor);
  -webkit-transition:.7s;
  transition:.7s
}
.theme-dark p {
  color:var(--whiteColor)
}
.theme-dark body {
  background:var(--darkColor);
  color:var(--whiteColor)
}
.theme-dark .top-header-bg {
  background-color:var(--darkColor)
}
.theme-dark .navbar-area {
  background-color:var(--bgColor)
}
.theme-dark .desktop-nav .navbar {
  background-color:var(--bgColor)
}
.theme-dark .desktop-nav .navbar .navbar-brand .logo-two {
  display:inline-block
}
.theme-dark .desktop-nav .navbar .navbar-brand .logo-one {
  display:none
}
.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  background-color:var(--darkColor)!important
}
.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color:var(--whiteColor)
}
.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color:var(--oneColor)
}
.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover {
  color:var(--oneColor)
}
.theme-dark .desktop-nav-one {
  background-color:var(--bgColor)
}
.theme-dark .navbar-area {
  background-color:var(--bgColor)
}
.theme-dark .navbar-area.is-sticky {
  background-color:var(--bgColor)!important
}
.theme-dark .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav {
  background-color:var(--bgColor)
}
.theme-dark .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a {
  color:var(--whiteColor)
}
.theme-dark .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.active {
  color:var(--oneColor)
}
.theme-dark .mobile-responsive-nav .mean-container .mean-bar {
  background-color:var(--bgColor)
}
.theme-dark .mobile-responsive-nav .logo {
  width:105px
}
.theme-dark .mobile-responsive-nav .logo .logo-two {
  display:inline-block
}
.theme-dark .mobile-responsive-nav .logo .logo-one {
  display:none
}
.theme-dark .sidebar-modal .sidebar-modal-inner {
  background-color:var(--cardColor)
}
.theme-dark .sidebar-modal .sidebar-header .sidebar-logo .sidebar-logo-2 {
  display:inline-block
}
.theme-dark .sidebar-modal .sidebar-header .sidebar-logo .sidebar-logo-1 {
  display:none
}
.theme-dark .banner-area {
  background-color:var(--cardColor)
}
.theme-dark .banner-area::before {
  background-color:var(--darkColor)
}
.theme-dark .banner-area-three::before {
  background-color:var(--darkColor)
}
.theme-dark .banner-area-two {
  background-color:var(--cardColor)
}
.theme-dark .inner-banner::before {
  background-color:var(--darkColor)
}
.theme-dark .about-img::before,
.theme-dark .about-img::after {
  background-color:var(--darkColor)
}
.theme-dark .about-counter {
  background-color:var(--cardColor)
}
.theme-dark .services-area-bg::before {
  background-color:var(--bgColor)
}
.theme-dark .services-item .content {
  background-color:var(--cardColor)
}
.theme-dark .services-card {
  background-color:var(--cardColor)
}
.theme-dark .owl-nav .owl-prev,
.theme-dark .owl-nav .owl-next {
  color:var(--cardColor)!important
}
.theme-dark .services-tab .tabs li a {
  color:var(--whiteColor);
  background-color:var(--bgColor)
}
.theme-dark .services-tab .tabs li.active a {
  background-color:var(--oneColor);
  color:var(--whiteColor)
}
.theme-dark .services-tab .tabs li.current a {
  background-color:var(--oneColor);
  color:var(--whiteColor)
}
.theme-dark .project-area-two .thumbs-wrap .owl-thumbs .owl-thumb-item .content {
  background-color:var(--cardColor)
}
.theme-dark .project-item .content {
  background-color:var(--cardColor)
}
.theme-dark .project-categories,
.theme-dark .subscribe-area {
  background-color:var(--bgColor)
}
.theme-dark .side-bar-from {
  background-color:var(--bgColor)
}
.theme-dark .side-bar-from .appointment-form .form-group .form-control {
  background-color:var(--cardColor);
  color:var(--whiteColor)
}
.theme-dark .team-card {
  background-color:var(--bgColor)
}
.theme-dark .team-card .content {
  background-color:var(--bgColor)
}
.theme-dark .gallery-photo-item::before,
.theme-dark .gallery-photo-item::after {
  background-color:var(--cardColor)
}
.theme-dark .pricing-area {
  background-color:var(--bgColor)
}
.theme-dark .pricing-card {
  background-color:var(--cardColor)
}
.theme-dark .choose-area-two {
  background-color:var(--bgColor)
}
.theme-dark .choose-img-three::before,
.theme-dark .choose-img-three::after {
  background-color:var(--bgColor)
}
.theme-dark .choose-card::before,
.theme-dark .why-card::before {
  background-color:var(--cardColor)
}
.theme-dark .work-area-two::before {
  background-color:var(--darkColor)
}
.theme-dark .testimonial-area::after {
  background-color:var(--cardColor)
}
.theme-dark .testimonial-item {
  background-color:var(--cardColor)
}
.theme-dark .blog-card,
.theme-dark .blog-left-content,
.theme-dark .blog-card-two {
  background-color:var(--cardColor)
}
.theme-dark .article-content-area .blockquote {
  background-color:var(--bgColor)
}
.theme-dark .comments-wrap .comment-form li a {
  color:var(--cardColor)
}
.theme-dark .search-widget {
  background-color:var(--bgColor)
}
.theme-dark .search-widget .search-form .form-control {
  background-color:var(--cardColor);
  color:var(--whiteColor)
}
.theme-dark .side-bar-categories ul li a {
  background-color:var(--bgColor)
}
.theme-dark .side-bar-widget {
  background-color:var(--bgColor)
}
.theme-dark .side-bar-widget .side-bar-widget-tag li {
  background-color:var(--cardColor)
}
.theme-dark .side-bar-widget .side-bar-widget-tag li:hover {
  background-color:var(--oneColor)
}
.theme-dark .subscribe-area-bg {
  background-color:var(--bgColor)
}
.theme-dark .subscribe-area .subscribe-form .form-control {
  background-color:var(--cardColor);
  color:var(--whiteColor)
}
.theme-dark .faq-accordion .accordion .accordion-item {
  background-color:transparent
}
.theme-dark .faq-accordion .accordion .accordion-title {
  background-color:var(--bgColor)
}
.theme-dark .faq-accordion .accordion .accordion-title.active {
  background-color:var(--oneColor)
}
.theme-dark .footer-area-bg {
  background-color:var(--cardColor)
}
.theme-dark .footer-top-two {
  background-color:var(--bgColor)
}
.theme-dark .footer-contact-two {
  background-color:var(--cardColor)
}
.theme-dark .footer-contact-two .right {
  opacity:.3
}
.theme-dark .footer-area-bg-two::before {
  background-color:var(--cardColor)
}
.theme-dark .contact-form .form-group .form-control {
  background-color:var(--cardColor);
  color:var(--whiteColor)
}
.theme-dark .contact-card {
  background-color:var(--bgColor)
}
.theme-dark .user-all-form .contact-form {
  background-color:var(--bgColor)
}
.theme-dark .coming-soon-area {
  background-color:var(--cardColor)
}
.theme-dark .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
  background-color:var(--bgColor);
  color:var(--whiteColor)
}
.theme-dark .category-widget{
	background-color:var(--bgColor);
}
@media only screen and (max-width:991px) {
  .theme-dark .choose-card {
    background-color:var(--cardColor)
  }
}