:root {
	--aztechColor: #0a290a;
	--codColor: #262626;
	--darkColor: #000;
}

::-moz-selection { /* Code for Firefox */
  background: #33cc33;
  color: #fff;
}

::selection {
  background: #33cc33;
  color: #fff;
}
.switch-theme-mode {
	position: fixed;
	top: 200px;
	right: 15px;
	z-index: 99
}
.text-primary{
	color: #3c3;
}
.bg-main{
	background: #3c3;
	color: #fff;
}
.bg-primary{
	background: #3c3;
	color: #fff;
}
.text-main{
	color: #3c3;
}
.text-main a{
	color: #3c3;
	text-decoration: none;
}
.text-main a:hover{
	color: #3c3;
	text-decoration: none;
}
.switch {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 35px
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: .4s
}

.slider.round {
	border-radius: 50%
}

.slider.round:before {
	border-radius: 50%
}

.slider:before {
	position: absolute;
	content: "";
	height: 35px;
	width: 35px;
	left: 0;
	bottom: 4px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	transition: .4s;
	box-shadow: 0 0 15px rgba(32, 32, 32, .2392156863);
	background: #fff url(../img/sunny.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--aztechColor);
	background-size: 17px
}

.navbar-area .navbar,
input:checked+.slider {
	background-color: transparent
}

input:focus+.slider {
	box-shadow: 0 0 1px transparent
}

input:checked+.slider:before {
	transform: translateX(0);
	background: #fff url(../img/night.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px
}

.theme-light .navbar-brand .logo-dark {
	display: none !important
}

.theme-light .navbar-brand .logo-light {
	display: block !important
}

.theme-light .footer-logo .logo-dark {
	display: none !important
}

.theme-light .footer-logo .logo-light {
	display: block !important
}

.theme-light .logo .logo-dark {
	display: none !important
}

.theme-light .logo .logo-light {
	display: block !important
}

.theme-dark .navbar-brand .logo-light {
	display: none !important
}

.theme-dark .navbar-brand .logo-dark {
	display: block !important
}

.theme-dark .footer-logo .logo-dark {
	display: block !important
}

.theme-dark .footer-logo .logo-light {
	display: none !important
}

.theme-dark .logo .logo-dark {
	display: block !important
}

.theme-dark .logo .logo-light {
	display: none !important
}

.theme-dark .bg_ash,
.theme-dark .bg_two,
.theme-dark .pricing-card,
.theme-dark .navbar-area.header-one.sticky,
.theme-dark .navbar-area.header-three.sticky,
.theme-dark .navbar-area.header-two.sticky,
.theme-dark .trending-box-two:before,
.theme-dark .navbar-area.header-three,
.theme-dark .about-wrap-one::after,
.theme-dark .social-widget-two,
.theme-dark .news-card-twelve,
.theme-dark .hero-slider-wrap,
.theme-dark .breadcrumb-wrap,
.theme-dark .product-card,
.theme-dark .author-wrap::after,
.theme-dark .sidebar .checkout-box,
.theme-dark .bg_gray {
	background-color: var(--codColor)
}

.theme-dark body,
.theme-dark .td_dark,
.theme-dark .responsive-navbar,
.theme-dark #newsletter-popup .modal-body .newsletter-content,
.theme-dark #newsletter-popup .modal-content,
.theme-dark .pp-news-box .news-card-seven,
.theme-dark .login-wrap .login-content,
.theme-dark .hero-news-card .hero-news-info,
.theme-dark .author-box,
.theme-dark .checkout-details .bill-item-wrap,
.theme-dark .checkout-details-two .bill-item-wrap,
.theme-dark .bg-white {
	background-color: var(--darkColor) !important
}

.theme-dark .td_aztec,
.theme-dark .pp-news-box,
.theme-dark .blog-card-one .blog-title .blog-date,
.theme-dark .navbar-area .navbar .navbar-nav .nav-item .dropdown-menu {
	background-color: var(--aztechColor) !important
}

.theme-dark .single-product-details .product-more-option-item h5,
.theme-dark .single-product-details .social-profile li a i,
.theme-dark .product-card .product-price .discount,
.theme-dark #newsletter-popup .modal-content .btn_close i,
.theme-dark .cart-total .cart-total-wrap .cart-total-item p,
.theme-dark .cart-total .cart-total-wrap .cart-total-item span,
.theme-dark .responsive-navbar .offcanvas-body .contact-info li p,
.theme-dark .responsive-navbar .offcanvas-body .contact-info li a {
	color: var(--offwhiteColor)
}

