/* AGI Custom CSS overrides for the cloned DDA theme */

/* 1. Force hide the loading spinner that gets stuck waiting for API */
.loading-spinner {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: -999 !important;
}

/* 2. Force the body to be visible and scrollable */
body, html {
    overflow: auto !important;
    height: auto !important;
}

body.no-scroll {
    overflow: auto !important;
}

/* Ensure header shows correctly */
.new-header {
    opacity: 1 !important;
    visibility: visible !important;
}

/* 3. Site-wide brand font -- always Gotham/GE SS Two/Verdana, never the
   DDA template's default (renders as Roboto on this machine). Excludes
   [class*="ico-"] icon-glyph elements so icon fonts keep rendering. */
html, body {
    font-family: "GE SS Two", Gotham, Verdana, sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
p, a, div, li, td, th, label, button, input, textarea, select,
span:not([class*="ico-"]) {
    font-family: "GE SS Two", Gotham, Verdana, sans-serif !important;
}

/* Unified Page Banner */
.page-title {
    position: relative;
    text-align: center;
    padding: 180px 0 100px !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}
.page-title::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.8)) !important;
    z-index: 1 !important;
}
.page-title .auto-container {
    position: relative;
    z-index: 2;
    width: 100%;
}
.page-title h1, .page-title h2 {
    font-size: 56px !important;
    font-weight: 800 !important;
    margin-bottom: 15px !important;
    letter-spacing: -1px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
}
.page-breadcrumb {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 16px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    z-index: 2;
}
.page-breadcrumb li {
    display: flex !important;
    align-items: center !important;
    color: #fff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}
.page-breadcrumb li a {
    color: #fff !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
}
.page-breadcrumb li a:hover {
    color: #b31b1b !important;
}
.page-breadcrumb li:not(:last-child)::after {
    content: "/" !important;
    color: #b31b1b !important;
    margin-left: 12px !important;
}

@media (max-width: 767px) {
    .page-title {
        padding: 120px 0 60px !important;
        min-height: 250px !important;
    }
    .page-title h1, .page-title h2 {
        font-size: 36px !important;
    }
    .page-breadcrumb {
        font-size: 13px !important;
        flex-wrap: wrap !important;
    }
}



/* Sidenav Bar Extracted Styles */



.sidenav-bar .mCSB_inside>.mCSB_container  {

	margin-right: 0;

}



.sidenav-bar .mCSB_scrollTools  {

	opacity: 0 !important;

}



.sidenav-bar-visible .search-popup  {

	width: 80%;

}



/*** 

====================================================================
	Sidenav Bar
====================================================================

***/

.sidenav-bar  {

	position: fixed;
	right: 0px;
	top: 0;
	max-width: 100%;
	height: 100%;
	width: 20%;
	background-color: #252525;
	margin: 0 auto;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;

}



.sidenav-bar .nav-logo  {

	position: relative;
	padding: 30px 20px;
	text-align: left;

}



.sidenav-bar .nav-logo img  {

	max-width: 200px;

}



.sidenav-bar-visible  {

	-webkit-transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
	-moz-transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
	-ms-transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);

}



.sidenav-bar-visible .sidenav-bar  {

	opacity: 1;
	right: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	visibility: visible;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.40);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;

}



.sidenav-bar-visible header  {

	width: 80%;

}



.sidenav-bar-visible main  {

	/* width: 80%; */
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.30);

}



.sidenav-bar .menu-box  {

	position: relative;
	left: 0px;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-ms-transform-origin: top right;
	-o-transform-origin: top right;
	transform-origin: top right;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;

}



.sidenav-bar-visible .sidenav-bar .menu-box  {

	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);

}



.sidenav-bar .close-btn  {

	position: absolute;
	right: 10px;
	top: 15px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	font-size: 24px;
	color: #ffffff;
	background-color: transparent;
	cursor: pointer;
	z-index: 10;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);

}



.sidenav-bar-visible .sidenav-bar .close-btn  {

	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
	-moz-transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
	-ms-transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1);

}



.sidenav-bar .close-btn:hover  {

	opacity: 0.50;

}



.sidenav-bar .side-nav  {

	position: relative;
	margin-top: 24%;

}



.sidenav-bar .navigation  {

	position: relative;
	display: block;
	margin: 0 20px;
	font-family: "Oswald", sans-serif;
	overflow: hidden;

}



