/* Contra - Interior Creator HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style two / Style three / Style Four
5. Side Nav Bar 
6. Hidden Sidebar
7. Banner Section / Two / Three
8. Page Title
9. Section Title
10. About Section
11. Services Section
12. Service Detail
13. Specialize Section / Two
14. Process Section
15. Fun Fact Section
16. Fun Fact And Features
17. Projects Section / Two 
18. Product Details
19. Offer Section
20. Team Section
21. Testimonial Section / Two
22. Products Section
23. Video Section
24. FAQ Section
25. FAQ Form Section
26. App Section
27. News Section / Two / Three
28. Blog Section
29. Blog Detail / Style Two
30. Clients Section
31. Contact Section
32. Main Footer
33. Sidebar Page Container
34. Comment Area
35. Comment Form
36. Contact Page Section
37. Coming Soon
38. Login Section
39. Error Section
40. Right to Left Style
41. Box Layout
**********************************************/

/*** 

====================================================================
			Fonts
====================================================================

***/

@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=BenchNine:300,400,700');

@import url('flaticon.css');
@import url('font-awesome.css');
@import url('animate.css');
@import url('jquery.mCustomScrollbar.min.css');
@import url('owl.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');

/*** 

====================================================================
		Reset
====================================================================

 ***/

* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	font-size: 100%;
}



:root {
	--primary: #8DC73F;
	--brown: #693E38;
	--black: #1A1A18;
	--white: #f2f2f2;
}





/*** 

====================================================================
	Global Settings
====================================================================

***/

body {

	font-size: 14px;
	color: #777777;
	line-height: 28px;
	font-weight: 400;
	background: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Arimo', sans-serif;
}



a {
	text-decoration: none;
	cursor: pointer;
	color: #ff8a00;
}

a:hover,
a:focus,
a:visited {
	text-decoration: none;
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-weight: normal;
	margin: 0px;
	background: none;
	line-height: 1.2em;
	font-family: 'Rubik', sans-serif;
}

textarea {
	overflow: hidden;
	resize: none;
}

button {
	outline: none !important;
	cursor: pointer;
}

p,
.text {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #555555;
	margin: 0;
}

::-webkit-input-placeholder {
	color: inherit;
}

::-moz-input-placeholder {
	color: inherit;
}

::-ms-input-placeholder {
	color: inherit;
}

.auto-container {
	position: static;
	max-width: 1200px;
	padding: 0px 15px;
	margin: 0 auto;
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
	overflow: hidden;
	z-index: 99;
}

ul,
li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.theme-btn {
	display: inline-block;
	text-align: center;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.centered {
	text-align: center !important;
}

/*Btn Style One*/

/* whtsapp icon */
/* ✅ WhatsApp Floating Button */
.whatsapp-btn {
	position: fixed;
	bottom: 25px;
	right: 25px;
	width: 60px;
	height: 60px;
	background-color: #25d366;
	color: white;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	text-decoration: none;
	z-index: 9999;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	animation: blink 1.2s infinite ease-in-out;
}

@keyframes blink {

	0%,
	100% {
		transform: scale(1);
		box-shadow: 0 0 0px rgba(37, 211, 102, 0.5);
	}

	50% {
		transform: scale(1.1);
		box-shadow: 0 0 15px rgba(37, 211, 102, 0.7);
	}
}


.fixed-icons {
	position: fixed;
	top: 70%;
	right: 10px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	z-index: 999;
}

.fixed-icons .icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease-in-out;
}

.fixed-icons .icon.call {
	background: #007bff;
	/* Blue */
}

.fixed-icons .icon.whatsapp {
	background: #25d366;
	/* WhatsApp Green */
}

.fixed-icons .icon.mail {
	background: #ff5e5e;
	/* Red */
}

.fixed-icons .icon:hover {
	transform: scale(1.2) rotate(10deg);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.btn-style-one {
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	padding: 10px 40px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	background: rgb(255, 174, 0);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255, 174, 0, 1) 0%, rgba(255, 138, 0, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 174, 0, 1) 0%, rgba(255, 138, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 174, 0, 1) 0%, rgba(255, 138, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffae00', endColorstr='#ff8a00', GradientType=0);
}

.btn-style-one:hover {
	color: #ffffff;
	-webkit-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
}

.btn-style-one:before {
	position: absolute;
	top: -1px;
	right: -1px;
	left: -1px;
	bottom: -1px;
	content: "";
	border-radius: 50px;
	border: 2px solid #222222;
	transition: all 300ms ease;
	opacity: 0;
}

.btn-style-one:hover:before {
	opacity: 1;
}



/*Btn Style Two*/

.btn-style-two {
	position: relative;
	font-size: 16px;
	line-height: 20px;
	color: #222222;
	padding: 13px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	background-color: #ffffff;
	border: 2px solid #ff8a00;
	-webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
}

.btn-style-two:hover {
	color: #ffffff;
	border: 2px solid #ff8a00;
	-webkit-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
}

/*Btn Style Three*/

.btn-style-three {
	position: relative;
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	padding: 13px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	background-color: #222222;
	-webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
}

.btn-style-three:hover {
	color: #ffffff;
	-webkit-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(255, 138, 0, 1) 0 0px 0px 40px inset;
}

/*Btn Style Four*/

.btn-style-four {
	position: relative;
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	padding: 13px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	background-color: #222222;
	-webkit-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-moz-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-ms-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	-o-box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
	box-shadow: rgba(255, 255, 255, 0) 0 0px 0px 0px inset;
}

.btn-style-four:hover {
	color: #ff8a00;
	-webkit-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(255, 255, 255, 1) 0 0px 0px 40px inset;
}

/*Btn Style Five*/

.btn-style-five {
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	padding: 10px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	background-color: #ff8a00;
}

.btn-style-five:hover {
	color: #ffffff;
	background-color: #222222;
}

/*Btn Style Six*/

.btn-style-six {
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	padding: 10px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	background-color: #ffffff;
}

.btn-style-six:hover {
	color: #ffffff;
	background-color: #ff8a00;
}

/*Btn Style Seven*/

.btn-style-seven {
	position: relative;
	font-size: 16px;
	line-height: 30px;
	color: #222222;
	padding: 10px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	background-color: #ffffff;
}

.btn-style-seven:hover {
	color: #ffffff;
	background-color: #222222;
}

/*Btn Style c*/

.btn-style-eight {
	position: relative;
	font-size: 16px;
	line-height: 26px;
	color: #ff8a00;
	padding: 10px 45px;
	text-transform: capitalize;
	font-weight: 400;
	border-radius: 50px;
	border: 2px solid #ff8a00;
	background-color: #ffffff;
}

.btn-style-eight:hover {
	color: #ffffff;
	background-color: #ff8a00;
}

/*=== List Style One ===*/

.list-style-one {
	position: relative;
}

.list-style-one li {
	position: relative;
	float: left;
	width: 50%;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	font-weight: 400;
	padding-left: 35px;
}

.list-style-one li:before {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 28px;
	color: #ffb902;
	content: "\f00c";
	font-family: "FontAwesome";
}

/*=== List Style Two ===*/

.list-style-two {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.list-style-two li {
	position: relative;
	font-size: 14px;
	line-height: 20px;
	color: #222222;
	font-weight: 500;
	padding-left: 35px;
	margin-bottom: 15px;
	font-family: "Rubik", sans-serif;
}

.list-style-two li:before {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 20px;
	color: #ff8a00;
	font-weight: 900;
	font-family: "FontAwesome";
	content: "\f061";
}

.theme_color {
	color: #25262c;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/icons/preloader.svg);
}

img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
	position: fixed;
	bottom: 80px;
	right: 20px;
	width: 50px;
	height: 50px;
	color: #ffffff;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	z-index: 100;
	cursor: pointer;
	background: #222222;
	display: none;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.scroll-to-top:hover {
	background: #ff8a00;
	color: #222222;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
}


.main-header .header-top {
	position: relative;
	background-color: #ffa900;
}

.main-header .top-left {
	position: relative;
	float: left;
}

.main-header .top-left .contact-list {
	position: relative;
	padding: 5px 0;
}

.main-header .top-left .contact-list li {
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #222222;
	font-weight: 400;
	margin-right: 25px;
}

.main-header .top-left .contact-list li:last-child {
	margin-right: 0;
}

.main-header .top-left .contact-list li i {
	float: left;
	font-size: 16px;
	line-height: 30px;
	margin-right: 10px;
	color: #ffffff;
}

.main-header .top-left .contact-list li a {
	color: #222222;
	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;
}

.main-header .top-left .contact-list li a:hover {
	color: #ffffff;
}

.main-header .top-right {
	position: relative;
	float: right;
	padding: 5px 0;
}

.social-icon-four {
	position: relative;
}

.social-icon-four li {
	position: relative;
	float: left;
	margin-left: 20px;
}

.social-icon-four li:first-child {
	margin-left: 0;
}

.social-icon-four li a {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-four li a:hover {
	color: #222222;
}

.main-header .main-box {
	position: relative;
	display: block;
}

.main-header .inner-container {
	position: relative;
	padding: 0 15px;
}

.main-header .logo-box {
	position: relative;
	float: left;
}

.main-header .logo-box .logo {
	position: relative;
	/* padding: 15px 0; */
	-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 .nav-outer {
	position: static;
	float: left;
}

.navbar-toggler {
	border: 0 !important;
}

.main-menu {
	position: static;
	float: left;
	font-family: "Rubik", sans-serif;
}

.main-menu .navbar-header {
	display: none;
}

.main-menu .navbar-collapse {
	padding: 0px;
}

.main-menu .navigation {
	position: static;
	margin: 0px;
}

.main-menu .navigation>li {
	position: relative;
	float: left;
	margin-left: 45px;
	-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-menu .navigation>li>a {
	position: relative;
	display: block;
	font-size: 19px;
	line-height: 30px;
	font-weight: 550;
	color: #222222;
	padding: 35px 0;
	opacity: 1;
	text-align: center;
	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;
	text-decoration: none;
	
}


.main-menu .navigation>li>ul>li>ul>li:hover>a {
	color: #25262c;
	background: #ffffff;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 10px;
	top: 11px;
	width: 10px;
	height: 20px;
	display: block;
	color: #292929;
	line-height: 20px;
	font-size: 13px;
	font-weight: 900;
	text-align: center;
	z-index: 5;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
	color: #ffffff;
}

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 110%;
	width: 200px;
	padding: 0px 0px;
	z-index: 100;
	background: rgba(47, 46, 50, .90);
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	opacity: 1;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.main-menu .navigation>li>ul>li:last-child {
	border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 10px 20px;
	line-height: 24px;
	font-weight: 400;
	font-size: 15px;
	color: #ffffff;
	text-align: left;
	text-transform: capitalize;
	border-left: 4px solid transparent;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li:hover>a {
	border-left: 4px solid #ff8a00;
	background: #222222;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 15px;
	top: 11px;
	width: 10px;
	height: 20px;
	display: block;
	line-height: 20px;
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
	z-index: 5;
}

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 110%;
	top: 0%;
	width: 200px;
	padding: 0px 0px;
	z-index: 100;
	background: rgba(47, 46, 50, .90);
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
	border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 10px 20px;
	line-height: 24px;
	font-weight: 400;
	font-size: 15px;
	color: #ffffff;
	text-align: left;
	text-transform: capitalize;
	border-left: 4px solid transparent;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: #ffffff;
	background: #222222;
	border-left: 4px solid #ff8a00;
}

.main-menu .navigation>li.dropdown:hover>ul {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	visibility: visible;
	opacity: 1;
	top: 100%;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 0;
	left: 100%;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 34px;
	height: 30px;
	border: 1px solid #ffffff;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
	display: none;
}

.main-header .outer-box {
	position: relative;
	float: right;
}

.social-icon-one {
	position: relative;
}

.social-icon-one li {
	position: relative;
	float: left;
	margin-left: 22px;
}

.social-icon-one li a {
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 30px;
	color: #222222;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover {
	color: #ff8a00;
}


.main-header .contact-info {
	position: relative;
}

.main-header .contact-info li {
	position: relative;
	float: left;
	margin-left: 35px;
	font-size: 14px;
	line-height: 30px;
	color: #222222;
	font-weight: 400;
}

.main-header .contact-info li span {
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #aaaaaa;
	font-weight: 400;
}

.main-header .contact-info li a {
	color: #222222;
	transition: all 300ms ease;
}

.main-header .contact-info li a:hover {
	color: #ff8a00;
}


/*===================================
		Header Style One
===================================*/

.header-style-one {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
}

.header-style-one .header-lower {
	position: relative;
	background-color: rgba(0, 0, 0, 0.80);
	margin: 0 30px;
	padding: 0 40px;
}

.header-style-one .header-lower:before {
	position: absolute;
	top: 0;
	left: -30px;
	height: 0;
	width: 0;
	border-left: 30px solid transparent;
	border-top: 100px solid rgba(0, 0, 0, 0.80);
	content: "";
}

.header-style-one .header-lower:after {
	position: absolute;
	top: 0;
	right: -30px;
	height: 0;
	width: 0;
	border-right: 30px solid transparent;
	border-top: 100px solid rgba(0, 0, 0, 0.80);
	content: "";
}


.header-style-one .nav-outer {
	float: right;
}

.header-style-one .main-menu .navigation>li {
	margin-left: 35px;
}

.header-style-one .main-menu .navigation>li>a {
	color: #ffffff;
}

.header-style-one .main-menu .navigation>li>a:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 0px;
	width: 2px;
	background-color: #ff8a00;
	content: "";
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-style-one .main-menu .navigation>li.current>a:before,
.header-style-one .main-menu .navigation>li:hover>a:before {
	height: 30px;
}


.header-style-one .outer-box {
	padding: 32.5px 0;
	margin-left: 45px;
}

.header-style-one .search-box-btn:hover {
	color: #ffffff !important;
}

.header-style-one .search-box-outer .dropdown-menu {
	top: 20px !important;
}


/*search box btn*/

/* top bar */
.topbar {
	position: relative;
	width: 100%;
	height: 40px;
}

.topbar-text {
	display: inline-block;
	white-space: nowrap;
	position: absolute;
	will-change: transform;
	animation: slide-text 18s linear infinite;
	font-weight: 600;
	font-size: 18px;
}

@keyframes slide-text {
	0% {
		transform: translateX(100%);
	}

	100% {
		transform: translateX(-100%);
	}
}

/* Responsive for mobile */
@media (max-width: 768px) {
	.topbar {
		background-color: var(--primary) !important;
		color: var(--white) !important;
	}

	.topbar-text {
		font-size: 16px;
	}
}

/* top bar */





.main-header .search-box-outer {
	position: relative;
	-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 .search-box-btn {
	position: relative;
	height: 35px;
	width: 35px;
	cursor: pointer;
	background: none;
	font-size: 15px;
	color: #ffa600;
	line-height: 33px;
	border: 1px dashed #ffffff;
	border-radius: 50%;
	outline: none;
	-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 .search-box-btn:hover {
	color: #ff8a00;
}

.dropdown-toggle::after {
	display: none;
}

.main-header .search-box-outer .dropdown-menu {
	top: 37px !important;
	right: 0 !important;
	left: auto !important;
	transform: none !important;
	padding: 0px;
	width: 280px;
	border-radius: 0px;
	border-top: 3px solid #25262c;
}

.main-header .search-panel .form-container {
	padding: 25px 20px;
}

.main-header .search-panel .form-group {
	position: relative;
	margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 7px 40px 7px 15px;
	height: 40px;
	font-size: 14px;
	border: 1px solid #e0e0e0;
	background: #ffffff;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
	border-color: #25262c;
}

.main-header .search-panel .search-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #555555;
	font-size: 12px;
	background: none;
	cursor: pointer;
}



/*===================================
		Header Style Two
===================================*/
.header-style-two {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}

.header-style-two .header-top .inner-container {
	padding: 0 40px;
}


.header-style-two .header-lower {
	position: relative;
}

.header-style-two .header-lower .auto-container {
	position: relative;
	max-width: 1170px;
}


.header-style-two .header-lower .main-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 0 40px;
	background-color: rgba(0, 0, 0, 0.90);
	border-radius: 0 0 15px 15px;
}


.header-style-two .nav-outer {
	float: right;
}

.header-style-two .main-menu .navigation>li {
	margin-left: 35px;
}

.header-style-two .main-menu .navigation>li>a {
	position: relative;
	color: #ffffff;
	font-weight: 500;
}

.header-style-two .main-menu .navigation>li>a:before {
	position: absolute;
	left: 50%;
	width: 0;
	height: 1px;
	bottom: 35px;
	content: "";
	background-color: #ffa900;
	transition: all 300ms ease;
}


.header-style-two .main-menu .navigation>li:hover>a:before,
.header-style-two .main-menu .navigation>li.current>a:before {
	left: 0%;
	width: 100%;
}


.header-style-two .outer-box {
	padding: 32.5px 0;
	margin-left: 45px;
}

.header-style-two .search-box-btn:hover {
	color: #ffffff !important;
}

.header-style-two .search-box-outer .dropdown-menu {
	top: 37px !important;
}

.header-style-two .search-box-outer {
	float: right;
	margin-left: 40px;
}


.main-header .cart-btn {
	position: relative;
	float: left;
}

.main-header .cart-btn a {
	position: relative;
	display: inline-block;
	font-size: 20px;
	line-height: 35px;
	color: #ffffff;
}

.main-header .cart-btn .count {
	position: absolute;
	right: -11px;
	top: 0;
	height: 22px;
	width: 22px;
	line-height: 22px;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	font-weight: 400;
	background-color: #fb4848;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}


/*===================================
		Header Style Three
===================================*/

.header-style-three {
	position: relative;
	background-color: #8cc73fe4;
}

.header-style-three .logo-box:before {
	position: absolute;
	top: 0;
	margin-right: -230px;
	right: 100%;
	height: 100%;
	width: 1000%;
	background-color: #ffffff;
	content: "";
	transform: skew(40deg);
}


.header-style-three .inner-container {
	position: relative;
}

.header-style-three .nav-outer {
	float: right;
}

.header-style-three .outer-box {
	position: relative;
	float: right;
	padding: 35px 0;
}

.header-style-three .main-menu .navigation>li>a {
	color: #ffffff;
}

.header-style-three .main-menu .navigation>li>a:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 0px;
	width: 2px;
	background-color: #ff8a00;
	content: "";
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-style-three .main-menu .navigation>li.current>a:before,
.header-style-three .main-menu .navigation>li:hover>a:before {
	height: 30px;
}


.header-style-three .outer-box {
	margin-left: 80px;
}

.header-style-three .nav-toggler {
	position: relative;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	color: #222222;
	font-weight: 400;
	background-color: #ffffff;
	border-radius: 5px;
	cursor: pointer;
	transition: all 300ms ease;
}

.header-style-three .nav-toggler:hover {
	background-color: #ffa500;
	color: #ffffff;
}


/*===================================
		Header Style Four
===================================*/

.header-style-four {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.header-style-four .header-top {
	position: relative;
	background-color: transparent !important;
}

.header-style-four .header-top .top-right {
	float: right;
	padding: 10px 0;
}

.header-style-four .header-top .top-right li a,
.header-style-four .header-top .top-right li {
	color: #ffffff;
	font-size: 14px;
}

.header-style-four .header-top .top-right li span {
	font-weight: 700;
	color: #ffffff;
	border: 0;
	width: auto;
}

.header-style-four .header-top .top-right li a:hover {
	color: #ff8a00;
}

.header-style-four .header-lower {
	position: relative;
	background-color: rgba(0, 0, 0, 0.40);
}

.header-style-four .nav-outer {
	float: right;
}

.header-style-four .main-menu .navigation>li {
	margin-left: 45px;
}

.header-style-four .main-menu .navigation>li>a {
	color: #ffffff;
}

.header-style-four .search-box-outer {
	padding: 32.5px 0;
}

.header-style-four .search-box-btn {
	color: #ff8a00;
	margin-left: 55px;
}

.header-style-four .search-box-btn:hover {
	color: #ffffff;
}

.header-style-four .search-box-outer .dropdown-menu {
	top: 40px !important;
}

.main-menu .navigation>li.current>a,
.main-menu .navigation>li:hover>a {
	color: #ff8a00;
}

.header-style-four.fixed-header .search-box-outer {
	padding: 22.5px 0;
}



/*===================================
		Header Style Five
===================================*/

.header-style-five {
	position: relative;
}

.header-style-five .logo-box .logo {
	padding: 25px 0;
}

.header-style-five .inner-container {
	position: relative;
	padding-left: 120px;
	padding-right: 55px;
}

.header-style-five .main-menu .navigation>li>a {
	padding: 45px 0;
}

.header-style-five .main-menu .navigation>li>a:before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 0;
	width: 2px;
	background-color: #222222;
	margin: 0 auto;
	content: "";
	transition: all 300ms ease;
	z-index: 1;
}

.header-style-five .main-menu .navigation>li>a:hover:before,
.header-style-five .main-menu .navigation>li.current>a:before {
	height: 43px;
}

.header-style-five .outer-box {
	position: relative;
	padding: 45px 0;
}

.header-style-five .outer-box .social-icon-one {
	position: relative;
	float: left;
}

.header-style-five .outer-box .contact-info {
	position: relative;
	float: right;
	padding-left: 30px;
	margin-left: 50px;
	border-left: 1px solid #dddddd;
}

.header-style-five .outer-box {
	position: relative;
	float: right;
}

.header-style-five .contact-info li {
	color: #222222;
}

.header-style-five .contact-info li a {
	color: #222222;
	transition: all 300ms ease;
}

.header-style-five .contact-info li a:hover {
	color: #ff8a00;
}

/*** 

====================================================================
		Header Style Six
====================================================================

***/

.header-style-six {
	position: absolute;
	left: 0;
}

.header-style-six .outer-container {
	padding: 0 80px;
	border-bottom: 1px solid rgba(255, 255, 255, .30);
}

.header-style-six .logo-box {
	padding-right: 30px;
	border-right: 1px solid rgba(255, 255, 255, .30);
}

.header-style-six .logo-box .logo {
	padding: 15px 0;
}

.header-style-six .outer-box {
	float: left;
	margin-left: 100px;
}

.header-style-six .contact-info {
	position: relative;
	float: left;
	padding: 35px 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}


.header-style-six .contact-info {
	position: relative;
	float: left;
}

.header-style-six .contact-info li span {
	color: #ff8a00;
	font-weight: 700;
}

.header-style-six .btn-box {
	position: relative;
	float: right;
}

.header-style-six .nav-toggler {
	position: relative;
	height: 40px;
}

.header-style-six .nav-toggler:hover {
	color: #ffffff !important;
}


.header-style-six.fixed-header .outer-container {
	position: fixed;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.90);
	border-bottom: 1px solid transparent;
}

.header-style-six.fixed-header .nav-toggler {
	background-color: #ffffff;
}

.header-style-six.fixed-header .nav-toggler:hover {
	color: #222222 !important;

}


.header-style-six.fixed-header .logo-box .logo {
	padding: 10px 0;
}

.header-style-six.fixed-header .contact-info {
	padding: 30px 0;
}

.header-style-six.fixed-header .btn-box {
	padding: 25px 0;
}


.box-layout .header-style-six.fixed-header .outer-container {
	max-width: 1370px;
	left: 0;
	right: 0;
	margin: 0 auto;
}


.header-style-six .contact-info {
	position: relative;
}

.header-style-six .contact-info li {
	position: relative;
	float: left;
	margin-left: 25px;
	padding-left: 25px;
	border-left: 1px solid rgba(255, 255, 255, 0.40);
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
}

.header-style-six .contact-info li:first-child {
	border-left: 0;
}


.header-style-six .contact-info li span {
	position: relative;
	float: left;
	height: 30px;
	width: 30px;
	border: 1px solid rgba(255, 255, 255, 0.40);
	font-size: 14px;
	line-height: 30px;
	color: #ff8a00;
	text-align: center;
	font-weight: 400;
	margin-right: 10px;
	border-radius: 50%;
}

.header-style-six .contact-info li a {
	color: #ffffff;
	transition: all 300ms ease;
}

.header-style-six .contact-info li a:hover {
	color: #ff8a00;
}

.header-style-six .btn-box {
	position: relative;
	float: right;
	padding: 30px 0;
}

.header-style-six .nav-toggler {
	position: relative;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #ffa500;
	font-weight: 400;
	background-color: #000000;
	cursor: pointer;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}


/*** 

====================================================================
	Header Style Seven
====================================================================

***/

.header-style-seven {
	position: relative;
}

.header-style-seven .inner-container {
	position: relative;
	padding-left: 100px;
	padding-right: 100px;
}

.header-style-seven .logo-box .logo {
	padding: 25px 0;
}

.header-style-seven .nav-outer {
	float: right;
}

.header-style-seven .main-menu .navigation>li {
	margin-left: 45px;
}

.header-style-seven .main-menu .navigation>li>a {
	font-size: 16px;
	font-weight: 500;
	padding: 45px 0;
}

.header-style-seven .outer-box {
	position: relative;
	float: right;
	padding: 45px 0;
	margin-left: 80px;
}

.nav-toggler {
	position: relative;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	color: #ffffff;
	font-weight: 400;
	background-color: #222222;
	cursor: pointer;
	transition: all 300ms ease;
}

.nav-toggler:hover {
	background-color: #ffa500;
	color: #000000;
}

.box-layout .header-style-seven .inner-container {
	padding: 0 15px;
}

/*** 

====================================================================
	Side Nav Bar
====================================================================

***/

.sidenav-bar {
	position: fixed;
	left: -350px;
	top: 0px;
	width: 350px;
	height: 100%;
	overflow-y: auto;
	background: #111111;
	z-index: 99999;
	transition: all 500ms ease;
}

.active-side-nav .sidenav-bar {
	left: 0;
}

.sidenav-bar .inner-box {
	position: relative;
	padding: 50px 30px;
}

.sidenav-bar:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/icons/icon-dots-dark.jpg);
	background-repeat: repeat;
	background-position: center;
	content: "";
}

.sidenav-bar .upper-box {
	position: relative;
	margin-bottom: 50px;
}

.sidenav-bar .upper-box .logo a {
	position: relative;
}

.sidenav-bar .cross-icon {
	position: absolute;
	right: 0;
	top: 15px;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color: #222222;
	font-weight: 400;
	background-color: #ffffff;
	cursor: pointer;
	transition: all 300ms ease;
}

.sidenav-bar .cross-icon:hover {
	background-color: #ffa500;
	color: #ffffff;
}

.sidenav-bar .side-nav {
	position: relative;
	margin-bottom: 50px;
}

.sidenav-bar .side-nav .navigatio {
	position: relative;
}

.sidenav-bar .side-nav .navigation>li,
.sidenav-bar .side-nav .navigation>li>ul>li {
	position: relative;
	display: block;
}

.sidenav-bar .side-nav .navigation>li>a {
	position: relative;
	display: block;
	line-height: 30px;
	padding: 10px 0px;
	color: #ffffff;
	font-weight: 400;
	font-size: 16px;
	text-transform: capitalize;
	transition: all 300ms ease;
}

.sidenav-bar .side-nav .navigation>li>ul>li>a,
.sidenav-bar .side-nav .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	line-height: 20px;
	padding: 10px 20px;
	color: #ffffff;
	font-weight: 400;
	font-size: 16px;
	text-transform: capitalize;
	transition: all 300ms ease;
}

.sidenav-bar .side-nav .navigation>li>ul>li,
.sidenav-bar .side-nav .navigation>li>ul>li>ul>li {
	margin-bottom: 0px;
}

.sidenav-bar .side-nav .navigation>li>ul>li:last-child,
.sidenav-bar .side-nav .navigation>li>ul>li>ul>li:last-child {
	margin: 0px;
}

.sidenav-bar .side-nav .navigation>li:hover>a,
.sidenav-bar .side-nav .navigation>li>ul>li:hover>a,
.sidenav-bar .side-nav .navigation>li.current>a,
.sidenav-bar .side-nav .navigation>li>ul>li.current>a {
	color: #ff8a00;
}

.sidenav-bar .side-nav .navigation>li.dropdown>a {
	padding-right: 30px;
}

.sidenav-bar .side-nav .navigation>li.dropdown>a:before {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 0px;
	top: 10px;
	line-height: 30px;
	display: block;
	font-size: 16px;
	z-index: 5;
	font-weight: 300;
}

.sidenav-bar .side-nav .navigation>li.dropdown.active>a:before {
	content: "\f107";
}

.sidenav-bar .side-nav .navigation>li.dropdown>ul,
.sidenav-bar .side-nav .navigation>li.dropdown>ul>li.dropdown>ul {
	position: relative;
	display: block;
	left: 0%;
	top: 0px;
	width: 100%;
	z-index: 100;
	padding: 10px 0px;
}

.sidenav-bar .side-nav .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 0px;
	top: 10px;
	width: 34px;
	height: 30px;
	border: 1px solid #e0e0e0;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
	display: none;
}

.sidenav-bar .subscribe-form {
	position: relative;
}

.sidenav-bar .subscribe-form h5 {
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 25px;
}

.sidenav-bar .subscribe-form form {
	position: relative;
}

.sidenav-bar .subscribe-form input[type="text"],
.sidenav-bar .subscribe-form input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 30px;
	color: #999999;
	font-weight: 400;
	padding: 10px 30px;
	background-color: #000000;
	border-radius: 30px;
	transition: all 300ms ease;
}