.theme-dark h1,
.theme-dark h2,
.theme-dark h3,
.theme-dark h4,
.theme-dark h5,
.theme-dark h6,
.theme-dark h3 a,
.theme-dark .checkout-details .bill-item b,
.theme-dark .checkout-details .bill-item-footer b,
.theme-dark .checkout-details .bill-item-title b,
.theme-dark .checkout-details-two .bill-item b,
.theme-dark .checkout-details-two .bill-item-footer b,
.theme-dark .checkout-details-two .bill-item-title b,
.theme-dark .navbar-area .navbar .others-option .option-item .search-btn i,
.theme-dark .header-wrap.header-two .navbar .navbar-nav .nav-item a,
.theme-dark .header-wrap.header-three .header-bottom .navbar .navbar-nav .nav-item a,
.theme-dark .cart-table table thead tr th,
.theme-dark .cart-total .cart-total-wrap .cart-total-item p b,
.theme-dark .cart-total .cart-total-wrap .cart-total-item span b,
.theme-dark .cart-table table tbody tr td,
.theme-dark .ad-section p,
.theme-dark .ad-section-two p,
.theme-dark .progressbar-wrap .progress-item .progress-title p,
.theme-dark .progressbar-wrap .progress-item .progress-title span,
.theme-dark .responsive-navbar .offcanvas-header .close-btn,
.theme-dark .news-card-info .news-author h5,
.theme-dark .featured-slider .featured-prev i,
.theme-dark .featured-slider .featured-next i,
.theme-dark .single-product-details .product-more-option-item span,
.theme-dark .single-product-details .product-more-option-item a,
.theme-dark article p strong,
.theme-dark article p b,
.theme-dark .terms-wrap p strong,
.theme-dark .terms-wrap p b {
	color: var(--whiteColor)
}

.theme-dark .ad-section::after,
.theme-dark .ad-section-two::after,
.theme-dark .checkout-details .bill-item::after,
.theme-dark .checkout-details .bill-item-title::after,
.theme-dark .checkout-details .bill-item-footer::after,
.theme-dark .checkout-details-two .bill-item::after,
.theme-dark .checkout-details-two .bill-item-title::after,
.theme-dark .checkout-details-two .bill-item-footer::after {
	background-color: rgba(255, 255, 255, .2)
}

.theme-dark .ad-section p,
.theme-dark .ad-section-two p {
	background-color: transparent
}

.theme-dark .footer-wrap {
	border-top: 1px solid rgba(255, 255, 255, .2)
}

.theme-dark .cart-table table tbody tr td {
	background-color: transparent
}

.theme-dark .team-card:after {
	background-color: var(--codColor)
}

.theme-dark .team-card:hover:after {
	background-color: var(--secondaryColor)
}

.theme-dark p,
.theme-dark span,
.theme-dark .contact-item-wrap .contact-item .contact-info a,
.theme-dark .contact-item-wrap .contact-item .contact-info p,
.theme-dark .checkbox label,
.theme-dark .content-feature-list li,
.theme-dark .breadcrumb-content .breadcrumb-menu li:last-child,
.theme-dark .responsive-navbar .offcanvas-body .contact-info li p,
.theme-dark .responsive-navbar .offcanvas-body .contact-info li a,
.theme-dark article ol li,
.theme-dark .service-details-wrap ol li,
.theme-dark .project-details-wrap ol li,
.theme-dark .terms-wrap ol li,
.theme-dark .content-feature-list li,
.theme-dark .filter-radio-group [type=radio]:checked+label,
.theme-dark .filter-radio-group [type=radio]:not(:checked)+label,
.theme-dark .content-feature-list-two li,
.theme-dark .contact-item .contact-info p {
	color: var(--offwhiteColor)
}

.theme-dark .breadcrumb-wrap .breadcrumb-content .breadcrumb-menu li a {
	color: var(--primaryColor)
}

.theme-dark .navbar-area .navbar .navbar-nav .nav-item .dropdown-menu {
	box-shadow: none !important
}

.theme-dark .trending-news-box,
.theme-dark .contact-widget,
.theme-dark .promo-card-two,
.theme-dark .footer-wrap {
	position: relative
}

.theme-dark .trending-news-box:after,
.theme-dark .contact-widget:after,
.theme-dark .promo-card-two:after,
.theme-dark .footer-wrap:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .85);
	z-index: -1
}

.theme-dark .footer-wrap .copyright-text span {
	color: var(--secondaryColor)
}

.theme-dark .trending-news-box h4,
.theme-dark .trending-news-box .trending-prev,
.theme-dark .trending-news-box .trending-next {
	position: relative;
	z-index: 1
}