.sidenav-bar .navigation>li  {

	position: relative;
	display: block;
	left: 100%;
	margin-bottom: 5px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;

}



.sidenav-bar-visible .sidenav-bar .navigation>li  {

	left: 0;
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;

}



.sidenav-bar-visible .sidenav-bar .navigation>li:nth-child(2)  {

	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;

}



.sidenav-bar-visible .sidenav-bar .navigation>li:nth-child(3)  {

	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms;

}



.sidenav-bar-visible .sidenav-bar .navigation>li:nth-child(4)  {

	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;

}



.sidenav-bar-visible .sidenav-bar .navigation>li:nth-child(5)  {

	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;

}



.sidenav-bar-visible .sidenav-bar .navigation>li:nth-child(6)  {

	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;

}



.sidenav-bar-visible .sidenav-bar .navigation>li:nth-child(7)  {

	-webkit-transition-delay: 800ms;
	-moz-transition-delay: 800ms;
	-ms-transition-delay: 800ms;
	-o-transition-delay: 800ms;
	transition-delay: 800ms;

}




.sidenav-bar-visible .sidenav-bar .navigation>li:nth-child(8)  {

	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;

}



.sidenav-bar-visible .sidenav-bar .navigation>li:nth-child(9)  {

	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;

}



.sidenav-bar .navigation li>a  {

	position: relative;
	display: block;
	line-height: 20px;
	padding: 15px 20px;
	font-size: 16px;
	color: #333333;
	letter-spacing: 0.02em;
	margin-bottom: 2px;
	background-color: rgba(0, 0, 0, 0.03);
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;

}



.sidenav-bar .navigation>li>a  {
	font-weight: 400;
	letter-spacing: 0.08em;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
	text-transform: uppercase;

}



.sidenav-bar .navigation li:hover>a,
.sidenav-bar .navigation li.current>a  {

	color: #b31b1b;

}



.sidenav-bar .navigation li.dropdown .dropdown-btn  {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 50px;
	text-align: center;
	font-size: 12px;
	line-height: 50px;
	color: #333333;
	cursor: pointer;
	z-index: 5;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}



.sidenav-bar .navigation li.dropdown .dropdown-btn.active .fa:before  {

	display: inline-block;
	position: relative;
	content: "\f068";
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;

	display: inline-block;
	position: relative;
	content: "\f068";
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;

}



.sidenav-bar .navigation li>ul,
.sidenav-bar .navigation li>ul>li>ul  {
	display: none;
	background-color: #ffffff;
}
.sidenav-bar .navigation li>ul>li>a {
	padding-left: 40px !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #555555 !important;
}
.sidenav-bar .navigation li>ul>li:hover>a {
	color: #b31b1b !important;
	background-color: transparent !important;
	padding-left: 45px !important;
}



.sidenav-bar .contact-info-box  {

	position: relative;
	padding: 0 30px;
	margin-top: 40px;

}



.sidenav-bar .contact-info-box .info-box  {

	position: relative;
	padding-left: 50px;
	margin-bottom: 20px;

}



.sidenav-bar .contact-info-box .info-box .icon-box  {

	position: absolute;
	left: 0;
	top: 0;
	font-size: 24px;
	color: #ffffff;
	line-height: 25px;

}



.sidenav-bar .contact-info-box .info-box strong  {

	font-size: 16px;
	line-height: 24px;
	font-family: "Oswald", sans-serif;
	color: #ffffff;

}



.sidenav-bar .contact-info-box .info-box p  {

	font-size: 14px;
	line-height: 24px;
	color: #ffffff;

}



.sidenav-bar .contact-info-box .info-box p a  {

	color: #ffffff;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;

}



.sidenav-bar .contact-info-box .info-box p a:hover  {

	color: #b31b1b;

}


	filter: grayscale(0%);

	/* Fix: Ensure Sidenav is visible when active */
	.sidenav-bar-visible .sidenav-bar  {

		left: 0 !important;
		visibility: visible !important;
		opacity: 1 !important;
		transform: none !important;
	
}



	body.sidenav-bar-visible  {

		overflow: hidden;
	
}