.sidenav-bar .subscribe-form button,
.sidenav-bar .subscribe-form input[type="submit"] {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 10px;
	height: 50px;
	font-size: 16px;
	line-height: 30px;
	color: #000000;
	font-weight: 600;
	padding: 10px 30px;
	text-transform: uppercase;
}

.sidenav-bar .subscribe-form button:hover,
.sidenav-bar .subscribe-form input[type="submit"]:hover {
	color: #ffffff;
}

.form-back-drop {
	position: fixed;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(0, 0, 0, 0.70);
	visibility: hidden;
	z-index: 99999;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.active-side-nav .form-back-drop {
	opacity: 1;
	visibility: visible;
}

.mCSB_inside>.mCSB_container {
	margin-right: 0;
}

/***

====================================================================
	Hidden Sidebar style
====================================================================

***/

.hidden-bar {
	position: fixed;
	left: -500px;
	top: 0px;
	max-width: 100%;
	height: 100%;
	overflow-y: auto;
	z-index: 99999;
	opacity: 0;
	background-color: #222222;
	visibility: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.active-side-nav .hidden-bar {
	left: 0px;
	opacity: 1;
	visibility: visible;
}

.hidden-bar .inner-box {
	position: relative;
	background-color: #222222;
	padding: 55px 30px 50px;
}

.hidden-bar .inner-box .cross-icon {
	position: absolute;
	right: 30px;
	top: 30px;
	cursor: pointer;
	color: #ffffff;
	font-size: 20px;
}

.hidden-bar .inner-box h2 {
	position: relative;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.2em;
	color: #ffffff;
	margin-bottom: 20px;
}

/*Appointment Form*/

.hidden-bar .appointment-form {
	position: relative;
}

.hidden-bar .appointment-form .form-group {
	position: relative;
	margin-bottom: 15px;
}

.hidden-bar .appointment-form input[type="text"],
.hidden-bar .appointment-form input[type="email"],
.hidden-bar .appointment-form textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 23px;
	padding: 10px 25px;
	height: 45px;
	color: #ffffff;
	font-size: 16px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: none;
	transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
}

.hidden-bar .appointment-form input::placeholder,
.hidden-bar .appointment-form textarea::placeholder {
	color: #bdbdbd;
}

.hidden-bar .appointment-form input:focus,
.hidden-bar .appointment-form textarea:focus {
	border-color: #ffffff;
}

.hidden-bar .appointment-form textarea {
	height: 135px;
	resize: none;
}

.hidden-bar .appointment-form .form-group button {
	margin-top: 10px;
	display: block;
	width: 100%;
	border-radius: 0;
	font-weight: 700;
	background-color: #ffffff;
	color: #222222;
}

.hidden-bar .appointment-form .form-group button:hover {
	color: #ffffff;
}

.contact-info-box {
	position: relative;
	padding-top: 20px;
}

.contact-info-box .info-list {
	position: relative;
	padding-bottom: 18px;
	margin-bottom: 25px;
}

.contact-info-box .info-list li {
	position: relative;
	color: #ffffff;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 5px;
}

.contact-info-box .info-list:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 50px;
	height: 1px;
	background-color: #ffffff;
}

.contact-info-box .social-list {
	position: relative;
}

.contact-info-box .social-list li {
	position: relative;
	width: 50%;
	float: left;
	margin-bottom: 6px;
	display: inline-block;
}

.contact-info-box .social-list li a {
	position: relative;
	font-size: 15px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.50);
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.contact-info-box .social-list li a:hover {
	color: rgba(255, 255, 255, 0.80);
}

.mCSB_inside>.mCSB_container {
	margin-right: 0;
}

/*===================================
		Header Style Three
===================================*/

header-style-seven {
	position: relative;
	background-color: #333333;
}

header-style-seven .logo-box:before {
	position: absolute;
	top: 0;
	margin-right: -230px;
	right: 100%;
	height: 100%;
	width: 1000%;
	background-color: #ffffff;
	content: "";
	transform: skew(40deg);
}


header-style-seven .inner-container {
	position: relative;
}

header-style-seven .nav-outer {
	float: right;
}

header-style-seven .outer-box {
	position: relative;
	float: right;
	padding: 35px 0;
}

header-style-seven .main-menu .navigation>li>a {
	color: #ffffff;
}


header-style-seven .outer-box {
	margin-left: 80px;
}

header-style-seven .nav-toggler {
	position: relative;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	color: #222222;
	font-weight: 400;
	background-color: #ffffff;
	border-radius: 5px;
	cursor: pointer;
	transition: all 300ms ease;
}

header-style-seven .nav-toggler:hover {
	background-color: #ffa500;
	color: #ffffff;
}

/*** 

====================================================================
				Sticky Header
====================================================================

***/

/************************ Mega Menu ***************************/

.main-menu .navigation>li.has-mega-menu {
	position: static;
}