.theme-dark .trending-news-box h4 i,
.theme-dark .trending-news-box .trending-prev i,
.theme-dark .trending-news-box .trending-next i {
	color: var(--whiteColor)
}

.theme-dark .trending-news-box:after {
	z-index: 0
}

.theme-dark .link-one,
.theme-dark .link-two,
.theme-dark .single-product-tablist .nav-item .nav-link,
.theme-dark .cart-table table tbody tr td .cart-item,
.theme-dark .author-box .social-profile li a i,
.theme-dark .checkbox label a,
.theme-dark .hero-news-card .hero-news-info h3 a,
.theme-dark .news-tablist .nav-item .nav-link,
.theme-dark .social-widget li a,
.theme-dark .social-widget-two li a,
.theme-dark .news-card-info .news-author h5 a,
.theme-dark .news-card-one .news-card-info h3 a,
.theme-dark .navbar-area.header-one .navbar .navbar-nav .nav-item .nav-link,
.theme-dark .navbar-area.header-two .navbar .navbar-nav .nav-item .nav-link,
.theme-dark .navbar-area.header-three .navbar .navbar-nav .nav-item .nav-link,
.theme-dark .blog-card-one .blog-card-info h3 a,
.theme-dark .blog-card-two .blog-card-info h3 a,
.theme-dark .breadcrumb-content .breadcrumb-menu li a {
	color: var(--whiteColor)
}

.theme-dark .link-one:hover,
.theme-dark .link-one.active,
.theme-dark .link-two:hover,
.theme-dark .link-two.active,
.theme-dark .single-product-tablist .nav-item .nav-link:hover,
.theme-dark .single-product-tablist .nav-item .nav-link.active,
.theme-dark .cart-table table tbody tr td .cart-item:hover,
.theme-dark .cart-table table tbody tr td .cart-item.active,
.theme-dark .author-box .social-profile li a i:hover,
.theme-dark .author-box .social-profile li a i.active,
.theme-dark .checkbox label a:hover,
.theme-dark .checkbox label a.active,
.theme-dark .hero-news-card .hero-news-info h3 a:hover,
.theme-dark .hero-news-card .hero-news-info h3 a.active,
.theme-dark .news-tablist .nav-item .nav-link:hover,
.theme-dark .news-tablist .nav-item .nav-link.active,
.theme-dark .social-widget li a:hover,
.theme-dark .social-widget li a.active,
.theme-dark .social-widget-two li a:hover,
.theme-dark .social-widget-two li a.active,
.theme-dark .news-card-info .news-author h5 a:hover,
.theme-dark .news-card-info .news-author h5 a.active,
.theme-dark .news-card-one .news-card-info h3 a:hover,
.theme-dark .news-card-one .news-card-info h3 a.active,
.theme-dark .navbar-area.header-one .navbar .navbar-nav .nav-item .nav-link:hover,
.theme-dark .navbar-area.header-one .navbar .navbar-nav .nav-item .nav-link.active,
.theme-dark .navbar-area.header-two .navbar .navbar-nav .nav-item .nav-link:hover,
.theme-dark .navbar-area.header-two .navbar .navbar-nav .nav-item .nav-link.active,
.theme-dark .navbar-area.header-three .navbar .navbar-nav .nav-item .nav-link:hover,
.theme-dark .navbar-area.header-three .navbar .navbar-nav .nav-item .nav-link.active,
.theme-dark .blog-card-one .blog-card-info h3 a:hover,
.theme-dark .blog-card-one .blog-card-info h3 a.active,
.theme-dark .blog-card-two .blog-card-info h3 a:hover,
.theme-dark .blog-card-two .blog-card-info h3 a.active,
.theme-dark .breadcrumb-content .breadcrumb-menu li a:hover,
.theme-dark .breadcrumb-content .breadcrumb-menu li a.active {
	color: var(--secondaryColor)
}

.theme-dark .category-widget li a {
	color: var(--whiteColor)
}

.theme-dark .category-widget li a:hover,
.theme-dark .category-widget li a.active {
	color: var(--secondaryColor)
}

.theme-dark .category-widget li a:hover span,
.theme-dark .category-widget li a.active span {
	color: var(--secondaryColor)
}

.theme-dark .general-news-two .news-card-twelve {
	background-color: #1a1a1a;
}