/* Theme Color */
.comments-area .comment-box .date,
.coming-soon .copyright-text a,
.coming-soon .emailed-form .form-group input[type="submit"]:hover,
.coming-soon .emailed-form button:hover,
.checkout-page .default-links li a:hover,
.checkout-page .default-links li .far,
.cart-table tbody tr .remove-btn:hover,
.shop-comment-form .rating-box .rating a:hover,
.product-details .basic-details .details-header .rating,
.sidebar .related-posts .post .rating .fa,
.sidebar .related-posts .post a,
.sidebar .related-posts .post a:hover,
.shop-item .lower-content .price,
.shop-item .lower-content .name a:hover,
.comments-area .comment-box .reply-btn:hover,
.comments-area .comment-box .rating,
.blog-cat li a:before,
.latest-news .post .post-info,
.latest-news .post:hover h3 a,
.main-footer .footer-bottom .footer-nav ul li a:hover,
.main-footer .contact-list li .text a:hover,
.user-links li a:hover,
.recent-posts .post .date span,
.recent-posts .post h4 a:hover,
.social-icon-two li a:hover,
.styled-pagination li a:hover,
.styled-pagination li.active a,
.error-section .sec-title h1,
.author-box .social-icon li a:hover,
.blog-single blockquote cite span,
.news-block .lower-content h3 a:hover,
.subscribe-form .upper-box h4 span,
.testimonial-block .designation,
.testimonial-block .content-box .rating,
.testimonial-block .content-box .icon,
.pricing-table .price-box .title,
.pricing-table .title-box h3,
.team-block .other-info li a:hover,
.team-block .info-box .designation,
.contact-info-section .number a,
.contact-info-section .number,
.contact-info-section .title,
.contact-page-section .contact-info li a:hover,
.accordion-box .block .acc-btn.active .icon-outer,
.accordion-box .block .acc-btn.active,
.project-section-two .filters .filter.active,
.load-more-option .load-more a,
.project-detail .project-info li p a:hover,
.project-detail .project-info li .icon,
.project-detail blockquote cite span,
.project-block .caption-box h4 a:hover,
.video-section .content-box .text,
.help-box .info-box li .icon,
.service-block-two h3 a:hover,
.service-block h3 a:hover,
.service-block .inner-box .icon,
.feature-block-two .inner-box .icon,
.fact-counter .icon,
.about-me .info-column h3,
.feature-block h4 a:hover,
.feature-block .icon-box .icon,
.theme_color,
.sec-title h2,
.banner-section-three .wrap,
.page-breadcrumb li a:hover,
.banner-section-two .slide-item .title,
.sidenav-bar .navigation li:hover > a,
.sidenav-bar .navigation li.current > a,
.sidenav-bar .contact-info-box .info-box p a:hover,
.checkout-page .default-links li a,
.main-header .shopping-cart .shopping-cart-items .item-price,
.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover,
.list-style-two li:before,
.list-style-one li:before,
.btn-style-four:hover,
.btn-style-two:hover,
a {

	color: #cf0a00;

}



	.sidenav-bar-visible header,
	.sidenav-bar-visible main {

		width: 100%;
	
}



	.sidenav-bar {

		width: 320px;
	
}