.main-menu .navigation>li>.mega-menu {
	position: absolute;
	left: 0px;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 1170px;
	background: rgba(47, 46, 50, .90);
	padding: 45px 40px 30px 45px;
	top: 100%;
	z-index: 100;
	opacity: 0;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li:hover>.mega-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.main-menu .navigation>li>.mega-menu .mega-menu-bar {
	position: relative;
}

.main-menu .navigation>li .mega-menu-bar h3 {
	position: relative;
	color: #f1f1f1;
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.main-menu .navigation>li .mega-menu-bar>ul {
	position: relative;

}

.main-menu .navigation>li .mega-menu-bar .column>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li .mega-menu-bar .column {
	position: relative;
	margin-bottom: 10px;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li:last-child {
	border: none;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li>a {
	position: relative;
	display: block;
	padding: 10px 20px;
	line-height: 24px;
	font-weight: 400;
	font-size: 15px;
	color: #ffffff;
	text-align: left;
	text-transform: capitalize;
	border-left: 4px solid transparent;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li>a:hover {
	border-left: 4px solid #ff8a00;
	background: #222222;
}

/*** 

====================================================================
		Banner Section
====================================================================

***/
/* 
.banner-section{
	position: relative;
}

.banner-carousel .slide-item{
	position: relative;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 350px 0 155px;
	overflow: hidden;
}

.banner-section:before{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 540px;
	background-image: url(../images/icons/shap-1.png);
	background-repeat: no-repeat;
	background-position: right top;
	content:"";
	z-index: 9;
}

.banner-carousel .content-box{
	position: relative;
}

.banner-carousel h2{
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 72px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 30px;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-carousel .active h2{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.banner-carousel .content-box .text{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 55px;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
}

.banner-carousel .active  .text{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-carousel .link-box{
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.banner-carousel .active .link-box{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-carousel .link-box a{
	position: relative;
	display: inline-block;
	padding: 13px 45px;
	font-weight: 700;
}

.banner-carousel .owl-nav{
    position: absolute;
    right: 30%;
    bottom: -80px;
    z-index: 99;
}

.banner-carousel .owl-next,
.banner-carousel .owl-prev{
	position: relative;
	display: inline-block;
	padding-left: 25px;
	font-size: 14px;
	color: #bbbbbb;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 30px;
	padding-top: 6px;
	background-color: #222222;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.banner-carousel .owl-next:hover,
.banner-carousel .owl-prev:hover{
	color: #ff8a00;
}

.banner-carousel .owl-next:before,
.banner-carousel .owl-prev:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	width: 60px;
	border: 2px solid #bbbbbb;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.banner-carousel .owl-next:hover:before,
.banner-carousel .owl-prev:hover:before{
	border-color: #ff8a00;
}

.banner-carousel .owl-next:before{
	left: auto;
	right: -25px;
	border: 2px solid #bbbbbb;
	border-left: 0;
}

.banner-carousel .owl-next span{
	margin-left: 5px;
}

.banner-carousel .owl-prev span{
	margin-right: 5px;
}

.banner-section .bottom-box{
	position: relative;
	padding: 35px 0;
	background-color: #222222;
}

.banner-section .bottom-box .contact-info{
	position: relative;
	float: left;
	padding: 10px 0;
}

.banner-section .bottom-box .contact-info li{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	margin-right: 30px;
}

.banner-section .bottom-box .contact-info li a{
	color: #ffffff;
}

.banner-section .bottom-box .contact-info li span{
	color: #ffae00;
	text-transform: uppercase;
}


.banner-section .bottom-box .contact-info li a:hover{
	text-decoration: underline;
}


 */


/*** 

====================================================================
		Banner Section Two
====================================================================

/* sliders */
.slider-container {
	position: relative;
	width: 100%;
	/* Full width instead of max-width */
	overflow: hidden;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.slides {
	display: flex;
	transition: transform 0.8s ease-in-out;
	height: 80vh;
}

.slide {
	min-width: 100%;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.slide-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 60px;
	color: var(--white);
}

.slide-content {
	max-width: 600px;
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.8s ease 0.5s;
}

.active .slide-content {
	opacity: 1;
	transform: translateY(0);
}

.slide h2 {
	font-size: 40px;
	margin-bottom: 15px;
	position: relative;
}



/* .slide h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 80px;
    height: 4px;
    background-color: var(--primary);
} */

.slide p {
	font-size: 18px;
	margin-bottom: 25px;
	line-height: 1.6;
	color: #ffff;
}

.slide-btn {
	display: inline-block;
	padding: 12px 30px;
	background-color: var(--primary);
	color: var(--white);
	text-decoration: none;
	border-radius: 4px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 0.3s ease;
	border: 2px solid var(--primary);
}

.slide-btn:hover {
	background-color: transparent;
	color: var(--white);
}

.slide-btn.light {
	background-color: transparent;
	border: 2px solid var(--white);
	margin-left: 15px;
}

.slide-btn.light:hover {
	background-color: var(--white);
	color: var(--primary);
}

.slider-controls {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	z-index: 10;
}

.dots {
	display: flex;
	gap: 10px;
}

.dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: all 0.3s ease;
}

.dot.active {
	background-color: var(--primary);
	transform: scale(1.2);
}

.slider-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	transform: translateY(-50%);
	z-index: 10;
	padding: 0 20px;
}

.nav-btn {
	background-color: rgba(0, 0, 0, 0.3);
	color: var(--white);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 24px;
	border: none;
}

.nav-btn:hover {
	background-color: var(--primary);
}

.badge {
	display: inline-block;
	padding: 8px 16px;
	background-color: var(--primary);
	color: var(--white);
	border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.wood-texture {
	z-index: 0;
}

.sliderr {
	z-index: 1;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Responsive Styles */
@media screen and (max-width: 1024px) {
	.slides {
		height: 450px;
	}

	.slide-overlay {
		padding: 40px;
	}

	.slide h2 {
		font-size: 34px;
	}

	.slide p {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	.slides {
		height: 400px;
	}

	.slide-overlay {
		padding: 30px;
	}

	.slide h2 {
		font-size: 28px;
	}

	.slide p {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.slide-btn {
		padding: 10px 20px;
		font-size: 14px;
	}

	.nav-btn {
		width: 40px;
		height: 40px;
		font-size: 20px;
	}

	.badge {
		padding: 6px 12px;
		font-size: 12px;
	}
}

@media screen and (max-width: 480px) {
	.slides {
		height: 350px;
	}

	.slide-overlay {
		padding: 20px;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
	}

	.slide h2 {
		font-size: 22px;
	}

	.slide h2::after {
		width: 60px;
		height: 3px;
	}

	.slide p {
		font-size: 13px;
		margin-bottom: 15px;
	}

	.slide-btn {
		padding: 8px 16px;
		font-size: 12px;
		display: block;
		text-align: center;
		margin-bottom: 10px;
	}

	.slide-btn.light {
		margin-left: 0;
	}

	.nav-btn {
		width: 35px;
		height: 35px;
		font-size: 18px;
	}

	.slider-controls {
		bottom: 15px;
	}

	.dot {
		width: 8px;
		height: 8px;
	}

	.badge {
		padding: 4px 10px;
		font-size: 10px;
	}
}










***/ .banner-section-two {
	position: relative;
}


.full-screen .banner-carousel {
	position: relative;
	height: 100%;
}

.full-screen .owl-item,
.full-screen .owl-stage,
.full-screen .owl-wrapper,
.full-screen .owl-stage-outer,
.full-screen .owl-wrapper-outer {
	height: 100% !important;
}

.banner-section-two .slide-item {
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 0;
}


.banner-section-two .slide-item:before {
	position: absolute;
	left: 0;
	bottom: -5px;
	height: 660px;
	width: 100%;
	content: "";
	background-image: url(../images/icons/shape-2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%;
}


.banner-section-two .slide-item .content-box {
	position: relative;
	padding: 390px 0 350px;
	text-align: center;
}


.banner-section-two .slide-item .title {
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 1.2em;
	color: #ffa900;
	font-weight: 700;
	margin-bottom: 30px;
	text-transform: uppercase;
	transition: all 300ms ease;
	opacity: 0;
}

.banner-section-two .active .slide-item .title {
	opacity: 1;
	transition-delay: 300ms;
}


.banner-section-two .slide-item h2 {
	position: relative;
	display: block;
	font-size: 60px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	transform: none;
}

.banner-section-two .content-box .video-link {
	position: relative;
	display: inline-block;
	margin-top: 50px;
	transition: all 300ms ease;
	opacity: 0;
}

.banner-section-two .active .content-box .video-link {
	opacity: 1;
	transition-delay: 1000ms;
}

.banner-section-two .content-box .video-link a {
	position: relative;
	display: inline-block;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 16px;
	color: #ffa500;
	font-weight: 400;
	border: 2px solid #ffffff;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.46);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-two .content-box .video-link a:hover {
	color: #ffffff;
	border-color: #000000;
}



.banner-section-two .owl-nav {
	display: none;
}

.banner-section-two .owl-dots {
	position: absolute;
	right: 80px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.banner-section-two .owl-dot {
	position: relative;
	display: block;
	height: 14px;
	width: 14px;
	background-color: #ffffff;
	border-radius: 50%;
	margin-bottom: 35px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-two .owl-dot.active {
	background-color: #ff9c00;
}

.banner-section-two .social-links {
	position: absolute;
	left: 80px;
	bottom: 100px;
	z-index: 9;
}

.social-icon-three {
	position: relative;
}

.social-icon-three li {
	position: relative;
	display: block;
	margin-bottom: 25px;
}

/*** 

====================================================================
		Banner Section Three
====================================================================

***/

.banner-section-three {
	position: relative;
	z-index: 99;
}

.banner-section-three .banner-carousel-two {
	z-index: 99;
}


.banner-section-three .slide-item {
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 240px 0;
}

.banner-carousel-two .content-box {
	position: relative;
}

.banner-carousel-two .content-box .inner-box {
	position: relative;
	float: right;
	max-width: 500px;
	background-color: rgba(0, 0, 0, 0.80);
	padding: 70px 70px 60px;
	padding-right: 30px;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
}

.banner-carousel-two .content-box .inner-box:before {
	position: absolute;
	top: 0;
	left: 100%;
	height: 100%;
	width: 1000%;
	background-color: rgba(0, 0, 0, 0.80);
	content: "";
}

.banner-carousel-two .active .content-box .inner-box {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	-webkit--moz-transition-delay: 300ms;
	-moz--moz-transition-delay: 300ms;
	-ms--moz-transition-delay: 300ms;
	-o--moz-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
}


.banner-carousel-two .content-box .title {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 22px;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-carousel-two .active .content-box .title {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-carousel-two .content-box h2 {
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 20px;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-carousel-two .active h2 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.banner-carousel-two .content-box .text {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 26px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 20px;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
}

.banner-carousel-two .active .text {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-carousel-two .link-box {
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.banner-carousel-two .active .link-box {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-carousel-two .link-box a {
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffad00;
	font-weight: 400;
	padding: 0;
	transition: all 300ms ease;
}

.banner-carousel-two .link-box a:hover {
	color: #ffffff;
}


.banner-section-three .contact-info {
	position: absolute;
	left: 45px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: left;
	bottom: 75px;
}

.banner-section-three .contact-info li {
	position: relative;
	float: left;
	margin-right: 35px;
	font-size: 14px;
	line-height: 30px;
	color: #222222;
	font-weight: 400;
}

.banner-section-three .contact-info li span {
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #aaaaaa;
	font-weight: 400;
}

.banner-section-three .contact-info li a {
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-three .contact-info li a:hover {
	color: #ff8a00;
}

.banner-carousel-two .owl-nav {
	position: absolute;
	max-width: 1170px;
	padding: 0 20px;
	width: 180%;
	text-align: right;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: -30px;
	height: 0;
}

.banner-carousel-two .owl-next,
.banner-carousel-two .owl-prev {
	position: relative;
	display: inline-block;
	padding-left: 25px;
	font-size: 14px;
	color: #bbbbbb;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 30px;
	padding-top: 6px;
	background-color: transparent;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.banner-carousel-two .owl-next:hover,
.banner-carousel-two .owl-prev:hover {
	color: #ff8a00;
}

.banner-carousel-two .owl-next:before,
.banner-carousel-two .owl-prev:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	width: 60px;
	border: 2px solid #bbbbbb;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.banner-carousel-two .owl-next:hover:before,
.banner-carousel-two .owl-prev:hover:before {
	border-color: #ff8a00;
}

.banner-carousel-two .owl-next:before {
	left: auto;
	right: -25px;
	border: 2px solid #bbbbbb;
	border-left: 0;
}

.banner-carousel-two .owl-next span {
	margin-left: 5px;
}

.banner-carousel-two .owl-prev span {
	margin-right: 5px;
}

.banner-section-three .bottom-box {
	position: relative;
	background-color: #333333;
}

.banner-section-three .bottom-box .outer-box {
	position: relative;
	padding: 35px 0;
}

.banner-section-three .bottom-box .outer-box:before {
	position: absolute;
	top: 0;
	margin-left: -300px;
	left: 100%;
	height: 100%;
	width: 1000%;
	background-color: #ffffff;
	content: "";
	transform: skew(40deg);
}

.banner-section-three .social-links {
	position: relative;
	z-index: 1;
}

.banner-section-three .social-links li {
	position: relative;
	float: left;
	margin-right: 55px;
	font-size: 13px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	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;
}

.banner-section-three .social-links li span {
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #999999;
	font-weight: 500;
	margin-right: 15px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-three .social-links li a {
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-three .social-links li a:hover span,
.banner-section-three .social-links li a:hover {
	color: #ff8a00;
}



/*** 

====================================================================
			Banner Section Four
====================================================================

***/


.banner-section-four {
	position: relative;
	padding-left: 120px;
}

.banner-carousel-three .slide-item {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 250px 0;
	overflow: hidden;
}

.banner-carousel-three .slide-item:before {
	position: absolute;
	left: -15%;
	top: 0;
	height: 100%;
	width: 60%;
	content: "";
	background-color: #000000;
	opacity: 0.7;
	-webkit-filter: blur(5px);
	filter: blur(5px);
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(-15deg);
}

.banner-carousel-three .content-box {
	position: relative;
}

.banner-carousel-three h2 {
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 72px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 30px;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-carousel-three .active h2 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.banner-carousel-three .content-box .text {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 55px;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
}

.banner-carousel-three .active .text {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-carousel-three .link-box {
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.banner-carousel-three .active .link-box {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-carousel-three .link-box a {
	position: relative;
	display: inline-block;
	padding: 13px 45px;
	font-weight: 700;
}

.banner-carousel-three .owl-nav {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 99;
}

.banner-carousel-three .owl-prev,
.banner-carousel-three .owl-next {
	position: relative;
	float: left;
	height: 50px;
	width: 50px;
	line-height: 50px;
	font-size: 24px;
	color: #ffffff;
	font-weight: 400;
	background: rgb(255, 174, 0);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255, 174, 0, 1) 0%, rgba(255, 138, 0, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 174, 0, 1) 0%, rgba(255, 138, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 174, 0, 1) 0%, rgba(255, 138, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffae00', endColorstr='#ff8a00', GradientType=0);
	text-align: center;
	transition: all 300ms linear;
}

.banner-carousel-three .owl-prev:hover,
.banner-carousel-three .owl-next:hover {
	color: #ffffff;
	-webkit-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-moz-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-ms-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	-o-box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
	box-shadow: rgba(34, 34, 34, 1) 0 0px 0px 40px inset;
}

/*** 

====================================================================
		Banner Section Five
====================================================================

***/

.banner-section-five {
	position: relative;
}

.full-screen .banner-carousel {
	position: relative;
	height: 100%;
}

.full-screen .owl-item,
.full-screen .owl-stage,
.full-screen .owl-wrapper,
.full-screen .owl-stage-outer,
.full-screen .owl-wrapper-outer {
	height: 100% !important;
}

.banner-section-five .slide-item {
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 0;
}

.banner-section-five .slide-item:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	content: "";
	background-color: #000000;
	opacity: 0.30;
}

.banner-section-five .slide-item .content-box {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 1200px;
	padding: 45px 15px;
	bottom: 0;
}

.banner-section-five .slide-item .content-box:before {
	position: absolute;
	right: 0;
	bottom: 64px;
	height: 1px;
	width: 100px;
	background-color: #ffffff;
	content: "";
}

.banner-section-five .content-box .title {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #aaaaaa;
	font-weight: 700;
	margin-bottom: 30px;
	text-transform: uppercase;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-five .active .content-box .title {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	transition-delay: 1000ms;
}

.banner-section-five .content-box h2 {
	position: relative;
	display: block;
	font-size: 78px;
	line-height: 1.2em;
	margin-bottom: 0;
}

.banner-section-five .active .content-box h2 {
	animation: slideInRight 1s;
	animation-delay: 500ms;
}

.banner-section-five .content-box .video-link {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -30px;
}

.banner-section-five .content-box .video-link a {
	position: relative;
	display: inline-block;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 16px;
	color: #ffa500;
	font-weight: 400;
	border: 2px solid #ffffff;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.46);
	transform: translateY(-50px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-five .content-box .video-link a:hover {
	color: #ffffff;
	border-color: #000000;
}

.banner-section-five .owl-nav {
	display: none;
}

.banner-section-five .owl-dots {
	position: absolute;
	right: 80px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.banner-section-five .owl-dot {
	position: relative;
	display: block;
	height: 14px;
	width: 14px;
	background-color: #ffffff;
	border-radius: 50%;
	margin-bottom: 35px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-five .owl-dot.active {
	background-color: #ff9c00;
}

.banner-section-five .social-links {
	position: absolute;
	left: 80px;
	bottom: 100px;
	z-index: 9;
}

.social-icon-three {
	position: relative;
}

.social-icon-three li {
	position: relative;
	display: block;
	margin-bottom: 25px;
}

.social-icon-three li a {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-three li a:hover {
	color: #ff8a00;
}


/*** 

====================================================================
		Banner Section Six
====================================================================

***/

.banner-section-six {
	position: relative;
	padding-left: 100px;
	padding-right: 100px;
}

.banner-section-six .slide-item {
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 570px 0 0;
}

.banner-section-six .slide-item:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 90px;
	width: 100%;
	background-color: #ffffff;
	content: "";
}

.banner-section-six .content-box {
	position: relative;
	max-width: 740px;
	background-color: #222222;
	padding: 70px 70px 60px;
}

.banner-section-six .content-box .inner-box {
	position: relative;
	float: none;
	transform: none;
	max-width: none;
	background-color: transparent;
	padding: 0;
	padding-left: 70px;
}

.banner-section-six .content-box .inner-box:before {
	display: none;
}


.banner-section-six .content-box .count {
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 16px;
	line-height: 20px;
	color: #ffad00;
	font-weight: 400;
}

.banner-section-six .content-box .title {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 22px;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-section-six .active .content-box .title {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-section-six .content-box h2 {
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 20px;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-section-six .active h2 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.banner-section-six .content-box .text {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 20px;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
}

.banner-section-six .active .text {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.banner-section-six .link-box {
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
}

.banner-section-six .active .link-box {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.banner-section-six .link-box a {
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffad00;
	font-weight: 400;
	padding: 0;
}

.banner-section-six .contact-info {
	position: absolute;
	left: 50px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: left;
	bottom: 75px;
}

.banner-section-six .contact-info li {
	position: relative;
	float: left;
	margin-right: 35px;
	font-size: 14px;
	line-height: 30px;
	color: #222222;
	font-weight: 400;
}

.banner-section-six .contact-info li span {
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #aaaaaa;
	font-weight: 400;
}

.banner-section-six .contact-info li a {
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-six .contact-info li a:hover {
	color: #ff8a00;
}

.banner-section-six .social-links {
	position: absolute;
	right: 30px;
	z-index: 1;
	bottom: 36%;
	transform-origin: right;
	-webkit-transform: rotate(90deg) translateY(70%);
	-moz-transform: rotate(90deg) translateY(70%);
	-ms-transform: rotate(90deg) translateY(70%);
	-o-transform: rotate(90deg) translateY(70%);
	transform: rotate(90deg) translateY(70%);
}

.banner-section-six .social-links li {
	position: relative;
	float: left;
	margin-right: 55px;
	font-size: 13px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
	text-transform: uppercase;
}

.banner-section-six .social-links li span {
	position: relative;
	float: left;
	transform: rotate(-90deg);
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 500;
	margin-right: 15px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-six .social-links li a {
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-six .social-links li a:hover span,
.banner-section-six .social-links li a:hover {
	color: #ff8a00;
}

.banner-section-six .banner-carousel-two .owl-nav {
	position: absolute;
	right: 25px;
	bottom: 5px;
	width: 180px;
	max-width: 170px;
	padding: 0;
	margin: 0;
	left: auto;
	bottom: 0;
	height: auto;
}

.banner-section-six .owl-next,
.banner-section-six .owl-prev {
	position: relative;
	display: inline-block;
	padding-left: 25px;
	font-size: 14px;
	color: #bbbbbb;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 30px;
	padding-top: 6px;
	background-color: transparent;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.banner-section-six .owl-next:hover,
.banner-section-six .owl-prev:hover {
	color: #ff8a00;
}

.banner-section-six .owl-next:before,
.banner-section-six .owl-prev:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	width: 60px;
	border: 2px solid #bbbbbb;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.banner-section-six .owl-next:hover:before,
.banner-section-six .owl-prev:hover:before {
	border-color: #ff8a00;
}

.banner-section-six .owl-next:before {
	left: auto;
	right: -25px;
	border: 2px solid #bbbbbb;
	border-left: 0;
}

.banner-section-six .owl-next span {
	margin-left: 5px;
}

.banner-section-six .owl-prev span {
	margin-right: 5px;
}



/*** 

====================================================================
			Page Title
====================================================================

***/

.page-title {
	position: relative;
	padding: 380px 0 180px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.page-title:before {
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .70;
	position: absolute;
}

.page-title .inner-container {
	position: relative;
}

.page-title .title-box {
	position: relative;
	float: left;
}

.page-title h1 {
	position: relative;
	display: block;
	font-size: 48px;
	color: #ffffff;
	line-height: 50px;
	font-weight: 500;
	margin-bottom: 35px;
}

.page-title .title {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 40px;
	color: #ffffff;
	font-weight: 400;
}

.page-title .bread-crumb {
	position: relative;
	float: right;
	padding-top: 95px;
}

.page-title .bread-crumb li {
	position: relative;
	float: left;
	font-size: 18px;
	line-height: 30px;
	color: #ff8a00;
	font-weight: 700;
	text-transform: capitalize;
	cursor: default;
	padding-right: 10px;
	margin-right: 10px;
}

.page-title .bread-crumb li:before {
	position: absolute;
	right: -2px;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	content: "-";
}

.page-title .bread-crumb li:last-child:before {
	display: none;
}

.page-title .bread-crumb li a {
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.page-title .bread-crumb li a:hover {
	color: #ff8a00;
}

/*** 

====================================================================
	Section Title
====================================================================

***/

.sec-title {
	position: relative;
	margin-bottom: 75px;
}

.sec-title .float-text {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-size: 72px;
	line-height: 1em;
	color: #2f2f2f;
	font-weight: 700;
	text-transform: uppercase;
	opacity: .10;
	font-family: "Arimo", sans-serif;
}

.sec-title h2 {
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 40px;
	color: #2f2f2f;
	font-weight: 500;
	padding: 16px 0;
}

.sec-title.light .float-text {
	color: #f2f2f2;
	opacity: 0.10;
}

.sec-title.light h2 {
	color: #ffffff;
}

.sec-title.text-center .float-text {
	right: 0;
	margin: 0 auto;
}

/*** 

====================================================================
			About Section
====================================================================

***/

/* Hero Section */
.aboutus-hero {
  min-height: 40vh;
  background: linear-gradient(
      rgba(26, 26, 24, 0.6),
      rgba(26, 26, 24, 0.6)
    ),
    url('images/hero-bg.jpg') center/cover no-repeat;
  color: var(--white);
}
.aboutus-hero-title {
  font-size: 3rem;
  font-weight: 700;
}
.aboutus-hero-title span {
  color: var(--primary);
}
.aboutus-hero-subtitle {
  font-size: 1.2rem;
  color: var(--white);
  opacity: 0.9;
}

/* Content Section */
.aboutus-photo img {
  transition: transform 0.5s ease;
}
.aboutus-photo img:hover {
  transform: scale(1.05);
}

.aboutus-card {
  background: var(--white);
  border-left: 6px solid var(--primary);
}
.aboutus-title {
  color: var(--brown);
  font-weight: 700;
}
.aboutus-text {
  line-height: 1.7;
  color: var(--black);
}
.aboutus-features li {
  margin-bottom: 0.5rem;
  color: var(--black);
}
.aboutus-features i {
  color: var(--primary);
  font-size: 1.2rem;
}
.aboutus-btn {
  background: var(--primary);
  color: var(--black);
  font-weight: 600;
  border: none;
  padding: 0.6rem 1.5rem;
  border-radius: 50px;
  transition: all 0.3s ease;
}
.aboutus-btn:hover {
  background: var(--brown);
  color: var(--white);
}















/*** 

====================================================================
			Services Section
====================================================================

***/

.services-section {
	position: relative;
}

.services-section .upper-box {
	position: relative;
	padding: 85px 0 270px;
}

.services-section .upper-box:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	content: "";
	opacity: .85;
}

.services-section .services-box {
	position: relative;
	margin-top: -270px;
	padding-bottom: 100px;
}

.services-section .services-box .auto-container {
	padding: 0;
}

.services-carousel {
	position: relative;
	padding-bottom: 75px;
}

.service-block {
	position: relative;
	padding: 0 15px 15px;
}

.service-block .inner-box {
	position: relative;
}

.service-block .image-box {
	position: relative;
}

.service-block .image-box .image {
	position: relative;
	background-color: #222222;
	margin-bottom: 0;
	overflow: hidden;
}

.service-block .image-box .image img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .inner-box:hover .image-box .image img {
	opacity: .70;
	-webkit-transform: scale(1.2) rotate(-5deg);
	-moz-transform: scale(1.2) rotate(-5deg);
	-ms-transform: scale(1.2) rotate(-5deg);
	-o-transform: scale(1.2) rotate(-5deg);
	transform: scale(1.2) rotate(-5deg);
}

.service-block .lower-content {
	position: relative;
	padding: 35px 25px;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .inner-box:hover .lower-content {
	-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.10);
	-ms-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.10);
}

.service-block .lower-content h3 {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 18px;
}

.service-block .lower-content h3 a {
	color: #222222;
	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;
}

.service-block .lower-content h3 a:hover {
	color: #ffad00;
}

.service-block .lower-content .text {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 27px;
}

.service-block .lower-content .link-box {
	position: relative;
}

.service-block .lower-content .link-box a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	font-family: "Rubik", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .lower-content .link-box a i {
	margin-left: 5px;
}

.service-block .lower-content .link-box a:hover {
	color: #ffad00;
}

.services-carousel .owl-nav {
	display: none;
}

.services-carousel .owl-dots {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.services-carousel .owl-dot {
	position: relative;
	display: inline-block;
	height: 16px;
	width: 4px;
	margin: 0 5px;
	background-color: #b6b6b6;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	margin-bottom: 7px;
}

.services-carousel .owl-dot:hover,
.services-carousel .owl-dot.active {
	height: 30px;
	margin-bottom: 0;
	background-color: #ff8a00;
}

/*** 

====================================================================
			Service Detail
====================================================================

***/

.service-detail {
	position: relative;
}

.service-detail .inner-box {
	position: relative;
	display: block;
}

.service-detail .image-box {
	position: relative;
	margin-bottom: 35px;
}

.service-detail .image-box .owl-nav {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -20px;
}

.service-detail .image-box .owl-next,
.service-detail .image-box .owl-prev {
	position: absolute;
	left: 40px;
	top: 0;
	height: 40px;
	width: 40px;
	background-color: #333333;
	color: #ffffff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-detail .image-box .owl-next {
	left: auto;
	right: 40px;
}

.service-detail .image-box .owl-next:hover,
.service-detail .image-box .owl-prev:hover {
	background-color: #ff8a00;
}

.service-detail .inner-box .image {
	position: relative;
	margin-bottom: 0;
}

.service-detail .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
}

.service-detail .inner-box h2 {
	position: relative;
	font-size: 30px;
	font-weight: 500;
	color: #222222;
	line-height: 1.2em;
	margin-bottom: 25px;
}

.service-detail .inner-box .text {
	position: relative;
}

.service-detail .inner-box .text .two-column {
	margin-top: 40px;
	margin-bottom: 30px;
}

.service-detail .inner-box .text p {
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	margin-bottom: 30px;
}

.service-detail .inner-box .text strong {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 10px;
	font-family: "Rubik", sans-serif;
}

.service-detail .inner-box .text h3 {
	position: relative;
	font-size: 24px;
	font-weight: 500;
	color: #222222;
	line-height: 1.2em;
	margin-bottom: 30px;
}

.service-detail .inner-box ul {
	position: relative;
}

.service-detail .inner-box ul li {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 26px;
	color: #777777;
	padding-left: 40px;
	margin-bottom: 10px;
}

.service-detail .inner-box ul li:before {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 26px;
	color: #ff8a00;
	font-weight: 300;
	content: "\f05d";
	font-family: "FontAwesome";
}

.service-detail blockquote {
	position: relative;
	background-color: #f5f5f5;
	padding: 40px 40px 25px 50px;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 60px;
	border: 0;
}

.service-detail blockquote cite {
	position: relative;
	display: block;
	text-align: right;
	font-size: 15px;
	line-height: 30px;
	color: #222222;
	font-weight: 400;
	font-family: "Rubik", sans-serif;
	font-style: normal;
	margin-top: 20px;
}

/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.service-detail .prod-tabs {
	position: relative;
}

.tabs-box {
	position: relative;
}

.tabs-box .tab {
	display: none;
}

.tabs-box .tab.active-tab {
	display: block;
}

.service-detail .prod-tabs .tab-btns {
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #dddddd;
}

.service-detail .prod-tabs .tab-btns .tab-btn {
	position: relative;
	top: 1px;
	display: block;
	float: left;
	margin-right: 5px;
	font-size: 16px;
	background: #f3f3f3;
	color: #222222;
	text-transform: capitalize;
	font-weight: 400;
	line-height: 27px;
	cursor: pointer;
	border: 1px solid transparent;
	padding: 10px 25px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	font-family: 'Rubik', sans-serif;
}

.service-detail .prod-tabs .tab-btns .tab-btn:hover:after,
.service-detail .prod-tabs .tab-btns .tab-btn.active-btn:after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: -3px;
	width: 100%;
	height: 5px;
	background-color: #ffffff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.service-detail .prod-tabs .tab-btns .tab-btn:hover,
.service-detail .prod-tabs .tab-btns .tab-btn.active-btn {
	color: #ff8a00;
	border-color: #e2e2e2;
	background: #ffffff;
}

.service-detail .prod-tabs .tabs-content {
	position: relative;
	padding: 22px 22px 22px;
	border: 1px solid #dddddd;
	border-top: 0px;
}

.service-detail .prod-tabs .tabs-content .tab {
	position: relative;
	display: none;
	border-top: 0px;
}

.service-detail .prod-tabs .tabs-content .tab.active-tab {
	display: block;
}

.service-detail .prod-tabs .tabs-content .tab .content {
	position: relative;
}

.service-detail .prod-tabs .tabs-content .tab .content p {
	position: relative;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	margin-bottom: 0px;
}

/*** 

====================================================================
			Specialize Section
====================================================================

***/

.specialize-section {
	position: relative;
	padding: 100px 0;
}

.specialize-section .sec-title {
	margin-bottom: 60px;
}

.services-carousel-two {
	position: relative;
	padding-bottom: 80px;
}

.service-block-two {
	position: relative;
}

.service-block-two .inner-box {
	position: relative;
	display: block;
}

.service-block-two .image-box {
	position: relative;
}

.service-block-two .image-box .image {
	position: relative;
	margin-bottom: 0;
	background-color: #222222;
	overflow: hidden;
}

.service-block-two .image-box .image img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 500ms ease;
}

.service-block-two .image-box:hover .image img {
	opacity: .70;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}


.service-block-two .caption-box {
	position: relative;
	padding: 25px 0px;
}

.service-block-two .caption-box h3 {
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.3em;
	color: #222222;
	font-weight: 400;
	margin-bottom: 5px;
}

.service-block-two .caption-box h3 a {
	color: #222222;
	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;
}

.service-block-two .caption-box h3 a:hover {
	color: #ff8a00;
}

.service-block-two .link-box a {
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 20px;
	color: #ff8a00;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-two .link-box a:hover {
	color: #222222;
}

.services-carousel-two .owl-nav {
	display: none;
}

.services-carousel-two .owl-dots {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.services-carousel-two .owl-dot {
	position: relative;
	display: inline-block;
	height: 16px;
	width: 4px;
	margin: 0 5px;
	background-color: #b6b6b6;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	margin-bottom: 7px;
}

.services-carousel-two .owl-dot:hover,
.services-carousel-two .owl-dot.active {
	height: 30px;
	margin-bottom: 0;
	background-color: #ff8a00;
}

/*** 

====================================================================
			Specialize Section Two
====================================================================

***/

.specialize-section-two {
	position: relative;
	padding: 100px 0;
}

.specialize-section-two .title-column {
	position: relative;
}

.specialize-section-two .title-column .sec-title {
	margin-bottom: 50px;
}

.specialize-section-two .title-column .text-box {
	position: relative;
}

.specialize-section-two .title-column .text-box h4 {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffac00;
	font-weight: 500;
	margin-bottom: 30px;
}

.specialize-section-two .title-column .text-box p {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 30px;
}

.specialize-section-two .title-column .link-box {
	position: relative;
}

.specialize-section-two .title-column .link-box a {
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
	font-family: "Rubik", sans-serif;
}

.specialize-section-two .carousel-column {
	position: relative;
}

.specialize-section-two .carousel-column .inner-column {
	position: relative;
	padding-left: 40px;
}

.specialize-section-two .carousel-column .carousel-outer {
	position: relative;
	padding-left: 160px;
}

.specialize-section-two .thumbs-carousel {
	position: absolute;
	left: 75px;
	top: -64px;
	transform: rotate(90deg);
	transform-origin: left;
	max-width: 590px;
	margin: 0 auto;
}

.specialize-section-two .thumbs-carousel .thumb-box {
	position: relative;
	cursor: pointer;
}

.specialize-section-two .thumbs-carousel .thumb-box figure {
	position: relative;
	margin-bottom: 0;
}

.specialize-section-two .thumbs-carousel .thumb-box .overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.specialize-section-two .thumbs-carousel .thumb-box .overlay:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #ff9f14;
	opacity: .70;
	content: "";
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.specialize-section-two .thumbs-carousel .thumb-box:hover .overlay:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.specialize-section-two .thumbs-carousel .thumb-box .overlay .icon {
	position: absolute;
	height: 40px;
	width: 40px;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	text-align: center;
	line-height: 40px;
	font-size: 30px;
	color: #222222;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.specialize-section-two .thumbs-carousel .thumb-box:hover .overlay .icon {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	transition-delay: 300ms;
}

.specialize-section-two .carousel-outer .thumbs-carousel img {
	transform: rotate(-90deg);
	width: 130px;
	height: auto;
}

.carousel-outer .thumbs-carousel .owl-nav {
	position: absolute;
	left: 96%;
	bottom: -442%;
	transform: rotate(-90deg);
	transform-origin: left;
	min-width: 300px;
}

.carousel-outer .thumbs-carousel .owl-next,
.carousel-outer .thumbs-carousel .owl-prev {
	position: relative;
	display: inline-block;
	padding-left: 25px;
	font-size: 14px;
	color: #bbbbbb;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 30px;
	padding-top: 6px;
	background-color: #ffffff;
	z-index: 9;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.carousel-outer .thumbs-carousel .owl-next:hover,
.carousel-outer .thumbs-carousel .owl-prev:hover {
	color: #ff8a00;
}

.carousel-outer .thumbs-carousel .owl-next:before,
.carousel-outer .thumbs-carousel .owl-prev:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 40px;
	width: 60px;
	border: 2px solid #bbbbbb;
	border-right: 0;
	content: "";
	z-index: -1;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.carousel-outer .thumbs-carousel .owl-next:hover:before,
.carousel-outer .thumbs-carousel .owl-prev:hover:before {
	border-color: #ff8a00;
}

.carousel-outer .thumbs-carousel .owl-next:before {
	left: auto;
	right: -25px;
	border: 2px solid #bbbbbb;
	border-left: 0;
}

.carousel-outer .thumbs-carousel .owl-next span {
	margin-left: 5px;
}

.carousel-outer .thumbs-carousel .owl-prev span {
	margin-right: 5px;
}

.specialize-section-two.alternate .title-column {
	order: 12;
}

.specialize-section-two.alternate .carousel-outer .thumbs-carousel .owl-nav {
	position: absolute;
	left: 96%;
	bottom: auto;
	top: -442%;
	transform: rotate(-90deg);
}

.specialize-section-two.alternate .carousel-column .inner-column {
	padding-left: 0;
	padding-right: 40px;
}

/*** 

====================================================================
			Process Section
====================================================================

***/

.process-section {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0 20px;
}

.process-section:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #8cc73f8e;
	opacity: 0.85;
	content: "";
}

.process-section .sec-title {
	margin-bottom: 90px;
}

.process-block {
	position: relative;
	margin-bottom: 80px;
}

.process-block .inner-box {
	position: relative;
	padding: 75px 30px 30px;
	background-color: #222222;
	border: 1px dashed #bbbbbb;
	border-radius: 0 0 0 20px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.process-block .inner-box:hover {
	border-color: #8DC73F;
}

.process-block .inner-box .count {
	position: absolute;
	right: 40px;
	top: -40px;
	height: 80px;
	width: 80px;
	background-color: #777777;
	border-radius: 0 10px 0 0;
	font-size: 30px;
	line-height: 80px;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.process-block .inner-box:hover .count {
	background-color: #8DC73F;
}

.process-block h4 {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 25px;
	color: #ffff;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.process-block h4 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;
}

.process-block h4 a:hover {
	color: #8DC73F;
}

.process-block .text {
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #bbbbbb;
	font-weight: 400;
	margin-bottom: 15px;
}

.process-block .link-box {
	position: relative;
}

.process-block .link-box a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	color: #8DC73F;
	font-weight: 700;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.process-block .link-box a:hover {
	color: #ffffff;
}

/***

====================================================================
			Fun Fact Section
====================================================================

***/

.fun-fact-section {
	position: relative;
}

.fun-fact-section .outer-box {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	max-width: 1400px;
	margin: 0 auto;
	padding: 100px 0 60px;
}

.fact-counter {
	position: relative;
}

.fact-counter .counter-column {
	position: relative;
	margin-bottom: 40px;
}

.fact-counter .count-box {
	position: relative;
	font-size: 60px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 700;
	padding: 20px 0;
	padding-left: 20px;
}

.fact-counter .count-box:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100px;
	width: 50px;
	border: 2px solid #8DC73F;
	content: "";
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}

.fact-counter .count-box:hover:before {
	-webkit-box-shadow: #ff8a00 0 0px 0px 40px inset;
	-moz-box-shadow: #ff8a00 0 0px 0px 40px inset;
	-ms-box-shadow: #ff8a00 0 0px 0px 40px inset;
	-o-box-shadow: #ff8a00 0 0px 0px 40px inset;
	box-shadow: #ff8a00 0 0px 0px 40px inset;
}

.fact-counter .count-box .count {
	position: relative;
	float: left;
	margin-right: 15px;
}

.fact-counter .count-box .count-text {
	position: relative;
	display: inline-block;
	font-size: 60px;
	line-height: 1em;
	color: #ffffff;
	font-weight: 700;
}

.fact-counter .count-box .counter-title {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 400;
	color: #dddddd;
	padding: 9px 0;
	font-family: "Rubik", sans-serif;
}

/***

====================================================================
			Fun Fact And Features
====================================================================

***/


































/* newwww about */
.about-metal-plywood {
	padding: 60px 20px;
	background: #fff;
	font-family: 'Segoe UI', sans-serif;
}

.about-container {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	align-items: center;
}

.about-image {
	flex: 1 1 45%;
	position: relative;
}

.img-border {
	border: 4px solid var(--ganpati-light-green);
	display: inline-block;
	padding: 10px;
}

.about-image img {
	width: 100%;
	height: auto;
	display: block;
}

.about-content {
	flex: 1 1 50%;
}

.about-content h2 {
	font-size: 32px;
	font-weight: 700;
	color: var(--ganpati-medium-green);
	line-height: 1.4;
	margin-bottom: 16px;
}

.about-content p {
	font-size: 16px;
	color: #444;
	margin-bottom: 24px;
	line-height: 1.6;
}

.features-row {
	display: flex;
	gap: 30px;
	margin-bottom: 24px;
}

.feature-box {
	display: flex;
	align-items: center;
	gap: 10px;
}

.feature-box .icon {
	background: #fff7e0;
	padding: 10px;
	border-radius: 8px;
	color: var(--ganpati-light-green);
	font-size: 22px;
}

.feature-box h4 {
	font-size: 16px;
	font-weight: 700;
	color: #222;
}

.feature-list {
	list-style: none;
	padding: 0;
	margin-bottom: 30px;
}

.feature-list li {
	margin-bottom: 10px;
	font-size: 15px;
	color: #444;
}

.feature-list i {
	color: var(--ganpati-light-green);
	margin-right: 8px;
}

.highlight-box {
	border: 3px solid var(--ganpati-light-green);
	padding: 18px;
	font-size: 18px;
	font-weight: 700;
	color: #222;
	text-align: center;
	line-height: 1.5;
}

/* ✅ Responsive */
@media (max-width: 992px) {
	.about-container {
		flex-direction: column;
	}

	.features-row {
		flex-direction: column;
		gap: 16px;
	}

	.about-content h2 {
		font-size: 26px;
	}

	.highlight-box {
		font-size: 16px;
	}
}

/* newwww about */







/* about us start */


/* about us section for home page */
/* Section Layout */
.about-section {
	display: flex;
	min-height: 100vh;
	overflow: hidden;
	font-family: 'Segoe UI', sans-serif;
}

/* Left Side with Fixed Background Image */
.about-left {
	flex: 1;
	background: url('../images/banner/banner-left-img.jpg') no-repeat center center/cover;
	background-attachment: fixed;
	position: relative;
	top: 0;
}

.right-enhanced-content {
	padding: 60px 40px;
	background-color: #f9f9f9;
}

.experience-block h1 {
	font-size: 60px;
	color: var(--primary);
	margin: 0;
	font-weight: bold;
}

.experience-block p {
	color: var(--primary);
	font-size: 16px;
	margin-bottom: 30px;
}

.main-heading h2 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 20px;
	color: var(--black);
}

.main-heading p {
	font-size: 16px;
	color: #555;
	margin-bottom: 30px;
	max-width: 600px;
}

.btn-explore {
	display: inline-block;
	background-color: var(--primary);
	color: #fff;
	padding: 12px 24px;
	border-radius: 5px;
	text-decoration: none;
	transition: background 0.3s ease;
	font-weight: 600;
}

.btn-explore:hover {
	background-color: #8cc73f84;
}

.feature-list {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin-top: 40px;
}

.feature-item {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	border-left: 2px solid var(--primary);
	padding-left: 20px;
}

.feature-item i {
	font-size: 30px;
	color: var(--primary);
	margin-top: 4px;
}

.feature-item h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 5px;
	color: #1b4332;
}

.feature-item p {
	font-size: 15px;
	color: #555;
}

/* Responsive */
@media (max-width: 768px) {
	.right-enhanced-content {
		padding: 40px 20px;
	}

	.main-heading h2 {
		font-size: 24px;
	}

	.feature-item {
		flex-direction: row;
	}

	.feature-item i {
		font-size: 26px;
	}
}


/* about us section for home page */



















.fun-fact-and-features {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 0 0;
}

.fun-fact-and-features.alternate {
	padding-bottom: 100px;
}

.fun-fact-and-features.alternate:before {
	height: 270px;
}

.fun-fact-and-features:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 170px;
	width: 100%;
	background-color: #ffffff;
	content: "";
}

.fun-fact-and-features .outer-box {
	position: relative;
}

.fun-fact-and-features .fact-counter {
	position: relative;
	margin-bottom: 60px;
}

.fun-fact-and-features .features {
	position: relative;
}

.feature-block {
	position: relative;

}

.feature-block .inner-box {
	position: relative;
	background-color: #ffffff;
	padding: 35px 35px 30px;
	-webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0 0 32px rgba(0, 0, 0, 0.20);
	-ms-box-shadow: 0 0 32px rgba(0, 0, 0, 0.20);
	-o-box-shadow: 0 0 32px rgba(0, 0, 0, 0.20);
	box-shadow: 0 0 32px rgba(0, 0, 0, 0.20);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block .inner-box:hover {
	background-color: #ff8a00;
}

.feature-block .icon-box {
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.feature-block .icon-box .icon {
	position: relative;
	display: inline-block;
	font-size: 52px;
	line-height: 52px;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block .inner-box:hover .icon-box .icon {
	color: #ffffff;
}

.feature-block h3 {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
	padding-bottom: 12px;
	margin-bottom: 30px;
}

.feature-block h3 a {
	position: relative;
	display: inline-block;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block .inner-box:hover h3 a {
	color: #ffffff;
}


.feature-block h3:before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 40px;
	background-color: #222222;
	content: "";
}

.feature-block .text {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 28px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block .inner-box:hover .text {
	color: #ffffff;
}

.feature-block .link-box {
	position: relative;
}

.feature-block .link-box a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #ff8a00;
	font-weight: 700;
	font-family: "Arimo", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-block .inner-box:hover .link-box a {
	color: #222222;
}



/* gallery */
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ gallery page start @@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/* Gallery section styles with namespace prefixes to avoid conflicts */


.gp-gallery-section {
    font-family: 'Roboto', sans-serif;
    padding: 80px 0;
    background-color: #f7f5f2;
    position: relative;
    overflow: hidden;
}

.gp-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.gp-section-header {
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
}

.gp-section-title {
    color: var(--green);
    /* Brand brown from logo */
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

.gp-section-title span {
    color: #000000;
    /* Black from logo */
}

.gp-section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--green);
}

.gp-section-subtitle {
    color: #555;
    font-size: 18px;
    max-width: 700px;
    margin: 20px auto 0;
}

/* Filter controls */
.gp-gallery-filters {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 40px;
}

.gp-filter-btn {
    background: transparent;
    border: 2px solid var(--green);
    color: var(--green);
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 5;
    outline: none;
}

.gp-filter-btn.active,
.gp-filter-btn:hover {
    background-color: var(--green);
    color: white;
}

/* Gallery grid */
.gp-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 40px;
}

.gp-gallery-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    height: 300px;
    opacity: 1;
    transform: scale(1);
    transition: all 0.4s ease;
}

.gp-gallery-item.hidden {
    display: none;
}

.gp-gallery-item:hover .gp-gallery-overlay {
    opacity: 1;
}

.gp-gallery-item:hover .gp-gallery-img {
    transform: scale(1.1);
}

.gp-gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.gp-gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(86, 152, 64, 0.85);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.gp-gallery-title {
    color: white;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    padding: 0 15px;
}

.gp-gallery-category {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    margin-bottom: 20px;
}

.gp-view-project {
    color: white;
    border: 2px solid white;
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    z-index: 5;
    cursor: pointer;
    display: inline-block;
}

.gp-view-project:hover {
    background: white;
    color: var(--green);
}

/* Load more button */
.gp-load-more {
    display: block;
    margin: 0 auto;
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 5;
    outline: none;
}

.gp-load-more:hover {
    background-color: var(--dark-green);
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(155, 111, 62, 0.3);
}

/* Decorative elements */
.gp-wood-texture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"><rect width="200" height="200" fill="%23f7f5f2"/><path d="M0,20 C40,15 80,25 120,20 C160,15 200,30 200,20 L200,21 C160,31 120,16 80,26 C40,16 0,21 0,21 Z" fill="%23e8e3dc" opacity="0.5"/><path d="M0,50 C40,45 80,55 120,50 C160,45 200,60 200,50 L200,51 C160,61 120,46 80,56 C40,46 0,51 0,51 Z" fill="%23e8e3dc" opacity="0.5"/><path d="M0,80 C40,75 80,85 120,80 C160,75 200,90 200,80 L200,81 C160,91 120,76 80,86 C40,76 0,81 0,81 Z" fill="%23e8e3dc" opacity="0.5"/><path d="M0,110 C40,105 80,115 120,110 C160,105 200,120 200,110 L200,111 C160,121 120,106 80,116 C40,106 0,111 0,111 Z" fill="%23e8e3dc" opacity="0.5"/><path d="M0,140 C40,135 80,145 120,140 C160,135 200,150 200,140 L200,141 C160,151 120,136 80,146 C40,136 0,141 0,141 Z" fill="%23e8e3dc" opacity="0.5"/><path d="M0,170 C40,165 80,175 120,170 C160,165 200,180 200,170 L200,171 C160,181 120,166 80,176 C40,166 0,171 0,171 Z" fill="%23e8e3dc" opacity="0.5"/></svg>');
    opacity: 0.4;
    z-index: 0;
}

/* Light decorative circle */
.gp-circle-bg {
    position: absolute;
    border-radius: 50%;
    background: rgba(155, 111, 62, 0.05);
    z-index: 0;
}

.gp-circle-1 {
    top: -100px;
    right: -100px;
    width: 300px;
    height: 300px;
}

.gp-circle-2 {
    bottom: -50px;
    left: -50px;
    width: 200px;
    height: 200px;
}

/* Fullscreen Image Preview Styles */
.gp-fullscreen-preview {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.gp-fullscreen-preview.active {
    opacity: 1;
    visibility: visible;
}

.gp-preview-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    margin: auto;
    text-align: center;
}

.gp-preview-image {
    max-width: 100%;
    max-height: 90vh;
    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    transform: scale(0.9);
    opacity: 0;
    transition: all 0.4s ease;
}

.gp-fullscreen-preview.active .gp-preview-image {
    transform: scale(1);
    opacity: 1;
}

.gp-preview-close {
    position: absolute;
    top: -40px;
    right: 0;
    width: 30px;
    height: 30px;
    background-color: #9b6f3e;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    transform: scale(1);
}

.gp-preview-close:hover {
    transform: scale(1.1);
    background-color: #8a6135;
}

.gp-preview-close::before,
.gp-preview-close::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: white;
}

.gp-preview-close::before {
    transform: rotate(45deg);
}

.gp-preview-close::after {
    transform: rotate(-45deg);
}

.gp-preview-title {
    color: white;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 500;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease 0.2s;
}

.gp-fullscreen-preview.active .gp-preview-title {
    opacity: 1;
    transform: translateY(0);
}

/* Responsive Styles */
@media screen and (max-width: 1024px) {
    .gp-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .gp-section-title {
        font-size: 32px;
    }

    .gp-gallery-filters {
        gap: 10px;
    }
}

@media screen and (max-width: 768px) {
    .gp-gallery-section {
        padding: 60px 0;
    }

    .gp-section-title {
        font-size: 28px;
    }

    .gp-section-subtitle {
        font-size: 16px;
    }

    .gp-gallery-grid {
        gap: 20px;
    }

    .gp-gallery-item {
        height: 250px;
    }

    .gp-gallery-title {
        font-size: 18px;
    }

    .gp-preview-close {
        top: -35px;
        right: 0;
    }
}

@media screen and (max-width: 480px) {
    .gp-gallery-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .gp-section-title {
        font-size: 24px;
    }

    .gp-gallery-filters {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .gp-filter-btn {
        width: 80%;
        padding: 10px;
        text-align: center;
    }

    .gp-gallery-item {
        height: 280px;
    }

    .gp-preview-title {
        font-size: 16px;
    }
}
/* gallery */












.process-section-new {

}

.section-subtitle {
    color: var(--primary-color);
    /* change as needed */
    font-weight: 600;
    text-transform: uppercase;
}

.scroll-wrapper {
    overflow: hidden;
    position: relative;
}

.scroll-cards {
    display: flex;
    gap: 20px;
    animation: scroll-left 30s linear infinite;
    padding: 10px;
	
}

.scroll-card {
    flex: 0 0 280px;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
	border: 2px solid #8DC73F;
}

.scroll-card:hover {
    transform: translateY(-5px);
}

@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}











/*Sidebar Range slider */

.range-slider-one {
	position: relative;
	min-height: 48px;
	padding-top: 10px;
	overflow: hidden;
	margin-top: -20px;
}

.range-slider-one .title {
	position: relative;
	float: left;
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	margin-top: 8px;
}

.range-slider-one .title:before {
	position: absolute;
	content: '$';
	right: -14px;
	top: 0px;
	color: #848484;
	font-size: 16px;
	font-weight: 300;
}

.range-slider-one .input {
	float: right;
	left: 8px;
	max-width: 75px;
	padding-left: 8px;
	margin-top: 8px;
	position: relative;
}

.range-slider-one .input input {
	background: none;
	color: #777777;
	font-size: 16px;
	font-weight: 300;
	width: auto;
	text-align: left;
}

.range-slider-one .ui-widget.ui-widget-content {
	height: 3px;
	border: none;
	margin-bottom: 35px;
	background: #eeeeee;
}

.range-slider-one .ui-slider .ui-slider-range {
	top: 0px;
	height: 3px;
	background: #333333;
}

.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default {
	top: -3px;
	width: 10px;
	height: 10px;
	background: #ff8a00;
	cursor: pointer;
	border-radius: 0px;
	border-color: #ff8a00;
}

.range-slider-one .theme-btn {
	padding: 8px 35px;
	border-radius: 0px;
}

.range-slider-one .theme-btn:before {
	display: none;
}

/*Sidebar Realated Posts */

.sidebar .related-posts .post {
	position: relative;
	padding: 0px 0px;
	padding-left: 90px;
	margin-bottom: 20px;
}

.sidebar .related-posts .post:last-child {
	margin-bottom: 0px;
	border: 0px;
	min-height: inherit;
}

.sidebar .related-posts .post .post-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 70px;
}

.sidebar .related-posts .post .post-thumb img {
	display: block;
	width: 100%;
}

.sidebar .related-posts .post h4 {
	top: -2px;
	font-size: 18px;
	font-weight: 500;
	color: #333333;
	line-height: 1.2em;
	text-transform: capitalize;
}

.sidebar .related-posts .post h4 a {
	color: #333333;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.sidebar .related-posts .post a,
.sidebar .related-posts .post a:hover {
	color: #ff8a00;
}

.sidebar .related-posts .post .price {
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 400;
	color: #777777;
}

.sidebar .related-posts .post .rating {
	margin-bottom: 1px;
	line-height: 1em;
}

.sidebar .related-posts .post .rating .fa {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	color: #ff8a00;
}

.our-shop .styled-pagination {
	margin-top: 40px;
}

/*Shop Item*/

.shop-item {
	position: relative;
	margin-bottom: 60px;
}

.shop-item .inner-box {
	position: relative;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.shop-item .inner-box:hover .image .overlay-box {
	opacity: 1;
}

.shop-item .inner-box .image {
	position: relative;
	z-index: 11;
	text-align: center;
	background-color: #f8f8f8;
}

.shop-item .inner-box .image .overlay-box {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	text-align: center;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.shop-item .inner-box .image .overlay-box .cart-option {
	position: relative;
	top: 50%;
	margin-top: -25px;
}

.shop-item .inner-box .image .overlay-box .cart-option li {
	position: relative;
	margin: 0px 3px;
	color: #ff8a00;
	display: inline-block;
}

.shop-item .inner-box .image .overlay-box .cart-option li a {
	position: relative;
	width: 64px;
	height: 64px;
	color: #ffffff;
	font-size: 18px;
	display: block;
	line-height: 64px;
	text-align: center;
	border-radius: 50%;
	background-color: #ff8a00;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

/*.shop-item .inner-box .image .overlay-box .cart-option li a .fa{
	display:block;
	font-size:20px;
	margin-bottom:8px;
}*/

.shop-item .inner-box .image .overlay-box .cart-option li a:hover {
	color: #ffffff;
}

.shop-item .inner-box .image img {
	width: 100%;
	display: inline-block;
}

.shop-item .inner-box .lower-content {
	position: relative;
	z-index: 11;
	padding: 20px 0px 0px;
}

.shop-item .inner-box .lower-content h3 {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 9px;
	text-transform: capitalize;
}

.shop-item .inner-box .lower-content h3 a {
	color: #222222;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.shop-item .inner-box .lower-content h3 a:hover {
	color: #ff8a00;
}

.shop-item .inner-box .lower-content .add-cart {
	position: relative;
	color: #666666;
	font-weight: 700;
	font-size: 18px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	font-family: 'Arimo', sans-serif;
}

.shop-item .inner-box .lower-content .add-cart .fa {
	margin-right: 5px;
}

.shop-item .inner-box .lower-content .add-cart:hover {
	color: #ff8a00;
}

.shop-item .inner-box .lower-content .price {
	position: relative;
	color: #ff8a00;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}

.shop-item .inner-box .lower-content .price .discount {
	position: relative;
	color: #777777;
	margin-right: 8px;
	text-decoration: line-through;
}

.shop-item .inner-box .lower-content .rating .fa {
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #ff8a00;
}




.product-details .basic-details {
	position: relative;
	margin-bottom: 50px;
}

.product-details .image-column,
.product-details .info-column {
	margin-bottom: 20px;
}

.product-details .image-column .image-box img {
	position: relative;
	display: block;
	width: 100%;
	background-color: #f7f7f7;
}

.product-details .basic-details .details-header {
	position: relative;
	margin-bottom: 16px;
}

.product-details .basic-details .details-header h4 {
	font-size: 24px;
	font-weight: 700;
	margin: 5px 0px 20px;
	line-height: 1.4em;
	color: #222222;
}

.product-details .basic-details .details-header h4 a {
	color: #333333;
}

.product-details .basic-details .details-header .rating {
	font-size: 18px;
	color: #ff8a00;
	margin-bottom: 15px;
	display: inline-block;
}

.product-details .basic-details .details-header .reviews {
	position: relative;
	display: inline-block;
	color: #777777;
	font-weight: 400;
	margin-left: 15px;
}

.product-details .basic-details .details-header .rating .fa {
	display: inline-block;
}

.product-details .basic-details .details-header .rating .txt {
	font-size: 14px;
	padding-left: 10px;
	color: #777777;
}

.product-details .basic-details .details-header .item-price {
	font-size: 22px;
	font-weight: 700;
	color: #ff8a00;
	line-height: 24px;
}

.product-details .basic-details .prod-info {
	margin-bottom: 15px;
	line-height: 1.6em;
	font-size: 13px;
}

.product-details .basic-details .prod-info strong {
	font-weight: 700;
	color: #111111;
}

.product-details .basic-details .text {
	margin-bottom: 25px;
	color: #777777;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8em;
}

.product-details .basic-details .item-quantity .field-label {
	float: left;
	font-weight: 700;
	font-size: 14px;
	line-height: 32px;
	display: inline-block;
	padding-right: 20px;
}

.product-details .basic-details .quantity-spinner,
.cart-section input.quantity-spinner {
	line-height: 24px;
	padding: 10px 15px !important;
	height: 46px !important;
	box-shadow: none !important;
}

.cart-section .bootstrap-touchspin .input-group-btn-vertical {
	position: absolute;
	right: 20px;
	top: 0;
	z-index: 99;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical>.btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical>.btn {
	padding: 11px 10px;
	background: #f4f5f6;
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i {
	top: 6px;
}

.product-details .basic-details .item-quantity {
	position: relative;
	float: left;
	width: 85px;
	margin-bottom: 25px;
	margin-right: 25px;
}

.product-details .basic-details .item-quantity .field-label {
	float: left;
	font-weight: 700;
	font-size: 14px;
	line-height: 32px;
	display: inline-block;
	padding-right: 20px;
}

.product-details .basic-details .quantity-spinner,
.cart-table input.quantity-spinner {
	font-size: 18px;
	line-height: 24px;
	padding: 10px 15px !important;
	height: 50px !important;
	box-shadow: none !important;
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical>.btn,
.cart-table .bootstrap-touchspin .input-group-btn-vertical>.btn {
	padding: 12px 10px;
	background: #f4f5f6;
	border-radius: 0px;
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-table .bootstrap-touchspin .input-group-btn-vertical i {
	top: 8px;
}

.product-details .basic-details .add-to-cart {
	padding: 11px 30px;
	font-weight: 600;
	font-size: 16px;
	border-radius: 50px;
	text-transform: uppercase;
	margin-left: 20px;
}

/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.shop-single .product-details .prod-tabs {
	position: relative;
}

.shop-single .product-details .prod-tabs .tab-btns {
	position: relative;
	z-index: 1;
	margin-bottom: 50px;
}

.shop-single .product-details .prod-tabs .tab-btns .tab-btn {
	position: relative;
	top: 1px;
	display: block;
	float: left;
	margin-right: 10px;
	font-size: 16px;
	background: #eeeeee;
	color: #000000;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 24px;
	cursor: pointer;
	border-radius: 50px;
	padding: 18px 43px 18px;
	transition: all 500ms ease;
	font-family: 'Montserrat', sans-serif;
}

.shop-single .product-details .prod-tabs .tab-btns .tab-btn:hover,
.shop-single .product-details .prod-tabs .tab-btns .tab-btn.active-btn {
	color: #000000;
	background: #ff8a00;
}

.shop-single .product-details .prod-tabs .tabs-content {
	position: relative;
}

.shop-single .product-details .prod-tabs .tabs-content .tab {
	position: relative;
	display: none;
	border-top: 0px;
}

.shop-single .product-details .prod-tabs .tabs-content .tab.active-tab {
	display: block;
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content {
	position: relative;
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content p {
	position: relative;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: 25px;
	color: #797979;
}

.shop-single .product-details .prod-tabs .tabs-content .tab .content p:last-child {
	margin-bottom: 0px;
}

.prod-tabs .tabs-content .tab .title {
	position: relative;
	color: #222222;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 30px;
	font-family: 'Montserrat', sans-serif;
}

/*Comment Form*/

.shop-comment-form {
	position: relative;
	margin-top: 50px;
}

.shop-comment-form h2 {
	position: relative;
	color: #333333;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 10px;
}

.shop-comment-form .mail-text {
	position: relative;
	color: #777777;
	font-size: 16px;
	margin-bottom: 15px;
}

.shop-comment-form .group-title {
	margin-bottom: 20px;
}

.shop-comment-form .rating-box {
	position: relative;
	margin-bottom: 20px;
}

.shop-comment-form .rating-box .text {
	position: relative;
	font-size: 16px;
	color: #333333;
	margin-bottom: 15px;
}

.shop-comment-form .rating-box .rating {
	position: relative;
	margin-right: 10px;
	display: inline-block;
}

.shop-comment-form .rating-box .rating .fa {
	position: relative;
	margin-right: 5px;
	display: inline-block;
}

.shop-comment-form .rating-box .rating a {
	position: relative;
	color: #cccccc;
	font-size: 14px;
	display: inline-block;
}

.shop-comment-form .rating-box .rating a:hover {
	color: #ff8a00;
}

.shop-comment-form .form-group {
	position: relative;
	margin-bottom: 20px;
}

.shop-comment-form .form-group label {
	position: relative;
	color: #333333;
	font-size: 16px;
	font-weight: 400;
}

.shop-comment-form .form-group:last-child {
	margin-bottom: 0px;
}

.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 15px;
	border: 1px solid #dddddd;
	height: 50px;
	color: #848484;
	font-weight: 300;
	background: #ffffff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus {
	border-color: #ff8a00;
}

.shop-comment-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 26px;
	padding: 10px 15px;
	color: #848484;
	border: 1px solid #dddddd;
	height: 120px;
	font-weight: 300;
	background: #ffffff;
	resize: none;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shop-comment-form button {
	position: relative;
	font-weight: 600;
	font-size: 16px;
	padding: 10px 32px;
	margin-top: 10px;
	text-transform: uppercase;
}

.shop-comment-form input:focus,
.shop-comment-form select:focus,
.shop-comment-form textarea:focus {
	border-color: #f06529;
}

/*** 

====================================================================
	Cart Section style
====================================================================

***/

.cart-section {
	position: relative;
	padding: 100px 0px 60px;
}

.cart-outer {
	position: relative;
}

.checkout-page .cart-outer {
	margin-bottom: 40px;
}

.cart-outer .table-outer {
	position: relative;
	width: 100%;
	overflow-x: auto;
}

.cart-outer .cart-table {
	width: 100%;
	min-width: 900px;
}

.cart-table .cart-header {
	position: relative;
	width: 100%;
	text-transform: uppercase;
	font-size: 13px;
	background: #222222;
	color: #ffffff;
	border: 1px solid #ebebeb;
}

.cart-table thead tr th {
	line-height: 24px;
	padding: 15px 25px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	border-right: 1px solid #ffffff;
	font-family: 'Arimo', sans-serif;
}

.cart-table thead tr th .fa {
	font-size: 18px;
}

.cart-table tbody tr td {
	line-height: 24px;
	padding: 30px 25px 30px;
}

.cart-table tbody tr .qty {
	width: 200px;
}

.cart-table tbody tr .qty .item-quantity {
	max-width: 100px;
	margin: 0 auto;
}


.cart-table tbody tr .qty .quantity-spinner {
	background: #ffffff;
}

.cart-table tbody tr .prod-column .column-box {
	position: relative;
	min-height: 110px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb {
	position: relative;
	width: 140px;
	margin: 0 auto;
	text-align: center;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
	display: inline-block;
	max-width: 100%;
}

.cart-table tbody tr .prod-column .column-box h4 {
	font-size: 14px;
	color: #444444;
	font-weight: 400;
	line-height: 90px;
}

.cart-table tbody tr .prod-column .author {
	font-size: 13px;
	color: #333333;
	margin-bottom: 0px;
}

.cart-table tbody tr .sub-total {
	font-weight: 400;
	color: #222222;
	font-size: 16px;
}

.cart-table tbody tr .sub-total.price {}

.cart-table tbody tr .remove-btn {
	position: relative;
	font-size: 14px;
	color: #ff8a00;
	line-height: 30px;
	font-weight: 500;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa {
	position: relative;
	font-size: 18px;
	line-height: 30px;
}

.cart-table tbody tr .remove-btn:hover {
	color: #444444;
}

.cart-table tbody tr {
	border-bottom: 1px solid #cccccc;
}

.cart-table tbody tr td {
	vertical-align: middle;
	color: #797979;
	font-size: 17px;
	text-align: center;
	border-left: 1px solid #cccccc;
}

.cart-table tbody tr td.prod-column {
	padding-left: 48px;
}

.cart-table tbody tr td.total {
	font-size: 18px;
	color: #333333;
}

.cart-table tbody tr td:last-child {
	border-right: 1px solid #ebebeb;
	text-align: center;
}

.cart-table tbody tr td .prod-title {
	position: relative;
	font-size: 16px;
	color: #222222;
	font-weight: 400;
	font-family: 'Arimo', sans-serif;
}

.cart-table tbody tr td .quantity-spinner {
	padding: 5px 0px 5px 20px;
	line-height: 24px;
	height: 34px;
	display: block;
	width: 100%;
	position: relative;
}

.cart-table tbody .available-info {
	position: relative;
	padding-left: 50px;
}

.cart-table tbody .available-info .icon {
	position: absolute;
	left: 0px;
	top: 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	background: #223555;
	border-radius: 50%;
}

.cart-section .cart-options {
	position: relative;
	padding: 40px 0px 10px;
	margin-bottom: 30px;
	border-top: 0px;
}

.cart-section .apply-coupon {
	position: relative;
}

.cart-section .cart-options .cart-btn {
	padding: 13px 36px;
	line-height: 24px;
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	border-radius: 50px;
	text-transform: capitalize;
	background-color: #ff8a00;
	font-family: 'Montserrat', sans-serif;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

.cart-section .cart-options .cart-btn:hover {
	background-color: #222222;
}

.cart-section .apply-coupon .form-group {
	position: relative;
	float: left;
	margin-right: 30px;
}

.cart-section .apply-coupon .form-group input[type="text"] {
	display: block;
	line-height: 28px;
	padding: 10px 25px;
	border: 1px solid #cccccc;
	width: 225px;
	height: 50px;
	background: #ffffff;
	border-radius: 50px;
}

.cart-section .coupon-btn {
	padding: 13px 29px;
	line-height: 24px;
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	border-radius: 50px;
	text-transform: capitalize;
	background-color: #ff8a00;
	font-family: 'Montserrat', sans-serif;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

.cart-section .coupon-btn:hover {
	background-color: #222222;
}

.cart-section .cart-options .btn-style-one {
	top: -7px;
	padding-left: 32px;
	padding-right: 32px;
}

.cart-section .totals-table {
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}

.cart-section .totals-table li {
	line-height: 24px;
	padding: 18px 30px;
	border-bottom: 1px solid #cccccc;
}

.cart-section .totals-table li:first-child {
	background-color: #dddddd;
}

.cart-section .totals-table li h3 {
	position: relative;
	font-weight: 700;
	color: #333333;
	font-size: 18px;
	font-family: 'Arimo', sans-serif;
}

.cart-section .totals-table li:last-child {
	border-bottom: none;
	padding: 40px 20px 50px;
}

.cart-section .totals-table .col {
	position: relative;
	display: block;
	float: left;
	line-height: 24px;
	width: 50%;
	color: #222222;
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize;
	font-family: 'Arimo', sans-serif;
}

.cart-section .totals-table li .col:last-child {
	text-align: right;
}

.cart-section .totals-table .total .price {
	color: #ff8a00;
	font-weight: 400;
}

.cart-section .totals-table .proceed-btn {
	padding: 13px 33px;
	line-height: 24px;
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	border-radius: 50px;
	text-transform: capitalize;
	background-color: #ff8a00;
	font-family: 'Montserrat', sans-serif;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

.cart-section .totals-table .proceed-btn:hover {
	background-color: #222222;
}

.shipping-block {
	position: relative;
	margin-bottom: 60px;
}

.shipping-block .inner-box {
	position: relative;
	padding: 20px 25px 10px;
	border: 1px solid #cccccc;
}

.shipping-block .inner-box h3 {
	position: relative;
	color: #333333;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 4px;
	text-transform: capitalize;
}

.shipping-block .inner-box h4 {
	position: relative;
	color: #222222;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 22px;
	text-transform: capitalize;
}

.shipping-form {
	position: relative;
}

.shipping-form .row {
	position: relative;
	margin: 0px -10px;
}

.shipping-form .form-group {
	position: relative;
	margin-bottom: 20px;
	padding: 0px 10px;
}

.shipping-form .form-group input[type="text"],
.shipping-form .form-group input[type="password"],
.shipping-form .form-group input[type="tel"],
.shipping-form .form-group input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 23px;
	padding: 10px 20px;
	height: 45px;
	font-size: 14px;
	border: 1px solid #cccccc;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.shipping-form .form-group input[type="text"]:focus,
.shipping-form .form-group input[type="password"]:focus,
.shipping-form .form-group input[type="tel"]:focus,
.shipping-form .form-group input[type="email"]:focus,
.shipping-form .form-group select:focus,
.shipping-form .form-group textarea:focus {
	border-color: #ff8a00;
}

.shipping-form button {
	padding: 13px 33px;
	line-height: 24px;
	font-size: 15px;
	color: #ffffff;
	font-weight: 700;
	margin-top: 6px;
	border-radius: 50px;
	text-transform: capitalize;
	background-color: #ff8a00;
	font-family: 'Montserrat', sans-serif;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

.shipping-form button:hover {
	background-color: #222222;
}


/*====================================================================
				CheckOut Section
====================================================================*/

.checkout-page {
	position: relative;
	padding: 100px 0px 50px;
}

.checkout-page .default-links {
	position: relative;
	margin-bottom: 50px;
}

.checkout-page .default-links li {
	line-height: 25px;
	padding: 25px 25px;
	font-size: 16px;
	font-weight: 500;
	color: #666666;
	background-color: #eeeeee;
	margin-bottom: 40px;
}

.checkout-page .default-links li .fa {
	position: relative;
	font-size: 24px;
	line-height: 25px;
	color: #ff9f14;
	margin-right: 20px;
}

.checkout-page .default-links li a {
	color: #666666;
	font-size: 16px;
	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;
}

.checkout-page .default-links li a:hover {
	color: #ff9f14;
}

.checkout-page .sec-title {
	margin-bottom: 20px;
}

.checkout-page .sec-title h3 {
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
}

.checkout-form {
	position: relative;
	margin-bottom: 50px;
}

.checkout-form .column {
	position: relative;
}

.checkout-form .form-group {
	position: relative;
	margin-bottom: 15px;
}

.checkout-form .form-group .field-label {
	display: block;
	line-height: 24px;
	text-transform: capitalize;
	color: #222222;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 10px;
}

.checkout-form .form-group .field-label span {
	position: relative;
	font-size: 16px;
	color: #222222;
	display: block;
	font-weight: 600;
}

.checkout-form .form-group .field-label sup {
	top: -1px;
	font-size: 15px;
	color: #009fe9;
}

.checkout-form .form-group .text {
	position: relative;
	color: #777777;
	font-size: 14px;
	line-height: 24px;
}

.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea {
	position: relative;
	display: block;
	width: 100%;
	background: #ffffff;
	font-size: 16px;
	line-height: 26px;
	color: #777777;
	padding: 12px 22px;
	height: 50px;
	border: 1px solid #e0e0e0;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.checkout-form select {
	cursor: pointer;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	-moz-appearance: none;
	background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
}

.checkout-form textarea {
	resize: none;
	height: 60px !important;
	padding-left: 30px;
}

.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus {
	border-color: #ff9f14;
}

.checkout-page .check-box {
	line-height: 24px;
	font-size: 14px;
	font-weight: normal;
	padding-top: 5px;
}

.checkout-page .check-box label {
	position: relative;
	top: -1px;
	font-weight: normal;
	padding: 0px;
	font-size: 16px;
	cursor: pointer;
	color: #333333;
}

.checkout-page .lower-content {
	margin-top: 30px;
}

.checkout-page .lower-content .order-column {
	margin-bottom: 40px;
}

.checkout-page .lower-content .column h2 {
	position: relative;
	color: #222222;
	font-size: 24px;
	margin-bottom: 30px;
	padding-bottom: 12px;
}

.checkout-page .lower-content .column h2:after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 40px;
	height: 2px;
	background-color: #fa9928;
}

/*Coupon Box*/

.coupon-box {
	position: relative;
	padding: 25px 25px;
	margin-bottom: 25px;
	background-color: #f5f5f5;
}

.coupon-form {
	position: relative;
}

.coupon-form .form-group {
	position: relative;
	margin-bottom: 0px;
}

.coupon-form .form-group input[type="text"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 20px;
	height: 44px;
	font-size: 14px;
	border: 1px solid #cccccc;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.coupon-form .form-group input[type="text"]:focus {
	border-color: #ff9f14;
}

.coupon-form button {
	margin-top: 0px;
	font-size: 16px;
	font-weight: 700;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	padding: 8px 26px;
	text-transform: capitalize;
}

.order-box {
	position: relative;
	margin-bottom: 50px;
}

.order-box .sec-title {
	margin-bottom: 25px;
}

.order-box .sec-title h2 {
	font-size: 28px;
	padding-bottom: 0;
}

.order-box .sec-title h2:before {
	display: none;
}

.order-box .title-box {
	position: relative;
	padding: 15px 30px;
	font-weight: 500;
	color: #ffffff;
	background-color: #222222;
}

.order-box .title-box .col {
	position: relative;
	width: 50%;
	float: left;
	color: #ffffff;
	font-size: 16px;
	line-height: 25px;
}

.order-box ul {
	position: relative;
}

.order-box ul li {
	position: relative;
	padding: 25px 30px;
	font-size: 16px;
	font-weight: 500;
	color: #777777;
	line-height: 30px;
	border-bottom: 1px solid #cccccc;
}

.order-box ul li strong {
	color: #222222;
	font-weight: 500;
	font-size: 16px;
}

.order-box ul li span {
	width: 50%;
	float: right;
	color: #ff9f14;
	font-size: 16px;
}

.order-box ul li span.free {
	color: #777777;
}

.order-box ul li:last-child {
	border-bottom: 0;
}

.payment-box {
	position: relative;
	margin-bottom: 50px;
}

.payment-box .upper-box {
	position: relative;
	padding: 15px 35px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #b7b7b7;
}

.payment-options {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}

.payment-box .payment-options li {
	position: relative;
	margin-bottom: 15px;
}

.payment-box .payment-options li .radio-option {
	position: relative;
}

.payment-box .payment-options li .radio-option label {
	position: relative;
	display: block;
	padding-left: 30px;
	font-weight: 500;
	text-transform: capitalize;
	color: #222222;
	cursor: pointer;
	font-size: 16px;
}

.payment-box .payment-options li .radio-option label strong {
	font-weight: 400;
}

.payment-box .payment-options li .radio-option input[type="radio"] {
	position: absolute;
	left: 0px;
	top: 3px;
}

.payment-box .payment-options li .radio-option label .small-text {
	position: relative;
	display: none;
	letter-spacing: 0px;
	text-transform: none;
	font-weight: normal;
	font-size: 14px;
	color: #ffffff;
	line-height: 1.8em;
	padding: 15px 20px;
	margin-top: 20px;
	background-color: #ff9f14;
}

.payment-box .payment-options li .radio-option input:checked+label .small-text {
	display: block;
}

.payment-box .payment-options li .radio-option label .small-text:before {
	position: absolute;
	content: '';
	left: 30px;
	top: -8px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 8px solid #ff9f14;
}

.payment-box .payment-options li .radio-option label img {
	position: relative;
	display: block;
	max-width: 100%;
	padding-left: 30px;
	margin-top: 20px;
}

.payment-box .payment-options li .radio-option .what-paypall {
	position: relative;
	display: block;
	color: #777777;
	font-size: 16px;
	font-weight: 700;
	margin-left: 120px;
	margin-top: 10px;
}

.payment-box .lower-box {
	position: relative;
	background-color: #f5f5f5;
	padding: 30px 35px;
}

.payment-box .lower-box .theme-btn {
	padding: 13px 32px;
	font-weight: 400;
	margin-right: 0;
}

/*** 

====================================================================
	Login Section
====================================================================

***/

.login-section {
	position: relative;
	padding: 120px 0px 90px;
}

.login-form.register-form {
	padding-bottom: 47px;
}

.login-section h2 {
	position: relative;
	color: #222222;
	font-size: 36px;
	font-weight: 500;
	line-height: 1.2em;
	margin-bottom: 25px;
}

.login-form {
	position: relative;
	margin-bottom: 40px;
	padding: 30px 40px 25px;
	background-color: #f9f9f9;
}

.login-form .form-group {
	position: relative;
	margin-bottom: 16px;
}

.login-form .form-group.check-box {
	margin-bottom: 0px;
}

.login-form .form-group:nth-child(2) {
	margin-bottom: 25px;
}

.login-section.style-two .login-form .form-group:nth-child(2) {
	margin-bottom: 15px;
}

.login-form .form-group label {
	position: relative;
	top: -1px;
	color: #666666;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 12px;
}

.login-form .form-group.no-margin {
	margin-bottom: 0px;
}

.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"],
.login-form .form-group input[type="tel"],
.login-form .form-group input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 20px;
	height: 50px;
	color: #666666;
	font-size: 14px;
	border: 1px solid #e0e0e0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus,
.login-form .form-group input[type="tel"]:focus,
.login-form .form-group input[type="email"]:focus,
.login-form .form-group select:focus,
.login-form .form-group textarea:focus {
	border-color: #ff8a00;
}

.login-form button {
	top: 0px;
	margin-top: 0px;
	font-size: 16px;
	font-weight: 700;
	padding: 10px 36px;
	line-height: 25px;
	color: #ffffff;
	text-transform: uppercase;
}

.login-form .psw {
	position: relative;
	color: #666666;
	font-size: 16px;
}

.login-form .psw:hover {
	text-decoration: underline;
}

/*** 

====================================================================
	Error Section
====================================================================

***/

.error-section {
	position: relative;
	text-align: center;
	padding: 170px 0px 170px;
}

.error-section .error-title {
	position: relative;
	color: #222222;
	font-size: 200px;
	font-weight: 800;
	line-height: 1em;
}

.error-section .error-title span {
	color: #ff8a00;
}

.error-section h4 {
	color: #333333;
	font-size: 40px;
	font-weight: 500;
	text-transform: capitalize;
}

.error-section .text {
	color: #666666;
	font-size: 24px;
	margin-top: 18px;
	margin-bottom: 45px;
}

.error-section .theme-btn {
	border-radius: 5px;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}

/***

==================================================================
		Right To Left Style
==================================================================

***/

.rtl {
	direction: rtl;
	text-align: right;
}

.rtl .group-title h2,
.rtl .styled-pagination,
.rtl .owl-carousel {
	direction: ltr !important;
}

.rtl .blog-detail .tags ul li,
.rtl .blog-detail .tags .title,
.rtl .page-title .title-box,
.rtl .project-detail .info-list li strong,
.rtl .service-detail .prod-tabs .tab-btns .tab-btn,
.rtl .header-style-four .main-menu,
.rtl .header-style-three .main-menu,
.rtl .projects-section-two .upper-box .sec-title,
.rtl .main-footer .footer-bottom .copyright-text,
.rtl .testimonial-section .testimonial-column,
.rtl .main-header .top-left,
.rtl .main-menu .navigation>li,
.rtl .header-style-one .main-menu,
.rtl .header-style-five .nav-outer,
.rtl .banner-section .bottom-box .contact-info,
.rtl .main-header .contact-info li span,
.rtl .main-header .logo-box {
	float: right;
}

.rtl .cat-list li a span,
.rtl .page-title .bread-crumb,
.rtl .header-style-four .header-top .top-right,
.rtl .header-style-four .outer-box,
.rtl .header-style-three .nav-outer,
.rtl .main-header .top-right,
.rtl .header-style-four .nav-outer,
.rtl .projects-section-two .upper-box .link-box,
.rtl .main-footer .footer-bottom .social-links,
.rtl .testimonial-section .title-column,
.rtl .main-header .nav-outer,
.rtl .header-style-five .outer-box,
.rtl .header-style-one .outer-box {
	float: left;
}

.rtl .comments-area .comment-box .author-thumb,
.rtl .blog-detail .news-block-two .caption-box blockquote .icon,
.rtl .latest-news .post-thumb,
.rtl .feature-block h3:before,
.rtl .active-side-nav .sidenav-bar,
.rtl .banner-carousel-two .content-box .count,
.rtl .list-style-one li:before,
.rtl .news-block-four .image-box,
.rtl .main-footer .links-widget .list li:before,
.rtl .active-side-nav .hidden-bar,
.rtl .contact-info-box .info-list:before,
.rtl .main-footer .footer-column .widget-title:before,
.rtl .testimonial-carousel .owl-nav,
.rtl .recent-posts .post .thumb,
.rtl .brochure-box .inner .icon,
.rtl .service-detail .inner-box ul li:before,
.rtl .fact-counter .count-box:before,
.rtl .about-section .image-column .image-box .alphabet-img,
.rtl .about-section .content-column .content-box .title h2:before,
.rtl .main-menu .navigation>li>ul {
	left: auto;
	right: 0;
}

.rtl .comments-area .comment-box .reply-btn,
.rtl .news-block-two .blockquote .author,
.rtl .sidenav-bar .cross-icon,
.rtl .offer-section .form-column .upper-box .discount,
.rtl .banner-section-two .slide-item .content-box:before,
.rtl .banner-carousel-three .owl-nav,
.rtl .testimonial-block .image-box,
.rtl .team-block .image-box .social-links {
	right: auto;
	left: 0;
}

.rtl .testimonial-section .title-column .inner-column,
.rtl .team-block .inner-box .designation,
.rtl .projects-carousel .owl-nav,
.rtl .about-section .image-column .image-box .image {
	text-align: left;
}

.rtl .header-style-three .logo-box:before {
	margin-left: -230px;
	right: auto;
	left: 100%;
	transform: skew(-40deg);
}

.rtl .sidenav-bar .side-nav .navigation>li.dropdown>a {
	padding-right: 0;
	padding-left: 30px;
}

.rtl .header-style-one .outer-box {
	margin-left: 0;
	margin-right: 45px;
}

.rtl .fixed-header .sticky-header .logo {
	float: right !important;
}

.rtl .fixed-header .sticky-header .pull-right {
	float: left !important;
}

.rtl .sidenav-bar .side-nav .navigation>li.dropdown>a:before {
	right: auto;
	left: 0;
	content: "\f104";
}

.rtl .banner-section .bottom-box .contact-info li span {
	float: right;
	margin-left: 10px;
}

.rtl .sidenav-bar .side-nav .navigation>li.active>a:before {
	content: "\f107";
}

.rtl .mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-left: 0 !important;
}

.rtl .social-icon-one li {
	margin-left: 0;
	margin-right: 22px;
}

.rtl .main-menu .navigation>li {
	margin-right: 35px;
	margin-left: 0;
}

.rtl .main-menu .navigation>li>ul>li>ul {
	right: 110%;
	left: auto;
}

.rtl .main-menu .navigation>li>ul>li:hover>ul {
	right: 100%;
}

.rtl .main-menu .navigation>li .mega-menu-bar .column>ul>li>a,
.rtl .main-menu .navigation>li>ul>li>ul>li>a,
.rtl .main-menu .navigation>li>ul>li>a {
	text-align: right !important;
}

.rtl .main-menu .navigation>li .mega-menu-bar .column>ul>li>a,
.rtl .main-menu .navigation>li>ul>li>ul>li>a,
.rtl .main-menu .navigation>li>ul>li>a {
	border-left: 0;
	border-right: 4px solid transparent;
}

.rtl .main-menu .navigation>li .mega-menu-bar .column>ul>li>a:hover,
.rtl .main-menu .navigation>li>ul>li>ul>li:hover>a,
.rtl .main-menu .navigation>li>ul>li:hover>a {
	border-left: 0;
	border-right: 4px solid #ff8a00;
}

.rtl .main-menu .navigation>li>ul>li.dropdown>a:after {
	left: 10px;
	right: auto;
	content: "\f104";
}

.rtl .sticky-header .main-menu .navigation>li {
	margin-left: 0 !important;
}

.rtl .about-section .image-column .title-box h2 {
	text-align: center;
}

.rtl .fact-counter .count-box {
	padding-right: 20px;
	padding-left: 0;
}

.rtl .header-style-two .outer-box {
	float: left;
	margin-left: 0;
	margin-right: 45px;
}

.rtl .header-style-two .main-menu {
	float: right;
}

.rtl .header-style-two .search-box-outer {
	float: left;
	margin-right: 45px;
	margin-left: 0;
}

.rtl .main-header .search-box-outer .dropdown-menu {
	right: auto !important;
	left: 0 !important;
}

.rtl .main-header .cart-btn {
	float: right;
}

.rtl .fact-counter .count-box .count {
	float: right;
	margin-left: 15px;
	margin-right: 0;
}

.rtl .project-block .overlay-box h4 {
	right: auto;
	left: 30px;
}

.rtl .project-block .overlay-box .tag {
	left: auto;
	right: 30px;
}

.rtl .banner-carousel .owl-nav {
	right: auto;
	left: 30%;
}

.rtl .banner-section:before {
	right: auto;
	left: 0;
	transform: scaleX(-1);
}

.rtl .team-block .inner-box {
	padding-right: 0;
	padding-left: 50px;
}

.rtl .team-block .inner-box:hover .image-box .social-links li {
	right: auto;
	left: -50px;
}

.rtl .team-block .image-box .name {
	right: auto;
	left: -40px;
}

.rtl .testimonial-block {
	padding-right: 0;
}

.rtl .testimonial-block .inner-box {
	padding-right: 0;
	padding-left: 220px;
	text-align: left;
}

.rtl .testimonial-block:before {
	right: auto;
	left: 0px;
}

.rtl .testimonial-carousel .active .testimonial-block:before {
	left: 30px;
}

.rtl .main-footer .footer-column .widget-title {
	padding-left: 0;
	padding-right: 25px;
}

.rtl .recent-posts .post {
	padding-left: 0;
	padding-right: 105px;
}

.rtl .main-footer .links-widget .list li {
	padding-left: 0;
	padding-right: 30px;
}

.rtl .main-footer .footer-bottom .inner-container:before {
	right: auto;
	left: 100%;
}

.rtl .main-footer .footer-bottom .copyright-text:before {
	left: auto;
	right: 100%;
	border-right: 0;
	border-bottom: 0;
	border-left: 40px solid transparent;
	border-bottom: 70px solid #ff8a00;
}

.rtl .main-footer .footer-bottom .social-icon-two li {
	margin-left: 0;
	margin-right: 26px;
}

.rtl .main-footer .footer-bottom .copyright-text {
	padding-right: 0;
	padding-left: 40px;
}

.rtl .offer-section .form-column .upper-box {
	padding-right: 0;
	padding-left: 200px;
}

.rtl .products-carousel .owl-nav {
	left: auto;
	right: -32%;
}

.rtl .header-style-three .outer-box {
	margin-left: 0;
	margin-right: 80px;
	float: left;
}

.rtl .hidden-bar .inner-box .cross-icon {
	right: auto;
	left: 30px;
}

.rtl .banner-carousel-two .content-box .inner-box {
	padding-left: 0;
	padding-right: 30px;
	float: left;
}

.rtl .banner-carousel-two .content-box .inner-box:before {
	left: auto;
	right: 100%;
}

.rtl .banner-section-three .bottom-box .outer-box:before {
	margin-left: 0;
	margin-right: -300px;
	left: auto;
	right: 100%;
	transform: skew(-40deg);
}

.rtl .banner-carousel-two .owl-nav {
	text-align: left;
}

.rtl .banner-section-three .social-links {
	float: right;
}


.rtl .carousel-outer .thumbs-carousel .owl-nav {
	bottom: auto;
	top: -525%;
}

.rtl .testimonial-carousel-two {
	padding-left: 0;
	padding-right: 100px;
}

.rtl .testimonial-carousel-two .owl-nav {
	left: auto;
	right: -135px;
}

.rtl .accordion-box .block .acc-btn {
	padding-right: 25px;
	padding-left: 50px;
}

.rtl .accordion-box .block .icon {
	right: auto;
	left: 15px;
}

.rtl .main-header .contact-info li:first-child {
	margin-left: 0;
}

.rtl .news-block-two .caption-box .info li:first-child,
.rtl .service-detail .prod-tabs .tab-btns .tab-btn:first-child,
.rtl .news-block-four .content-box .info li:first-child {
	margin-right: 0;
}

.rtl .news-block-four .inner-box {
	padding-left: 0;
	padding-right: 300px;
}

.rtl .news-section-two .column .inner-column {
	padding-right: 0;
	padding-left: 25px;
}

.rtl .header-style-four .search-box-btn {
	margin-left: 0;
	margin-right: 55px;
}

.rtl .sidebar .search-box .form-group input[type="submit"],
.rtl .sidebar .search-box .form-group button,
.rtl .coming-soon .emailed-form .form-group input[type="submit"],
.rtl .coming-soon .emailed-form button {
	right: auto;
	left: 0;
	border-radius: 50px 0px 0px 50px;
}

.rtl .specialize-section-two.alternate .carousel-outer .thumbs-carousel .owl-nav {
	left: 96%;
	top: 368%;
}

.rtl .blog-cat li a:before {
	right: auto;
	left: 33px;
	content: "\f104";
}

.rtl .blog-cat li a {
	border-left: 0;
	border-right: 5px solid transparent;
}

.rtl .blog-cat li.active a,
.rtl .blog-cat li a:hover {
	border-left: 0;
	border-right: 5px solid #222222;
}

.rtl .service-detail .inner-box ul li,
.rtl .brochure-box .inner {
	padding-left: 0;
	padding-right: 40px;
}

.rtl .mixitup-gallery .filters li {
	float: right;
	margin-right: 0;
	margin-left: 30px;
}

.rtl .mixitup-gallery .filters li:last-child {
	margin-left: 0;
}

.rtl .project-detail .project-tabs .tab-btns {
	float: right;
	margin-left: 30px;
	margin-right: 0;
}

.rtl .list-style-one li {
	padding-left: 0;
	padding-right: 35px;
}

.rtl .news-block-two .blockquote .icon {
	left: auto;
	right: 70px;
}

.rtl .cat-list li {
	border-left: 0;
	border-right: 7px solid transparent;
}

.rtl .cat-list li.active,
.rtl .cat-list li:hover {
	border-left: 0;
	border-right: 7px solid #ff8a00;
}

.rtl .latest-news .post {
	padding-left: 0;
	padding-right: 130px;
}

.rtl .tag-list li {
	float: right;
	margin-left: 10px;
	margin-right: 0;
}

.rtl .blog-detail .news-block-two .caption-box blockquote {
	padding-left: 0;
	padding-right: 40px;
}

.rtl .social-icon-colored li {
	float: right;
	margin-left: 6px;
	margin-right: 0;
}

.rtl .social-icon-colored li a i {
	margin-right: 0;
	margin-left: 10px;
}

.rtl .comments-area .comment {
	padding-left: 0;
	padding-right: 100px;
}

.rtl .blog-detail.style-two .comments-area .comment {
	padding-left: 0;
	padding-right: 110px;
}

.rtl .comments-area .comment-box.reply-comment {
	margin-left: 0;
	margin-right: 100px;
}

.rtl .comments-area .comment-box.reply-comment.reply {
	margin-left: 0;
	margin-right: 200px;
}

.rtl .blog-detail.style-two .news-block-two .caption-box blockquote {
	padding-left: 0;
	padding-right: 25px;
}

.rtl .news-block .image-box {
	margin-right: 0;
	margin-left: 40px;
}

.rtl .news-block .caption-box {
	margin-left: 0;
	margin-right: 40px;
}

.rtl .shop-single .product-details .prod-tabs .tab-btns .tab-btn {
	float: right;
	margin-right: 0;
	margin-left: 10px;
}

.rtl .product-details .basic-details .item-quantity {
	float: right;
	margin-right: 0;
	margin-left: 25px;
}

.rtl .product-details .basic-details .add-to-cart {
	margin-left: 0;
	margin-right: 20px;
}

.rtl .checkout-page .default-links li .fa {
	margin-right: 0;
	margin-left: 20px;
}

.rtl .payment-box .payment-options li .radio-option label {
	padding-left: 0;
	padding-right: 30px;
}

.rtl .payment-box .payment-options li .radio-option input[type="radio"] {
	left: auto;
	right: 0;
}

.rtl .payment-box .payment-options li .radio-option label .small-text:before {
	left: auto;
	right: 30px;
}

.rtl .shop-item .inner-box .lower-content .add-cart .fa {
	margin-right: 0;
	margin-left: 5px;
}

.rtl .banner-section .slide-item:before {
	left: auto;
	right: -15%;
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(15deg);
}

.rtl .main-header .contact-info li span {
	margin-right: 0;
	margin-left: 20px;
}

.rtl .banner-carousel-three .slide-item:before {
	left: auto;
	right: -15%;
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(15deg);
}


.rtl .header-style-six .btn-box {
	float: left;
}

.rtl .header-style-six .outer-box {
	float: right;
	margin-right: 100px;
}

.rtl .header-style-six .logo-box {
	padding-right: 0;
	padding-left: 30px;
	border-right: 0;
	border-left: 1px solid rgba(255, 255, 255, .30);
}

.rtl .banner-section-five .content-box .video-link {
	right: auto;
	left: 15px;
}

.rtl .banner-section-five .social-links {
	left: auto;
	right: 80px;
	text-align: center;
}

.rtl .banner-section-five .owl-dots {
	right: auto;
	left: 80px;
}

.rtl .banner-section-five .slide-item .content-box:before {
	right: auto;
	left: 0;
}

.rtl .header-style-seven .outer-box {
	float: left;
	margin-left: 0;
	margin-right: 80px;
}

.rtl .header-style-seven .main-menu {
	float: right;
}

.rtl .banner-section-six .content-box .inner-box {
	float: none;
}

.rtl .header-style-five .nav-outer {
	float: right;
}

/*** 

====================================================================
	Box Layout
====================================================================

***/

.box-layout .page-wrapper {
	max-width: 1400px;
	margin: 0 auto;
	border: 15px solid #ffffff;
	overflow: hidden;
	background-color: #ffffff;
}

.box-layout {
	background-image: url(../images/background/3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}


.box-layout .header-style-four.fixed-header .header-lower,
.box-layout .sticky-header {
	max-width: 1370px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.box-layout .header-style-one .inner-container {
	padding: 0 30px;
}

.box-layout .banner-section {
	padding-left: 0;
}

.box-layout .header-style-one .outer-box .contact-info {
	padding-left: 0;
	margin-left: 35px;
	display: none;
}

.box-layout .header-style-one {
	top: 15px;
}

.box-layout .header-style-six.fixed-header .outer-container,
.box-layout .header-style-one.fixed-header {
	top: 0;
}

.box-layout .banner-section-six,
.box-layout .banner-section-three {
	padding: 0;
}

.box-layout .banner-carousel-two .owl-nav {
	right: 45px;
}

.box-layout .header-style-three .inner-container {
	padding: 0 15px;
}


.box-layout .coming-soon {
	position: relative;
}

.box-layout .coming-soon .content {
	position: relative;
}


.box-layout .header-style-five .inner-container {
	padding: 0 30px;
}

.box-layout .banner-section-six .contact-info,
.box-layout .banner-section-six .social-links,
.box-layout .header-style-five .outer-box .contact-info {
	padding-left: 0;
	margin-left: 35px;
	display: none;
}


.faq-head {
	font-size: 2.4rem !important;
	color: var(--brown) !important;
	font-size: 550 !important;
	text-transform: uppercase
}







/* product section start */
.product-showcase {
	background: linear-gradient(to right, var(--white) 50%, #1e7e34 50%);
	/* left white, right bluish */
	padding: 40px 0;
}

/* Unique styling for Our Products heading */
.our-products-heading {
	font-size: 2.8rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #2d2d2d;
	margin-bottom: 0.5rem;
	position: relative;
}

.our-products-underline {
	width: 90px;
	height: 4px;
	margin: 0.5rem auto 1.5rem auto;
	background: linear-gradient(90deg, #a0522d, #d2691e);
	/* warm wood tone gradient */
	border-radius: 2px;
}

.our-products-subtitle {
	max-width: 700px;
	margin: 0 auto;
	font-size: 1rem;
	color: #555;
	line-height: 1.6;
}

.product-card {
	position: relative;
	height: 300px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.product-card .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(34, 34, 34, 0.6);
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 20px;
	transform: scale(1);
	transition: transform 0.4s ease;
}

.product-card:hover .overlay {
	transform: scale(1.1);
	/* zoom effect */
}

.product-card h4 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 8px;
}

.product-card p {
	font-size: 14px;
	margin-bottom: 15px;
}

.product-card .btn {
	background-color: var(--primary);
	color: var(--white);
	border: none;
	font-size: 14px;
	padding: 6px 16px;
	transition: background 0.3s;
}

.product-card .btn:hover {
	background-color: var(--secondary);
}


.rcp-products {
	background: linear-gradient(to right, var(--white) 50%, #D2F0A8 50%);
}

.rcp-card {
	position: relative;
	height: 350px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}

.rcp-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(34, 34, 34, 0.259);
	color: var(--white);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 20px;
	transform: scale(1);
	transition: transform 0.4s ease, background 0.3s ease;
}

.rcp-card:hover .rcp-overlay {
	transform: scale(1.05);
	background: rgba(34, 34, 34, 0.871);
}

.rcp-overlay h5 {
	font-size: 23px;
	font-weight: 500;
	margin-bottom: 8px;
}

.rcp-overlay p {
	font-size: 15px;
	margin-bottom: 12px;
	color: #fff;
}

.btn-rcp {
	background-color: #8DC73F !important;
	color: #fff !important;
	border: none;
	font-weight: 500 !important;
	padding: 8px 20px;
	font-size: 14px;
	text-transform: none;
	transition: background 0.3s;
	border-radius: 0px !important;
}

.btn-rcp:hover {
	background-color: #fff !important;
	color: #8DC73F !important;
	border: 1px solid #8DC73F;
}

/* product section start */



.promo-section {
	position: relative;
	background: url("https://cdn.decorilla.com/online-decorating/wp-content/uploads/2019/08/mid-century-living-room-design-home-interior-design.jpg") no-repeat center center/cover;
	min-height: 70vh;
	color: #fff;
}

.promo-section .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	/* black overlay */
}

.promo-section .content {
	position: relative;
	z-index: 2;
}

.promo-section h1 {
	font-size: 2.8rem;
	line-height: 1.3;
}

.promo-section p {
	font-size: 1.1rem;
	margin: 15px 0 25px;
	color: #fff !important;
}

.btn-shop {
	background-color: #004e93f7 !important;
	color: #fff !important;
	padding: 12px 28px !important;
	font-weight: 600 !important;
	border-radius: 0px !important;
	transition: 0.3s !important;
	text-decoration: none !important;
}

.btn-shop:hover {
	background-color: #fff !important;
	color: #004E93 !important;
	border: 1px solid #fff !important;
}

/* Responsive text sizes */
@media (max-width: 992px) {
	.promo-section h1 {
		font-size: 2rem !important;
	}
}

@media (max-width: 576px) {
	.promo-section h1 {
		font-size: 1.6rem !important;
	}

	.promo-section p {
		font-size: 1rem !important;
	}
}









/* Sustainability Section CSS */
.solar-section {
	/* margin: 60px 0px; */
	background: url('../images/background/paras-wd-bg.jpg') no-repeat center center/cover;
	background-attachment: fixed;
	padding: 120px 20px;
	text-align: center;
	color: white;
	position: relative;
}

.solar-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.271);
	z-index: 1;
}

.solar-content {
	position: relative;
	z-index: 2;
	max-width: 900px;
	margin: auto;
}

.solar-content h2 {
	font-size: 40px;
	margin-bottom: 10px;
	font-weight: bold;
}

.solar-content h3 {
	font-size: 28px;
	margin-bottom: 20px;
}

.solar-content p {
	font-size: 18px;
	margin-bottom: 30px;
	color: #fff;
}

.solar-btn {
	display: inline-block;
	padding: 12px 30px;
	background-color: #28a745;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
	transition: background 0.3s ease;
}

.solar-btn:hover {
	background-color: #1e7e34;
}

.btn-btn {
	background-color: #76AC5A;
	color: white;
	border: none;
	padding: 8px;
}

.btn-btn:hover {
	background-color: #ffff;
	color: #76AC5A;
	border: 2px solid #76AC5A;
}






/*** Blog Start ***/
.blog .blog-item {
	height: 100%;
	background: #ffff;

}

.blog .blog-item .blog-img {
	position: relative;
	overflow: hidden;
}

.blog .blog-item .blog-img::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	display: flex;
	background: rgba(141, 199, 63, 0.3);
	transition: 0.5s;

}

.blog .blog-item:hover .blog-img::after {
	width: 100%;
	height: 100%;
}

.blog .blog-item .blog-img img {
	transition: 0.5s;
}

.blog .blog-item:hover .blog-img img {
	transform: scale(1.2);
}

.blog .blog-item .blog-heading {
	position: relative;
	background: var(--white);


}

.blog .blog-item .blog-heading a.h4 {
	position: relative;
	width: 100%;
	display: inline-flex;
	transition: 0.5s;
	z-index: 2;
	font-weight: 600;
	color: #000;

}

.text-green {
	color: var(--primary);
}

.blog .blog-item .blog-heading::after {
	content: "";
	position: absolute;
	width: 0%;
	height: 100%;
	right: 0;
	bottom: 0;
	transition: 0.5s;
	z-index: 1;

}

.blog .blog-item:hover .blog-heading::after {
	width: 100%;
	background: var(--primary);
	color: #fff;
}

.blog .blog-item:hover .blog-heading a.h4 {
	color: var(--primary);
	color: #fff;
}

.blog .blog-item:hover .blog-heading a.h4:hover {
	color: var(--white);
}

/*** Blog End ***/

.btn-1 {
	background-color: var(--primary);
	color: var(--white);
	padding: 12px;
}

.btn-1:hover {
	background-color: var(--white);
	color: var(--primary);
	border: 1px solid var(--primary);

}





/*** Testimonial Start ***/
.testi-bg {
	background-color: #0E121D;
}

.testimonial-carousel .owl-stage-outer {
	margin-right: -1px;
}

.testimonial .testimonial-item {
	position: relative;
	margin-top: 35px;
}

.testimonial .testimonial-item .customer-text {
	border: 1px solid var(--primary);
	border-top: none;
}

.testimonial .testimonial-item .testimonial-quote {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	right: 25px;
	transform: translateY(-50%);
	color: var(--black);
	background: var(--primary);
	display: flex;
	align-items: center;
	justify-content: center;
}

.testimonial .testimonial-item .testimonial-inner {
	display: flex;
	align-items: center;
	background: var(--white);
}

.testimonial .testimonial-item .testimonial-inner img {
	width: 100px;
	height: 100px;
	border: 2px solid var(--primary);
}

.testimonial-carousel .owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.testimonial-carousel .owl-dots .owl-dot {
	width: 30px;
	height: 30px;
	margin: 30px 10px 0 10px;
	background: var(--white);
	transition: 0.5s;
}

@media (max-width: 991px) {
	.testimonial-carousel .owl-dots .owl-dot {
		margin: 0 10px 0 10px;
	}
}

.testimonial-carousel .owl-dots .owl-dot.active {
	width: 30px;
	height: 30px;
	background: var(--primary);
	transition: 0.5s;
}

.testimonial-carousel .owl-dots .owl-dot span {
	position: relative;
	margin-top: 50%;
	margin-left: 50%;
	transform: translate(-50%, -50%);
	margin-right: -1px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.testimonial-carousel .owl-dots .owl-dot.active span::after {
	background: var(--white);
}

.testimonial-carousel .owl-dots .owl-dot span::after {
	content: "";
	width: 15px;
	height: 15px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: var(--primary);
	transition: 0.5s;
}

/*** Testimonial End ***/



/*** FAQs Start ***/
.faq-section .accordion .accordion-item {
	margin-bottom: 20px;
	box-shadow: 0 0 30px rgba(0, 0, 0, .08);
	border: none;
}

.faq-section .accordion .accordion-item .accordion-header .accordion-button {
	color: var(--white);
	background: rgba(246, 138, 10, .9);
	font-size: 18px;
}

.faq-section .accordion .accordion-item .accordion-header .accordion-button.collapsed {
	color: var(--white);
	background: var(--primary);
}

/*** FAQs End ***/




/* footer start */
.custom-footer {
	background-color: #f7f9fb;
	color: #333;
	font-family: 'Montserrat', sans-serif;
	border-top: 1px solid #ddd;
}

.footer-logo {
	max-width: 150px;
}

.footer-text {
	font-size: 14px;
	color: #555;
}

.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-links li {
	margin-bottom: 8px;
}

.footer-links a {
	color: #444;
	text-decoration: none;
	transition: all 0.3s ease;
}

.footer-links a:hover {
	color: #d49452;
	padding-left: 5px;
}

.custom-footer h5 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #000;
}

.social-icons a {
	font-size: 16px;
	color: #333;
	margin-right: 10px;
	transition: all 0.3s ease;
}

.social-icons a:hover {
	color: #d49452;
	transform: scale(1.2);
}

.custom-footer p {
	font-size: 14px;
	margin-bottom: 8px;
}

@media (max-width: 767px) {

	.custom-footer .col-md-2,
	.custom-footer .col-md-3 {
		margin-bottom: 30px;
	}
}

/* footer end */
/* Unique namespace: paras-multi- */
.paras-multi-section {
	padding: 3rem 1rem;
	background: url("../images/bgbg2.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.paras-multi-container {
	max-width: 1300px;
	margin: 0 auto
}


.paras-multi-slider {
	position: relative;
	overflow: hidden
}

.paras-multi-track {
	display: flex;
	transition: transform .5s ease
}

.paras-multi-slide {
	flex: 0 0 100%;
	display: flex;
	gap: 1.5rem;
	justify-content: center
}


.paras-multi-card {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .08);
	overflow: hidden;
	max-width: 370px;
	text-align: center;
	padding: 1rem
}

.paras-multi-card img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 8px
}

.paras-multi-title {
	font-size: 1rem;
	font-weight: 600;
	margin-top: .75rem;
	color: #333
}


.paras-multi-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 0;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 5;
	box-shadow: 0 6px 18px rgba(34, 34, 34, .15)
}

.paras-multi-arrow-left {
	left: 12px
}

.paras-multi-arrow-right {
	right: 12px
}


.paras-multi-dotwrap {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 12px;
	z-index: 6;
	display: flex;
	gap: .4rem
}

.paras-multi-dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #bbb;
	opacity: .6;
	cursor: pointer
}

.paras-multi-dot.active {
	background: #333;
	opacity: 1
}


@media(max-width:768px) {
	.paras-multi-slide {
		flex-direction: column;
		align-items: center
	}

	.paras-multi-card {
		max-width: 90%
	}
}


.products-heading {
	font-family: 'Poppins', sans-serif;
	font-size: 2.8rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
	color: #222;
	position: relative;
	text-transform: uppercase;
}

.products-heading::after {
	content: "";
	display: block;
	width: 80px;
	height: 4px;
	background: var(--primary);
	/* plywood accent */
	margin: 12px auto 0;
	border-radius: 2px;
}

@media (max-width: 768px) {
	.products-heading {
		font-size: 24px;
	}
}



.paras-multi-title {
	background: var(--primary);
	/* plywood theme */
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	padding: 10px;
	margin-top: 12px;
	/* border: 2px solid #25d366;  */
	/* border-radius: 6px; */
	transition: 0.3s;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.paras-multi-title:hover {
	background: #fff;
	border-color: var(--primary);
	color: var(--primary);
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.paras-multi-arrow {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #8DC73F;
	/* plywood accent */
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease;
	border: none;
	z-index: 10;
}

.paras-multi-arrow-left {
	left: 15px;
	/* andar laya */
}

.paras-multi-arrow-right {
	right: 15px;
	/* andar laya */
}

.paras-multi-arrow svg path {
	stroke: #fff;
}

.paras-multi-arrow:hover {
	background: #222;
}

.paras-multi-dotwrap {
	text-align: center;
	margin-top: 20px;
}

.paras-multi-dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	background: #ccc;
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
}

.paras-multi-dot:hover {
	background: #8B5E3C;
}

.paras-multi-dot.active {
	background: #8B5E3C;
	width: 14px;
	height: 14px;
}



.pwp-raw-section {
	background: #f8f9fa;
}

.pwp-title {
	font-size: 2.2rem;
	font-weight: 700;
	color: #4b4b4b;
}

.pwp-subtitle {
	max-width: 600px;
	margin: 0 auto;
	color: #666;
}

.pwp-card {
	background: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	transition: transform .3s ease, box-shadow .3s ease;
}

.pwp-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 10px 18px rgba(0, 0, 0, 0.12);
}

.pwp-img-wrap {
	overflow: hidden;
}

.pwp-img-wrap img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	transition: transform .4s ease;
}

.pwp-card:hover .pwp-img-wrap img {
	transform: scale(1.05);
}

.pwp-content {
	padding: 20px;
}

.pwp-content h4 {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 8px;
	color: #333;
}

.pwp-content p {
	font-size: 0.95rem;
	color: #555;
	line-height: 1.4;
}