.theme-dark .general-news .news-card-twelve {
	background-color: #1a1a1a;
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-button {
	color: var(--whiteColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-button.active {
	color: var(--secondaryColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body {
	background-color: transparent
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-link {
	color: var(--whiteColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-link.active {
	color: var(--secondaryColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body {
	background-color: transparent
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-link {
	color: var(--whiteColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-link.active {
	color: var(--secondaryColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body .accordion-button {
	color: var(--whiteColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-item .accordion-collapse .accordion-body .accordion-button.active {
	color: var(--secondaryColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-button {
	color: var(--whiteColor)
}

.theme-dark .responsive-navbar .offcanvas-body .accordion .accordion-item .accordion-collapse .accordion-body .accordion-button.active {
	color: var(--secondaryColor)
}

.theme-dark .navbar-area .navbar .navbar-toggler .burger-menu span {
	background: var(--whiteColor)
}

.theme-dark .breadcrumb-menu li a,
.theme-dark .login-wrap .login-content .or-text,
.theme-dark .navbar-area.header-two .navbar .others-option .option-item .shopcart i,
.theme-dark .navbar-area.header-three .navbar .others-option .option-item .shopcart i,
.theme-dark .navbar-area.header-two .header-top .social-profile li a i,
.theme-dark .offcanvas-contact-info h4 {
	color: var(--whiteColor)
}

.theme-dark .popular-news-wrap .news-card-five .news-card-info::after,
.theme-dark .login-wrap .login-content .or-text:after,
.theme-dark .login-wrap .login-content .or-text:before,
.theme-dark .feature-card-wrap .row>div .feature-card::after,
.theme-dark .feature-card-wrap-two .row>div .feature-card::after {
	background-color: rgba(255, 255, 255, .18)
}

.theme-dark .progress-wrap svg.progress-circle path {
	stroke: rgba(255, 255, 255, .6)
}

.theme-dark .sidebar .sidebar-widget-two {
	border: none
}

.theme-dark article,
.theme-dark .responsive-navbar .offcanvas-header,
.theme-dark .responsive-navbar .offcanvas-body .offcanvas-contact-info,
.theme-dark .responsive-navbar .offcanvas-body .others-option,
.theme-dark .navbar-area.header-two,
.theme-dark .navbar-area.header-three,
.theme-dark .comment-item-wrap .comment-item,
.theme-dark .checkout-details .bill-item-title,
.theme-dark .checkout-details-two .bill-item-title,
.theme-dark .checkout-details .bill-item-wrap .bill-item:last-child,
.theme-dark .checkout-details-two .bill-item-wrap .bill-item:last-child,
.theme-dark .checkout-details-two,
.theme-dark .select-payment-method [type=radio]:not(:checked)+label::before,
.theme-dark .select-payment-method [type=radio]:checked+label::before,
.theme-dark .cart-total .cart-total-wrap .cart-total-item,
.theme-dark .cart-table table tbody tr,
.theme-dark .contact-widget,
.theme-dark .news-card-ten,
.theme-dark .trending-news-box,
.theme-dark .news-col-one .news-card-two,
.theme-dark .news-col-one .news-card-three,
.theme-dark .news-col-three .news-card-two,
.theme-dark .news-col-three .news-card-three,
.theme-dark .selected-news .news-card-two,
.theme-dark .selected-news .news-card-three,
.theme-dark .selected-news .promo-wrap,
.theme-dark .general-news-two,
.theme-dark .general-news-two .news-card-twelve,
.theme-dark .editors-wrap-two .news-card-wrap .news-card-three,
.theme-dark .navbar-area.header-two .header-top,
.theme-dark .latest-news .news-card-two,
.theme-dark .latest-news .news-card-three,
.theme-dark .section-title-two,
.theme-dark .video-wrap-three .news-card-three,
.theme-dark .newsletter-box,
.theme-dark .trending-box-two,
.theme-dark .contact-card,
.theme-dark .author-box,
.theme-dark .post-pagination,
.theme-dark .cart-table table thead tr,
.theme-dark .v-counter input.count,
.theme-dark .checkout-promobox,
.theme-dark .checkout-form,
.theme-dark .checkbox label::before {
	border-color: rgba(255, 255, 255, .25) !important
}

.theme-dark .v-counter input.minusBtn,
.theme-dark .v-counter input.plusBtn {
	border: none
}

.theme-dark .navbar-area.header-two .navbar .sidebar-toggler img {
	filter: brightness(0) invert(1)
}

.theme-dark .sidebar-widget.newsletter-widget-two::after {
	top: -1px;
	right: -1px;
	border-top: 20px solid var(--darkColor);
	border-right: 20px solid var(--darkColor)
}

.theme-dark .comment-item-wrap .comment-item .comment-author-wrap .comment-author-name .comment-date,
.theme-dark .contact-card .contact-info p,
.theme-dark .contact-card .contact-info a,
.theme-dark .checkout-details .select-payment-method div label,
.theme-dark .checkout-details-two .select-payment-method div label {
	color: var(--offwhiteColor)
}

.theme-dark .trending-box-two span,
.theme-dark .single-product-details .product-more-option-item .product-quantity .v-counter input {
	border: none !important;
	color: var(--whiteColor)
}

.theme-dark .navbar-area .navbar .others-option .option-item .sidebar-toggler img {
	filter: brightness(0) invert(1)
}

.theme-dark .breadcrumb-wrap:after {
	background: var(--footerColor)
}

.theme-dark .breadcrumb-wrap .br-shape-one,
.theme-dark .breadcrumb-wrap .br-shape-two {
	filter: brightness(0) invert(1)
}

.theme-dark .wp-block-quote,
.theme-dark .sidebar-widget,
.theme-dark .sidebar-widget-two {
	background-color: transparent;
	box-shadow: none;
	border: 1px solid rgba(255, 255, 255, .15)
}

.theme-dark input,
.theme-dark textarea,
.theme-dark #cmt-form .comment-form .form-group input,
.theme-dark #cmt-form .comment-form .form-group textarea,
.theme-dark .checkout-form .form-group input,
.theme-dark .checkout-form .form-group textarea,
.theme-dark .comment-form .form-group input,
.theme-dark .comment-form .form-group textarea,
.theme-dark .newsletter-form input,
.theme-dark .login-form .form-group input,
.theme-dark #contactForm .form-group input,
.theme-dark #contactForm .form-group textarea {
	background-color: transparent !important;
	border: 1px solid rgba(255, 255, 255, .2) !important;
	color: var(--whiteColor) !important
}

.theme-dark input::-moz-placeholder,
.theme-dark textarea::-moz-placeholder,
.theme-dark #cmt-form .comment-form .form-group input::-moz-placeholder,
.theme-dark #cmt-form .comment-form .form-group textarea::-moz-placeholder,
.theme-dark .checkout-form .form-group input::-moz-placeholder,
.theme-dark .checkout-form .form-group textarea::-moz-placeholder,
.theme-dark .comment-form .form-group input::-moz-placeholder,
.theme-dark .comment-form .form-group textarea::-moz-placeholder,
.theme-dark .newsletter-form input::-moz-placeholder,
.theme-dark .login-form .form-group input::-moz-placeholder,
.theme-dark #contactForm .form-group input::-moz-placeholder,
.theme-dark #contactForm .form-group textarea::-moz-placeholder {
	color: var(--whiteColor);
	opacity: .8
}

.theme-dark input::placeholder,
.theme-dark textarea::placeholder,
.theme-dark #cmt-form .comment-form .form-group input::placeholder,
.theme-dark #cmt-form .comment-form .form-group textarea::placeholder,
.theme-dark .checkout-form .form-group input::placeholder,
.theme-dark .checkout-form .form-group textarea::placeholder,
.theme-dark .comment-form .form-group input::placeholder,
.theme-dark .comment-form .form-group textarea::placeholder,
.theme-dark .newsletter-form input::placeholder,
.theme-dark .login-form .form-group input::placeholder,
.theme-dark #contactForm .form-group input::placeholder,
.theme-dark #contactForm .form-group textarea::placeholder {
	color: var(--whiteColor);
	opacity: .8
}

.theme-dark .checkout-form .form-group label {
	color: var(--offwhiteColor)
}

.theme-dark .page-nav li a {
	background-color: var(--whiteColor)
}

.theme-dark .page-nav li a:hover,
.theme-dark .page-nav li a.active {
	background-color: var(--secondaryColor);
	color: var(--whiteColor) !important
}

.theme-dark .search-box .form-group input {
	background-color: var(--blackColor);
	border: 1px solid rgba(255, 255, 255, .2);
	color: var(--whiteColor)
}

.theme-dark .search-box .form-group input::-moz-placeholder {
	color: var(--whiteColor)
}

.theme-dark .search-box .form-group input::placeholder {
	color: var(--whiteColor)
}

.theme-dark .checkout-form .form-group select {
	background-color: transparent;
	color: var(--whiteColor);
	border: 1px solid rgba(255, 255, 255, .2);
	background-image: url(../img/down-arrow-white.webp)
}

.theme-dark .checkout-form .form-group select {
	background-color: var(--codColor)
}

.theme-dark select {
	background-image: url(../img/down-arrow-white.webp)
}

.theme-dark .breadcrumb-content .breadcrumb-menu li::after {
	background-color: var(--whiteColor)
}

@media only screen and (max-width:991px) {
	.switch-theme-mode {
		top: 270px
	}
}

@media only screen and (min-width:992px) {
	.theme-dark .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu {
		background-color: var(--codColor)
	}
}