/* ENFORCE WHITE SIDENAV THEME */
.sidenav-bar .nav-box,
.sidenav-bar .inner-box,
.sidenav-bar {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

.sidenav-bar .side-nav .navigation > li > a {
    background-color: transparent !important;
    color: #333333 !important;
    text-transform: uppercase !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 15px 20px !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    display: block;
}

.sidenav-bar .side-nav .navigation > li:hover > a {
    background-color: #b31b1b !important;
    color: #ffffff !important;
}
.sidenav-bar .side-nav .navigation > li:hover .dropdown-btn {
    color: #ffffff !important;
}

.sidenav-bar .contact-info-box .info-box p,
.sidenav-bar .contact-info-box .info-box p a,
.sidenav-bar .contact-info-box .info-box .icon-box span {
    color: #666666 !important;
}

.sidenav-bar .close-btn {
    color: #333333 !important;
}
.sidenav-bar .close-btn .fa-times,
.sidenav-bar .close-btn .fa-arrow-left {
    color: #333333 !important;
}


.logo-box .logo img {
    max-width: 250px !important;
    height: auto !important;
    display: block;
}
.main-header .logo-box {
    padding: 10px 0;
}


/* Main Header Extracted Styles */


/*** 

====================================================================
	Main Header
====================================================================

***/

.main-header  {

	position: fixed;
	left: 0;
	top: 30px;
	width: 100%;
	z-index: 99999;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;

}



.main-header.fixed-header  {

	top: 0;
	position: fixed;
	background-color: #ffffff;
	box-shadow: 0 0 30px rgba(0, 0, 0, .50);

}



.main-header .main-box  {

	position: relative;
	padding: 10px 50px;

}



.main-header .logo-box  {

	position: relative;
	float: left;
	padding: 5px 0;

}



.main-header .outer-box  {

	position: relative;
	float: right;

}



.main-header .btn-box  {

	position: relative;
	float: right;
	margin-left: 20px;
	padding: 8px 0;

}



/*Search Box Widget*/

.main-header .search-box  {

	position: relative;
	float: left;
	margin-left: 20px;
	padding: 8px 0;

}



.main-header .search-box .search-btn  {

	position: relative;
	display: block;
	height: 44px;
	width: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 22px;
	color: #ffffff;
	padding: 0;
	border-radius: 50%;
	background-color: transparent;

}



/*search box btn*/

.main-header .cart-btn  {

	position: relative;
	float: left;
	padding: 8px 0;

}



.main-header .cart-btn:before  {

	position: absolute;
	left: 0;
	top: 100%;
	height: 100%;
	width: 100%;
	content: "";
	visibility: hidden;
	box-shadow: none !important;

}



.main-header .cart-btn button  {

	position: relative;
	display: block;
	height: 40px;
	width: 40px;
	text-align: center;
	background-color: transparent;
	line-height: 40px;
	font-size: 28px;
	font-weight: 500;
	color: #ffffff;
	z-index: 9;

}



.main-header .cart-btn .count  {

	position: absolute;
	right: 0px;
	top: 4px;
	height: 16px;
	width: 16px;
	text-align: center;
	line-height: 16px;
	font-size: 10px;
	color: #ffffff;
	background-color: #000000;
	border-radius: 50%;

}



.main-header .badge  {

	background-color: #dddddd;
	border-radius: 10px;
	color: #000;
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	padding: 3px 7px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;

}



.main-header .shopping-cart  {

	position: absolute;
	margin: 20px 0;
	right: 0;
	background: #222222;
	width: 300px;
	border-radius: 3px;
	padding: 20px;
	max-height: 450px;
	opacity: 0;
	visibility: hidden;
	transform: scale(.5);
	transform-origin: top right;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;

}



.main-header .cart-btn:hover:before,
.main-header .cart-btn:hover .shopping-cart  {

	opacity: 1;
	visibility: visible;
	transform: scale(1);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.50);

}



.main-header .shopping-cart .shopping-cart-header  {

	border-bottom: 1px solid #444444;
	padding-bottom: 15px;

}



.main-header .shopping-cart .shopping-cart-total  {

	float: right;
	font-size: 15px;
	line-height: 30px;
	color: #dddddd;

}



.main-header .shopping-cart .shopping-cart-total .lighter-text  {

	font-size: 15px;
	line-height: 30px;
	color: #aaaaaa;

}



.main-header .shopping-cart .shopping-cart-items  {

	padding-top: 20px;

}



.main-header .shopping-cart .shopping-cart-items li  {

	position: relative;
	margin-bottom: 18px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.40);
	background-color: #252525;

}



.main-header .shopping-cart .shopping-cart-items img  {

	float: left;
	margin-right: 12px;

}



.main-header .shopping-cart .shopping-cart-items .item-name  {

	display: block;
	padding-top: 7px;
	font-size: 17px;
	color: #ffffff;

}



.main-header .shopping-cart .shopping-cart-items .item-price  {

	color: #b31b1b;
	margin-right: 8px;

}



.main-header .shopping-cart .shopping-cart-items .item-quantity  {

	color: #dddddd;

}



.main-header .shopping-cart .shopping-cart-items .product-detail  {

	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;

}



.main-header .shopping-cart .cart-icon  {

	color: #dddddd;
	font-size: 22px;
	margin-right: 7px;
	float: left;

}



.main-header .shopping-cart .theme-btn  {

	display: block;
	width: 100%;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.50);

}



.main-header .mCSB_inside>.mCSB_container  {

	margin-right: 0;

}



.main-header .mCSB_scrollTools  {

	opacity: 0 !important;

}



.nav-toggler  {

	position: relative;
	display: block;
	height: 59px;
	width: 44px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-color: #ff000000;
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	-ms-transition: -moz-transform 0.2s;
	-o-transition: -moz-transform 0.2s;
	transition: transform 0.2s;

}



.nav-toggler span  {

	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 32px;
	height: 3px;
	background-color: #252525;

}



.nav-toggler span::before,
.nav-toggler span:after  {

	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: inherit;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.2s, width 0.2s;
	-moz-transition: -moz-transform 0.2s, width 0.2s;
	transition: transform 0.2s, width 0.2s;

}



.nav-toggler span::before  {

	-webkit-transform-origin: right top;
	-moz-transform-origin: right top;
	-ms-transform-origin: right top;
	-o-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);

}



.nav-toggler span::after  {

	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);

}



















.main-header .logo-box  {

	position: relative;
	float: left;
	padding: 5px 0;

}

/* Theme Color */
.comments-area .comment-box .date,
.coming-soon .copyright-text a,
.coming-soon .emailed-form .form-group input[type="submit"]:hover,
.coming-soon .emailed-form button:hover,
.checkout-page .default-links li a:hover,
.checkout-page .default-links li .far,
.cart-table tbody tr .remove-btn:hover,
.shop-comment-form .rating-box .rating a:hover,
.product-details .basic-details .details-header .rating,
.sidebar .related-posts .post .rating .fa,
.sidebar .related-posts .post a,
.sidebar .related-posts .post a:hover,
.shop-item .lower-content .price,
.shop-item .lower-content .name a:hover,
.comments-area .comment-box .reply-btn:hover,
.comments-area .comment-box .rating,
.blog-cat li a:before,
.latest-news .post .post-info,
.latest-news .post:hover h3 a,
.main-footer .footer-bottom .footer-nav ul li a:hover,
.main-footer .contact-list li .text a:hover,
.user-links li a:hover,
.recent-posts .post .date span,
.recent-posts .post h4 a:hover,
.social-icon-two li a:hover,
.styled-pagination li a:hover,
.styled-pagination li.active a,
.error-section .sec-title h1,
.author-box .social-icon li a:hover,
.blog-single blockquote cite span,
.news-block .lower-content h3 a:hover,
.subscribe-form .upper-box h4 span,
.testimonial-block .designation,
.testimonial-block .content-box .rating,
.testimonial-block .content-box .icon,
.pricing-table .price-box .title,
.pricing-table .title-box h3,
.team-block .other-info li a:hover,
.team-block .info-box .designation,
.contact-info-section .number a,
.contact-info-section .number,
.contact-info-section .title,
.contact-page-section .contact-info li a:hover,
.accordion-box .block .acc-btn.active .icon-outer,
.accordion-box .block .acc-btn.active,
.project-section-two .filters .filter.active,
.load-more-option .load-more a,
.project-detail .project-info li p a:hover,
.project-detail .project-info li .icon,
.project-detail blockquote cite span,
.project-block .caption-box h4 a:hover,
.video-section .content-box .text,
.help-box .info-box li .icon,
.service-block-two h3 a:hover,
.service-block h3 a:hover,
.service-block .inner-box .icon,
.feature-block-two .inner-box .icon,
.fact-counter .icon,
.about-me .info-column h3,
.feature-block h4 a:hover,
.feature-block .icon-box .icon,
.theme_color,
.sec-title h2,
.banner-section-three .wrap,
.page-breadcrumb li a:hover,
.banner-section-two .slide-item .title,
.sidenav-bar .navigation li:hover > a,
.sidenav-bar .navigation li.current > a,
.sidenav-bar .contact-info-box .info-box p a:hover,
.checkout-page .default-links li a,
.main-header .shopping-cart .shopping-cart-items .item-price,
.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover,
.list-style-two li:before,
.list-style-one li:before,
.btn-style-four:hover,
.btn-style-two:hover,
a {

	color: #cf0a00;

}


	.main-header .main-box {

		padding: 10px 30px;
	
}


	.main-header {

		top: 0;
	
}



	.main-header .main-box {

		padding: 10px 15px;
	
}



	.banner-section .swiper-slide .text br,
	.banner-section .content .inner:before,
	.banner-section .content .inner:after,
	.video-section .content-box h2 br,
	.about-us .image-column .inner-column:before,
	.main-header .cart-btn {

		display: none;
	
}



	.main-header .btn-box,
	.main-header .search-box {

		margin-left: 0;
	
}


.nav-toggler { position: relative; z-index: 99999999 !important; display: block; height: 59px; width: 44px; overflow: hidden; text-indent: 100%; white-space: nowrap; background-color: transparent; transition: transform 0.2s; border: none !important; padding: 0; cursor: pointer; }
.nav-toggler span { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; transform: translateX(-50%) translateY(-50%); width: 32px; height: 3px; background-color: #252525; }
.nav-toggler span::before, .nav-toggler span:after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: inherit; transform: translateZ(0); backface-visibility: hidden; transition: transform 0.2s, width 0.2s; }
.nav-toggler span::before { transform-origin: right top; transform: translateY(-10px); }
.nav-toggler span::after { transform-origin: right bottom; transform: translateY(10px); }



body.sidenav-bar-visible .nav-toggler span { background: none !important; background-color: transparent !important; }
body.sidenav-bar-visible .nav-toggler span::before { transform: translateX(0) translateY(0) rotate(45deg); width: 100%; top: 50%; right: auto; left: 0; transform-origin: center; }
body.sidenav-bar-visible .nav-toggler span::after { transform: translateX(0) translateY(0) rotate(-45deg); width: 100%; top: 50%; right: auto; left: 0; transform-origin: center; }


.sidenav-bar { position: fixed; right: -100%; left: auto; top: 0; width: 320px; height: 100%; background: #ffffff; z-index: 999999 !important; transition: all 400ms cubic-bezier(0.25, 0.8, 0.25, 1); overflow-y: auto; padding: 40px 20px; box-shadow: -5px 0 25px rgba(0,0,0,0.1); }
.sidenav-bar.active, body.sidenav-bar-visible .sidenav-bar { right: 0; left: auto; }
.close-btn { position: absolute; top: 20px; right: 20px; color: #333; background: none; border: none; font-size: 24px; cursor: pointer; z-index: 9; }
.sidenav-bar ul { padding: 0; margin: 20px 0 0 0; }
.sidenav-bar ul li { list-style: none; margin: 0; }
.sidenav-bar ul li a { color: #333333; display: block; padding: 15px 0; text-transform: uppercase; font-weight: 600; text-decoration: none; transition: all 0.3s ease; }
.sidenav-bar ul li a:hover { color: #b31b1b; padding-left: 5px; }
.sidenav-bar .contact-info-box { margin-top: 40px; color: #666; }
.sidenav-bar .contact-info-box a { color: #333; text-decoration: none; transition: color 0.3s ease; }
.sidenav-bar .contact-info-box a:hover { color: #b31b1b; }
.sidenav-bar .contact-info-box .info-box { margin-bottom: 20px; }
.sidenav-bar .contact-info-box .icon-box { color: #b31b1b; margin-bottom: 5px; font-size: 20px; }

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');
.sidenav-bar, .sidenav-bar a { font-family: 'Outfit', sans-serif; } .sidenav-bar .fa { font-family: "Font Awesome 5 Free" !important; font-weight: 900; }
.sidenav-bar ul li a {
    font-size: 15px !important;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    padding: 16px 15px !important;
    border-radius: 4px;
}
.sidenav-bar ul li:hover > a {
    background-color: #b31b1b;
    color: #ffffff;
    border-bottom-color: transparent !important;
}
.sidenav-bar .dropdown-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #333;
    cursor: pointer;
    font-size: 16px;
    z-index: 5;
    transition: all 300ms ease;
}
.sidenav-bar .dropdown-btn:hover {
    color: #ffffff;
}
.sidenav-bar ul li:hover .dropdown-btn {
    color: #ffffff;
}
.sidenav-bar li {
    position: relative;
}
.sidenav-bar .close-btn {
    position: absolute;
    left: 20px;
    top: 20px;
    background: rgba(0,0,0,0.04);
    border: none;
    color: #333333;
    font-size: 16px;
    cursor: pointer;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.sidenav-bar .close-btn:hover {
    background: #b31b1b;
    color: #ffffff;
    transform: translateX(-3px);
}
.sidenav-bar .contact-info-box {
    padding: 20px;
    font-size: 14px;
    line-height: 1.8;
}

.nav-toggler span, .nav-toggler span::before, .nav-toggler span::after { background-color: #fff !important; }
.sidenav-bar { background-color: #ffffff !important; }
body.sidenav-bar-visible #header,
body.sidenav-bar-visible .new-header__bottom,
body.sidenav-bar-visible .main-header,
body.sidenav-bar-visible .new-header {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* Global Uppercase Titles as requested */
h1, h2, h3, h4, h5, h6, .mh-h3, .mh-fs-title, .page-title h2 {
    text-transform: uppercase !important;
}



/* Header Default (Inner Pages) */
#header, .new-header, .main-header {
    background: #ffffff !important;
    transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Homepage Transparent at Top */
#header,
.new-header,
.main-header {
    background: transparent !important;
    box-shadow: none !important;
}

/* Homepage Solid White When Scrolled */
#header.is-scrolled,
#header.is-scrolled .new-header,
#header.is-scrolled .main-header {
    background: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
}

/* Clean Sidebar Nav - Remove Shadow and Add Border */
.sidenav-bar .navigation > li {
    margin-bottom: 0 !important;
}
.sidenav-bar .navigation > li > a {
    box-shadow: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
.sidenav-bar .navigation > li:last-child > a {
    border-bottom: none !important;
}


/* Bulletproof Sidebar Nav */
.sidenav-bar ul li, .sidenav-bar .navigation > li {
    margin-bottom: 0 !important;
    box-shadow: none !important;
}
.sidenav-bar ul li a, .sidenav-bar .navigation > li > a {
    box-shadow: none !important;
    border-bottom: 1px solid #d4d4d4 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}
.sidenav-bar ul li:last-child a, .sidenav-bar .navigation > li:last-child > a {
    border-bottom: none !important;
}


/* ============================ */
/* NEW TRANSPARENT HEADER LOGIC */
/* ============================ */

/* 1. Ensure the header is always at the top (undo autohide) */
#header, #header {
    top: 0 !important;
    transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* 2. Default Header is Solid White (for inner pages) */
#header {
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

/* 3. On Homepage (Top of Video), Header is Transparent */
#header {
    background: transparent !important;
    box-shadow: none !important;
}

/* 4. On Homepage (Scrolled Down), Header becomes Solid White */
#header.is-scrolled {
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

.new-header, .new-header__bottom {
    background: transparent !important;
}



/* Red Hamburger Menu */
.nav-toggler span, .nav-toggler span::before, .nav-toggler span::after {
    background-color: #b31b1b !important;
}
body.sidenav-bar-visible .nav-toggler span {
    background: none !important; background-color: transparent !important;
}


/* Mobile Header Padding */
@media (max-width: 991px) {
    .new-header__bottom__group {
        padding-top: 15px !important;
        padding-bottom: 10px !important;
    }
}

/* Autohide on reverse scroll */
#header { transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
.sidenav-bar .contact-info-box a:hover { color: #b31b1b; }
.sidenav-bar .contact-info-box .info-box { margin-bottom: 20px; }
.sidenav-bar .contact-info-box .icon-box { color: #b31b1b; margin-bottom: 5px; font-size: 20px; }

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');
.sidenav-bar, .sidenav-bar a { font-family: 'Outfit', sans-serif; } .sidenav-bar .fa { font-family: "Font Awesome 5 Free" !important; font-weight: 900; }
.sidenav-bar ul li a {
    font-size: 15px !important;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    padding: 16px 15px !important;
    border-radius: 4px;
}
.sidenav-bar ul li:hover > a {
    background-color: #b31b1b;
    color: #ffffff;
    border-bottom-color: transparent !important;
}
.sidenav-bar .dropdown-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #333;
    cursor: pointer;
    font-size: 16px;
    z-index: 5;
    transition: all 300ms ease;
}
.sidenav-bar .dropdown-btn:hover {
    color: #ffffff;
}
.sidenav-bar ul li:hover .dropdown-btn {
    color: #ffffff;
}
.sidenav-bar li {
    position: relative;
}
.sidenav-bar .close-btn {
    position: absolute;
    left: 20px;
    top: 20px;
    background: rgba(0,0,0,0.04);
    border: none;
    color: #333333;
    font-size: 16px;
    cursor: pointer;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.sidenav-bar .close-btn:hover {
    background: #b31b1b;
    color: #ffffff;
    transform: translateX(-3px);
}
.sidenav-bar .contact-info-box {
    padding: 20px;
    font-size: 14px;
    line-height: 1.8;
}

.nav-toggler span, .nav-toggler span::before, .nav-toggler span::after { background-color: #fff !important; }
.sidenav-bar { background-color: #ffffff !important; }
body.sidenav-bar-visible #header,
body.sidenav-bar-visible .new-header__bottom,
body.sidenav-bar-visible .main-header,
body.sidenav-bar-visible .new-header {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* Global Uppercase Titles as requested */
h1, h2, h3, h4, h5, h6, .mh-h3, .mh-fs-title, .page-title h2 {
    text-transform: uppercase !important;
}



/* Header Default (Inner Pages) */
#header, .new-header, .main-header {
    background: #ffffff !important;
    transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Homepage Transparent at Top */
#header,
.new-header,
.main-header {
    background: transparent !important;
    box-shadow: none !important;
}

/* Homepage Solid White When Scrolled */
#header.is-scrolled,
#header.is-scrolled .new-header,
#header.is-scrolled .main-header {
    background: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
}

/* Clean Sidebar Nav - Remove Shadow and Add Border */
.sidenav-bar .navigation > li {
    margin-bottom: 0 !important;
}
.sidenav-bar .navigation > li > a {
    box-shadow: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
.sidenav-bar .navigation > li:last-child > a {
    border-bottom: none !important;
}


/* Bulletproof Sidebar Nav */
.sidenav-bar ul li, .sidenav-bar .navigation > li {
    margin-bottom: 0 !important;
    box-shadow: none !important;
}
.sidenav-bar ul li a, .sidenav-bar .navigation > li > a {
    box-shadow: none !important;
    border-bottom: 1px solid #d4d4d4 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}
.sidenav-bar ul li:last-child a, .sidenav-bar .navigation > li:last-child > a {
    border-bottom: none !important;
}


/* ============================ */
/* NEW TRANSPARENT HEADER LOGIC */
/* ============================ */

/* 1. Ensure the header is always at the top (undo autohide) */
#header, #header {
    top: 0 !important;
    transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* 2. Default Header is Solid White (for inner pages) */
#header {
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

/* 3. On Homepage (Top of Video), Header is Transparent */
#header {
    background: transparent !important;
    box-shadow: none !important;
}

/* 4. On Homepage (Scrolled Down), Header becomes Solid White */
#header.is-scrolled {
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

.new-header, .new-header__bottom {
    background: transparent !important;
}



/* Red Hamburger Menu */
.nav-toggler span, .nav-toggler span::before, .nav-toggler span::after {
    background-color: #b31b1b !important;
}
body.sidenav-bar-visible .nav-toggler span {
    background: none !important; background-color: transparent !important;
}


/* Mobile Header Padding */
@media (max-width: 991px) {
    .new-header__bottom__group {
        padding-top: 15px !important;
        padding-bottom: 10px !important;
    }
}

/* Autohide on reverse scroll */
#header {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
#header.is-hidden {
    transform: translateY(-100%) !important;
}
.header-trigger:hover + #header, #header:hover {
    transform: translateY(0) !important;
}

@media (max-width: 767px) {
    .sidenav-bar {
        width: 230px !important;
    }
}




/* SIMPLE CROSS BUTTON FIX */
body.sidenav-bar-visible .nav-toggler span::before, 
body.sidenav-bar-visible .nav-toggler span::after {
    background-color: #b31b1b !important;
}
/* ULTIMATE INVISIBLE SPAN FIX */
body.sidenav-bar-visible .nav-toggler span {
    visibility: hidden !important;
}
body.sidenav-bar-visible .nav-toggler span::before,
body.sidenav-bar-visible .nav-toggler span::after {
    visibility: visible !important;
}


/* FIX FONT AWESOME IN MOBILE MENU */
.sidenav-bar .fa {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* Fancybox lightbox must sit above the sticky header (z-index: 9999999),
   otherwise the header renders on top of the opened image/gallery. */
.fancybox-container {
    z-index: 999999999 !important;
}

/* Narrower header content - keeps the header bar full-width but pulls the
   logo and menu button closer together instead of spanning the full page. */
.new-header .container {
    max-width: 1040px !important;
}

/* Shorter header bar - the base theme reserves a tall min-height for the
   logo row, leaving a lot of empty white space above/below a smaller logo. */
.new-header__bottom__group {
    min-height: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}





p, .text-content > div, .news-block .lower-content > div.mb-3, .mh-fs-acc-inner { text-align: justify !important; text-align-last: left !important; }