/* Stella Orr'e - Interior and Home Renovation HTML Template  */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Header Style Two
6. Header Style Three
7. Header Style Four
8. Header Style Five
9. Sticky Header
10. Page Title
11. Section Title
12. Services Section
13. Projects Section / Three
14. Fluid Section One
15. Testimonial Section
16. News Section / Style Two
17. Call To Action Section
18. Main Footer
19. Interior Section / Style Two / Style Three
20. Counter Section
21. Featured Section
22. Banner Section
23. News Section
24. Mission Section
25. Team Section
26. Contact Form Section
27. Welcome Section
28. Page Title
29. Services Dark Section
30. Services Light Section
31. Services Detail Section
32. Project Masonry Section
33. Our Blog Section
34. Blog Detail Section
35. Shop Banner Section
36. Shop Item Section
37. Shoping Cart Section
38. Checkout Section
39. Cart Section
40. Contact Form
41. Map Section

**********************************************/

/*** 

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

 ***/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i,900,900i|Open+Sans:400,400i,600,600i,700,700i,800|Poppins:300,400,400i,500,500i,600,600i,700,700i,800,800i,900|Rufina:400,700');

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Rufina', serif;
*/

@import url('fontawesome-all.css');
@import url('animate.css');
@import url('flaticon.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.timepicker.min.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('scrollbar.css');

/*** 

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

 ***/

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

/*** 

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

 ***/

body {

	font-size: 14px;
	color: #787878;
	line-height: 1.6em;
	font-weight: 400;
	background: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Open Sans', sans-serif;
}

.dark-layout {
	background-color: #1a1a1a;
}

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

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;
	letter-spacing: -0.02em;
	font-family: 'Rufina', serif;
}

textarea {
	overflow: hidden;
}

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

p {
	font-size: 16px;
	line-height: 1.6em;
	font-weight: 400;
	color: #555555;
}

.text {
	font-size: 16px;
	line-height: 1.6em;
	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: 1210px;
	padding: 0px 20px;
	margin: 0 auto;
}

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

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

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

.theme-btn {
	display: inline-block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.theme-btn i {
	position: relative;
	display: inline-block;
	font-size: 14px;
	margin-left: 3px;
}

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

/*Btn Style One*/

.btn-style-one {
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	color: #242424;
	padding: 8px 26px;
	font-weight: 600;
	overflow: hidden;
	letter-spacing: 3px;
	background-color: #dfb162;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}

.btn-style-one .txt {
	position: relative;
	z-index: 1;
}

.btn-style-one:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #ffffff;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.5, 1);
	transform: scale(0.5, 1);
}

.btn-style-one:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.btn-style-one:hover {
	color: #242424;
}

/* Btn Style Two */

.btn-style-two {
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	color: #242424;
	padding: 10px 37px;
	font-weight: 600;
	overflow: hidden;
	letter-spacing: 2px;
	background-color: #ffffff;
	text-transform: uppercase;
	transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	font-family: 'Poppins', sans-serif;
}

.btn-style-two .txt {
	position: relative;
	z-index: 1;
}

.btn-style-two:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: -50px;
	transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	border-right: 50px solid transparent;
	border-bottom: 80px solid #dfb162;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.btn-style-two:hover::before {
	-webkit-transform: translateX(-49%);
	transform: translateX(-49%);
}

.btn-style-two:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -50px;
	transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	border-left: 50px solid transparent;
	border-top: 80px solid #dfb162;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.btn-style-two:hover::after {
	-webkit-transform: translateX(49%);
	transform: translateX(49%);
}

.btn-style-two:hover {
	color: #ffffff;
}

/* Btn Style Three */

.btn-style-three {
	position: relative;
	display: inline-block;
	font-size: 22px;
	line-height: 30px;
	padding: 14px 45px;
	font-weight: 700;
	overflow: hidden;
	letter-spacing: 1px;
	border-radius: 3px;
	background-color: #101010;
	text-transform: capitalize;
	color: rgba(255, 255, 255, 0.30);
	font-family: 'Rufina', serif;
	border: 1px solid rgba(255, 255, 255, 0.10);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.btn-style-three .txt {
	position: relative;
	z-index: 1;
}

.btn-style-three:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: -50px;
	transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	border-right: 50px solid transparent;
	border-bottom: 80px solid #dfb162;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.btn-style-three:hover::before {
	-webkit-transform: translateX(-49%);
	transform: translateX(-49%);
}

.btn-style-three:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -50px;
	transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	border-left: 50px solid transparent;
	border-top: 80px solid #dfb162;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.btn-style-three:hover::after {
	-webkit-transform: translateX(49%);
	transform: translateX(49%);
}

.btn-style-three .txt {
	position: relative;
}

.btn-style-three:hover {
	color: #ffffff;
}

/* Btn Style Four */

.btn-style-four {
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	color: #ffffff;
	padding: 9px 37px;
	font-weight: 600;
	overflow: hidden;
	letter-spacing: 2px;
	background-color: #dfb162;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
}

.btn-style-four .txt {
	position: relative;
	z-index: 1;
}

.btn-style-four:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: -50px;
	transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	border-right: 50px solid transparent;
	border-bottom: 80px solid #222222;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.btn-style-four:hover::before {
	-webkit-transform: translateX(-49%);
	transform: translateX(-49%);
}

.btn-style-four:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -50px;
	transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	border-left: 50px solid transparent;
	border-top: 80px solid #222222;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}

.btn-style-four:hover::after {
	-webkit-transform: translateX(49%);
	transform: translateX(49%);
}

.btn-style-four .txt {
	position: relative;
}

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

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

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

.list-style-one li {
	position: relative;
	font-size: 16px;
	line-height: 24px;
	color: #242424;
	font-weight: 400;
	padding-left: 32px;
	margin-bottom: 12px;
}

.list-style-one li:before {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 24px;
	color: #242424;
	content: "\f176";
	font-weight: 700;
	font-family: "Flaticon";
}

.list-style-one li a:hover {
	color: #44bce2;
}

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

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

.list-style-two li {
	position: relative;
	font-size: 16px;
	line-height: 24px;
	color: #797979;
	font-weight: 400;
	margin-bottom: 14px;
}

/*=== List Style Three ===*/

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

.list-style-three li {
	position: relative;
	font-size: 20px;
	line-height: 24px;
	color: #242424;
	font-weight: 400;
	padding-left: 32px;
	margin-bottom: 16px;
	font-family: 'Rufina', serif;
}

.list-style-three li:before {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 24px;
	color: #ffb600;
	content: "\f176";
	font-weight: 700;
	font-family: "Flaticon";
}

.list-style-three li a:hover {
	color: #44bce2;
}

/*=== List Style Four ===*/

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

.list-style-four li {
	position: relative;
	font-size: 20px;
	line-height: 24px;
	color: #797979;
	font-weight: 700;
	margin-bottom: 16px;
	font-family: 'Rufina', serif;
}

.theme_color {
	color: #dfb162;
}

.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;
}

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

.fa {
	line-height: inherit;
}

/*** 

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

***/

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

.scroll-to-top:hover {
	background: #dfb162;
}

/*** 

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

***/

.main-header {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	display: block;
	z-index: 99999;
}

.main-header .header-top {
	position: relative;
	background-color: #0f0f0f;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

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

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

.main-header .header-top .info-list li {
	position: relative;
	float: left;
	font-size: 15px;
	line-height: 30px;
	color: #8c8c8c;
	font-weight: 400;
	padding: 10px 0px;
}

.main-header .header-top .info-list li a {
	position: relative;
	color: #8c8c8c;
	margin-right: 18px;
	padding-right: 18px;
	border-right: 1px solid #8c8c8c;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family: 'Poppins', sans-serif;
}

.main-header .header-top .info-list li:last-child a {
	margin-right: 0px;
	padding-right: 0px;
	border: none;
}

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

.main-header .header-top .info-list li.quote a {
	position: relative;
	color: #dfb162;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* Dropdown Language */

.main-header .language {
	position: relative;
	float: left;
	padding: 13px 0px;
	margin-left: 28px;
}

.main-header .language .dropdown-menu {
	top: 100%;
	left: 0px;
	width: 180px;
	border-radius: 0px;
	margin-top: 13px;
	background-color: #222222;
	border: none;
	padding: 0px;
	border-top: 3px solid #dfb162;
}

.main-header .language>a {
	position: relative;
	color: #d4c0cd;
	border: 0px;
	font-size: 15px;
	padding: 0px 0px;
	border-radius: 0px;
	background: none !important;
}

.main-header language a:hover {
	background: none;
}

.main-header .language>a:focus {
	box-shadow: none;
}

.main-header .language .dropdown-menu>li {
	padding: 0px !important;
	margin: 0px !important;
	float: none;
	width: 100%;
	display: block !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.main-header .language .dropdown-menu>li:last-child {
	border-bottom: none;
}

.main-header .language .dropdown-menu>li>a {
	padding: 10px 18px;
	color: #ffffff !important;
	text-align: left;
	display: block;
	font-size: 14px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .language .dropdown-menu>li>a:hover {
	color: #ffffff !important;
	background-color: #dfb162;
}

/* Top Right*/

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

.main-header .header-top .top-left .text {
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 27px;
	color: #9d9d9d;
	z-index: 1;
	font-weight: 400;
	padding: 11px 0px;
	font-family: 'Poppins', sans-serif;
}

.main-header .header-top .top-left .text .icon {
	position: relative;
	color: #9a8b94;
	font-size: 16px;
	line-height: 1em;
	margin-right: 10px;
}

.main-header .header-top .top-left .text .number {
	color: #dfb162;
	font-size: 18px;
	font-weight: 500;
	-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 .header-top .top-left .text .number:hover {
	color: #ffffff;
}

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

/*=== Header Upper ===*/

.main-header .header-upper {
	position: relative;
	width: 100%;
	top: 0;
	z-index: 5;
	background-color: rgba(15, 15, 15, 0.85);
}

.header-style-one .header-upper {
	position: absolute;
	left: 0;
	top: 51px;
}

.main-header .header-upper .logo-outer {
	position: relative;
	float: left;
	z-index: 25;
	padding: 5px 0px;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.main-header .logo-outer .logo img {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

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

/*=== Header Lower ===*/

.main-header .header-lower {
	position: relative;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.main-menu {
	position: relative;
	float: left;
}

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

.main-menu .navigation {
	position: relative;
	margin: 0px;
	font-family: 'Poppins', sans-serif;
}

.main-menu .navigation>li {
	position: relative;
	float: left;
	padding: 22px 0px;
	margin-right: 28px;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.main-menu .navigation>li:last-child {
	margin-right: 0px;
}

.main-menu .navigation>li>a {
	position: relative;
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 35px;
	font-weight: 400;
	opacity: 1;
	color: #ffffff;
	padding: 0px;
	text-transform: 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;
	font-family: 'Poppins', sans-serif;
}

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

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 100%;
	width: 240px;
	z-index: 100;
	opacity: 1;
	padding: 10px 0;
	background: #161616;
	border-top: 1px solid #dfb162;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	padding: 0 25px;
}

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 12px 0px;
	line-height: 20px;
	font-weight: 400;
	font-size: 15px;
	text-align: left;
	color: rgba(255, 255, 255, 0.90);
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

.main-menu .navigation>li>ul>li:hover>a {
	color: #dfb162;
	padding-left: 15px;
}

.main-menu .navigation>li>ul>li>a:before {
	position: absolute;
	left: 0;
	top: 12px;
	font-size: 14px;
	line-height: 20px;
	color: #dfb162;
	opacity: 0;
	visibility: hidden;
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	font-weight: 800;
	-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>ul>li:hover>a:before {
	opacity: 1;
	visibility: visible;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	font-weight: 800;
	position: absolute;
	right: 0px;
	top: 12px;
	width: 10px;
	display: block;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	z-index: 5;
}

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 100%;
	top: -20px;
	width: 240px;
	z-index: 100;
	opacity: 1;
	padding: 10px 0;
	background: #161616;
	border-top: 1px solid #dfb162;
	-webkit-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transform: translateX(50px);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	padding: 0 25px;
}

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 12px 0px;
	line-height: 20px;
	font-weight: 400;
	font-size: 15px;
	text-align: left;
	color: rgba(255, 255, 255, 0.90);
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: #dfb162;
	padding-left: 15px;
}

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

.main-menu .navigation>li>ul>li>ul>li>a:before {
	position: absolute;
	left: 0;
	top: 12px;
	font-size: 14px;
	line-height: 20px;
	color: #dfb162;
	opacity: 0;
	visibility: hidden;
	font-family: 'Font Awesome 5 Free';
	content: "\f105";
	font-weight: 800;
	-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>ul>li>ul>li:hover>a:before {
	opacity: 1;
	visibility: visible;

}

.main-menu .navigation>li.dropdown:hover>ul {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	visibility: visible;
	opacity: 1;
	top: 100%;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

.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: 18px;
	font-weight: 700;
	line-height: 28px;
	background: #ffffff;
	color: #dfb162;
	cursor: pointer;
	z-index: 5;
	display: none;
}

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

.main-header .outer-box .search-box-btn {
	position: relative;
	float: right;
	color: #ffffff;
	padding: 29px 0px;
	margin-left: 25px;
	font-size: 18px;
	cursor: pointer;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.main-header .outer-box .search-box-btn .icon {
	padding-left: 20px;
	border-left: 1px solid #888989;
}

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

.main-header .outer-box .btn-box .quote-btn {
	position: relative;
	color: #ffffff;
	font-size: 18px;
	font-weight: 500;
	padding: 20px 45px;
	line-height: 23px;
	background-color: #000000;
	font-family: 'Poppins', sans-serif;
}

.header-style-one.fixed-header .header-upper,
.header-style-one.fixed-header .header-lower,
.header-style-three.fixed-header .header-upper,
.header-style-three.fixed-header .header-lower {
	position: fixed;
	left: 0px;
	top: 0px;
}

.fixed-header .header-upper .logo-outer {
	padding: 0px 0px;
}

.fixed-header .main-menu .navigation>li {
	padding: 17px 0px;
}

.fixed-header .outer-box .search-box-btn {
	padding: 24px 0px;
}

/* Header Style Two */

.header-style-two {
	position: relative;
	margin-bottom: 80px;
}

.header-style-two .header-upper {
	position: fixed;
	width: 100%;
	background: #1a1a1a;
}

.header-style-two .outer-container {
	padding: 0px 90px 0px;
}

/* Header Style Three */

.header-style-three {
	position: relative;
	margin-bottom: 80px;
}

.header-style-three .header-upper {
	background: none;
	position: absolute;
	left: 0;
	top: 51px;
	width: 100%;
}

.header-style-three.fixed-header .header-upper {
	background-color: #ffffff;
	border-bottom: 1px solid #f9f9f9;
}

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

.header-style-three .outer-box .search-box-btn {
	color: #242424;
}

.header-style-four {
	position: relative;
	margin-bottom: 80px;
}

.header-style-four .header-upper {
	position: fixed;
	left: 0;
	top: 0;
	background-color: #1b1b1b;
}

/* Header Style Five */

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

.header-style-five .header-upper {
	position: relative;
	padding: 17px 0px;
	background: url(../images/background/4.jpg) repeat;
}

.header-style-five .header-lower {
	position: absolute;
	width: 100%;
	top: 100%;
	background: none;
}

.header-style-five .header-lower .nav-outer {
	background-color: #dfb162;
}

.header-style-five .header-upper .info-outer {
	position: relative;
	float: right;
	padding-top: 13px;
}

.header-style-five.fixed-header .header-upper .logo-outer {
	padding: 5px 0px;
}

.header-style-five .header-upper .info-outer .info-box {
	position: relative;
	float: left;
	padding-left: 45px;
}

.header-style-five .header-upper .info-outer .info-box .icon {
	position: absolute;
	left: 0px;
	top: 17px;
	color: #898989;
	font-size: 24px;
	line-height: 1em;
}

.header-style-five .header-upper .info-outer .info-box .text {
	position: relative;
	color: #8e8e8e;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Poppins', sans-serif;
}

.header-style-five .header-upper .info-outer .info-box .text strong {
	font-weight: 400;
	color: #9d9d9d;
	display: block;
}

.header-style-five .header-upper .info-outer .info-box .number {
	font-weight: 600;
	color: #dfb162;
	font-size: 22px;
	margin-top: 6px;
	display: inline-block;
}

.header-style-five .main-menu .navigation>li {
	padding: 14px 32px;
	margin: 0px;
}

.header-style-five .main-menu .navigation>li:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	width: 2px;
	height: 100%;
	background: url(../images/icons/separator.jpg) no-repeat;
}

.header-style-five .main-menu .navigation>li>a {
	color: #242424;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
}

.header-style-five .outer-box .search-box-btn {
	color: #242424;
	padding: 20px 25px;
}

.header-style-five .outer-box .search-box-btn .icon {
	border: none;
	padding-left: 0px;
}

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

.header-style-five.fixed-header .fixed-outer {
	position: fixed;
}

/*** 

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

***/

.sticky-header {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px;
	z-index: -1;
	background: #ffffff;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	-webkit-transition: top 300ms ease;
	-moz-transition: top 300ms ease;
	-ms-transition: top 300ms ease;
	-o-transition: top 300ms ease;
	transition: top 300ms ease;
}

.fixed-header .sticky-header {
	opacity: 1;
	z-index: 99999;
	visibility: visible;
}

.fixed-header .sticky-header .logo {
	padding: 10px 0;
}

.sticky-header .main-menu .navigation>li {
	margin-left: 32px !important;
	padding: 0;
	margin-right: 0;
	background-color: transparent;
}

.sticky-header .main-menu .navigation>li>a:before,
.sticky-header .main-menu .navigation>li:after {
	display: none !important;
}

.sticky-header .main-menu .navigation>li>a {
	padding: 23px 0px !important;
	line-height: 30px;
	font-size: 16px;
	font-weight: 600;
	color: #222222;
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a,
.sticky-header .main-menu .navigation>li.current-menu-item>a {
	opacity: 1;
	color: #dfb162;
}

/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler {
	position: relative;
	font-size: 36px;
	line-height: 40px;
	cursor: pointer;
	color: #dfb162;
	padding: 20px 0px 0px;
	display: none;
}

.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .mCSB_inside>.mCSB_container {
	margin-right: 5px;
}

.mobile-menu .navbar-collapse {
	display: block !important;
}

.mobile-menu .nav-logo {
	position: relative;
	padding: 30px 25px;
	text-align: left;
}

.mobile-menu-visible {
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #dfb162;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
	opacity: 0.70;
	visibility: visible;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #202020;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .close-btn {
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 30px;
	width: 24px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-ms-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.mobile-menu .close-btn:hover {
	color: #dfb162;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	float: none;
	font-family: 'Poppins', sans-serif;
}

.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 25px;
	font-size: 14px;
	font-weight: 400;
	color: #ffffff;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.mobile-menu .navigation li ul li>a {
	font-size: 14px;
	margin-left: 20px;
	text-transform: capitalize;
}

.mobile-menu .navigation li>a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	border-left: 5px solid #dfb162;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

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

.mobile-menu .navigation li.current>a:before {
	height: 100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 6px;
	top: 6px;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
	color: #ffffff;
	background: rgba(255, 255, 255, 0.10);
	cursor: pointer;
	border-radius: 2px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open {
	background: #dfb162;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
	display: none;
}

.mobile-menu .social-links {
	position: relative;
	text-align: center;
	padding: 30px 25px;
}

.mobile-menu .social-links li {
	position: relative;
	display: inline-block;
	margin: 0px 10px 10px;
}

.mobile-menu .social-links li a {
	position: relative;
	line-height: 32px;
	font-size: 16px;
	color: #ffffff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.mobile-menu .social-links li a:hover {
	color: #dfb162;
}

/*** 

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

***/

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

.sec-title h2 {
	position: relative;
	display: block;
	font-size: 38px;
	line-height: 1.2em;
	color: #242424;
	font-weight: 700;
}

.sec-title .text {
	position: relative;
	color: #797979;
	font-size: 16px;
	line-height: 1.9em;
	margin-top: 12px;
}

.dark-layout .sec-title .text {
	color: #cccccc;
}

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

.sec-title.centered {
	text-align: center;
}

/*** 

====================================================================
	Section Title Two
====================================================================

***/

.sec-title-two {
	position: relative;
	z-index: 1;
	margin-bottom: 50px;
	padding-bottom: 20px;
}

.sec-title-two h2 {
	position: relative;
	display: block;
	font-size: 38px;
	line-height: 1.2em;
	color: #242424;
	font-weight: 700;
}

.sec-title-two:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 40px;
	height: 2px;
	background-color: #dfb162;
}

.sec-title-two .title-text {
	position: relative;
	color: #797979;
	font-size: 18px;
	line-height: 1.8em;
	margin-top: 5px;
}

.sec-title-two.centered:before {
	left: 50%;
	margin-left: -20px;
}

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

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

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

.sec-title-two.centered {
	text-align: center;
}

.sec-title-two.centered h2:before {
	left: 50%;
	margin-left: -20px;
}

.sec-title-two.centered h2:after {
	left: 50%;
	margin-left: -20px;
}

/*** 

====================================================================
	Search Popup
====================================================================

***/

.search-popup {
	position: fixed;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
	overflow-y: auto;
	-webkit-transform: translateY(101%);
	-ms-transform: translateY(101%);
	transform: translateY(101%);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	background: rgba(0, 0, 0, 0.80);
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
}

.search-popup .overlay-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
}

.search-popup.popup-visible {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	visibility: visible;
	opacity: 1;
}

.search-popup .close-search {
	position: absolute;
	right: 25px;
	top: 25px;
	font-size: 22px;
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
}

.search-popup .close-search:hover {
	opacity: 0.70;
}

.search-popup .search-form {
	position: relative;
	padding: 0px 15px 0px;
	max-width: 1024px;
	margin: 0 auto;
	margin-top: 200px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.search-popup .search-form fieldset {
	position: relative;
	border: 7px solid rgba(255, 255, 255, 0.50);
	-webkit-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.search-popup .search-form fieldset input[type="search"] {
	position: relative;
	height: 70px;
	padding: 20px 220px 20px 30px;
	background: #ffffff;
	line-height: 30px;
	font-size: 24px;
	color: #233145;
	-webkit-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.search-popup .search-form fieldset input[type="submit"] {
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	text-align: center;
	width: 220px;
	height: 70px;
	padding: 20px 10px 20px 10px;
	color: #ffffff !important;
	background: #e9c37a;
	line-height: 30px;
	font-size: 20px;
	cursor: pointer;
	text-transform: uppercase;
	-moz-border-radius: 0px 7px 7px 0px;
	-ms-border-radius: 0px 7px 7px 0px;
	-o-border-radius: 0px 7px 7px 0px;
	-webkit-border-radius: 0px 7px 7px 0px;
	border-radius: 0px 7px 7px 0px;
}

.search-popup .search-form fieldset input[type="submit"]:hover {
	background: #e9c37a;
}

.search-popup h3 {
	font-size: 24px;
	color: #ffffff;
	margin-bottom: 20px;
	text-align: center;
}

.search-popup .recent-searches {
	font-size: 16px;
	color: #ffffff;
	text-align: center;
}

.search-popup .recent-searches li {
	display: inline-block;
	margin: 0px 10px 10px 0px;
}

.search-popup .recent-searches li a {
	display: block;
	line-height: 24px;
	border: 1px solid #ffffff;
	padding: 7px 15px;
	color: #ffffff;
	border-radius: 3px;
	-webkit-transition: top 300ms ease;
	-moz-transition: top 300ms ease;
	-ms-transition: top 300ms ease;
	-o-transition: top 300ms ease;
	transition: top 300ms ease;
}

.search-popup .recent-searches li a:hover {
	color: #e9c37a;
	border-color: #e9c37a;
}

/*** 

====================================================================
	Main Slider
====================================================================

***/

.main-slider {
	position: relative;
}

.main-slider.style-two .slide {
	padding: 200px 0px 250px;
}

.main-slider.style-three .slide {
	padding: 190px 0px 220px;
}

.main-slider.style-four .slide {
	padding: 210px 0px 165px;
}

.main-slider.style-two:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 70px;
	height: 100%;
	z-index: 10;
	background-color: #1a1a1a;
}

.main-slider.style-two:after {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	width: 70px;
	height: 100%;
	z-index: 10;
	background-color: #1a1a1a;
}

.main-slider .social-icons {
	position: absolute;
	left: 25px;
	bottom: 0px;
	z-index: 11;
	text-align: center;
}

.main-slider .social-icons li {
	position: relative;
	margin-bottom: 12px;
}

.main-slider .social-icons li:last-child {
	margin-bottom: 0px;
}

.main-slider .social-icons li a {
	position: relative;
	font-size: 14px;
	color: #6f6f70;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.main-slider .social-icons li a:hover {
	color: #ffffff;
}

.main-slider .slide {
	position: relative;
	padding: 300px 0px 210px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.main-slider .slide .image-layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 6000ms linear;
	-moz-transition: all 6000ms linear;
	-ms-transition: all 6000ms linear;
	-o-transition: all 6000ms linear;
	transition: all 6000ms linear;
}

.main-slider .active .slide .image-layer {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
}

.main-slider .content {
	position: relative;
	z-index: 10;
}

.main-slider .content h2 {
	position: relative;
	color: #ffffff;
	font-size: 62px;
	font-weight: 700;
	line-height: 1.1em;
	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(80px);
	-moz-transform: translateY(80px);
	-ms-transform: translateY(80px);
	-o-transform: translateY(80px);
	transform: translateY(80px);
}

.main-slider .active .content h2 {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	transition-delay: 1000ms;
}

.main-slider .content .text {
	position: relative;
	color: #ffffff;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.8em;
	margin-top: 35px;
	margin-bottom: 40px;
	opacity: 0;
	max-width: 570px;
	font-family: 'Open Sans', sans-serif;
	-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(80px);
	-moz-transform: translateY(80px);
	-ms-transform: translateY(80px);
	-o-transform: translateY(80px);
	transform: translateY(80px);
}

.main-slider .active .content .text {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	transition-delay: 1800ms;
}

.main-slider .content .theme-btn {
	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(80px);
	-moz-transform: translateY(80px);
	-ms-transform: translateY(80px);
	-o-transform: translateY(80px);
	transform: translateY(80px);
}

.main-slider .active .content .theme-btn {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	transition-delay: 2200ms;
}

.main-slider .owl-nav {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
	width: 100%;
	height: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.main-slider:hover .owl-nav {
	opacity: 1;
}

.main-slider .owl-next {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 60px;
	font-size: 24px;
	line-height: 60px;
	border-radius: 5px 0px 0px 5px;
	opacity: 0.70;
	text-align: center;
	color: #353535;
	background-image: none;
	-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;
	background-color: rgba(255, 255, 255, 0.90);
}

.main-slider .owl-prev {
	position: absolute;
	top: 0;
	left: 0px;
	width: 50px;
	height: 60px;
	font-size: 24px;
	line-height: 60px;
	border-radius: 0px 5px 5px 0px;
	opacity: 0.70;
	text-align: center;
	color: #353535;
	-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;
	background-image: none;
	background-color: rgba(255, 255, 255, 0.90);
}

.main-slider .owl-next:hover,
.main-slider .owl-prev:hover {
	background: #dfb162;
	opacity: 1;
}

.main-slider .owl-dots {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	text-align: center;
}

.main-slider .owl-dots .owl-dot {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0px 4px;
}

.main-slider .owl-dots .owl-dot span {
	position: relative;
	display: block;
	width: 14px;
	height: 14px;
	background: rgba(255, 255, 255, 0.90);
	border-radius: 50%;
}

.main-slider .owl-dots .owl-dot.active span {
	background: #dfb162;
}

/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer {
	position: relative;
	background-color: #242424;
}

.main-footer .widgets-section {
	position: relative;
	padding: 80px 0px 30px;
}

.main-footer .footer-widget {
	position: relative;
	margin-bottom: 30px;
}

.main-footer .footer-widget h2 {
	position: relative;
	font-size: 20px;
	font-weight: 400;
	color: #ffffff;
	padding-bottom: 16px;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.main-footer .footer-widget h2:after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 30px;
	height: 1px;
	background-color: #dfb162;
}

.main-footer .logo-widget {
	position: relative;
}

.main-footer .logo-widget .logo {
	position: relative;
	margin-bottom: 12px;
}

.main-footer .logo-widget .text {
	position: relative;
	color: #a8a8a8;
	font-size: 14px;
	font-weight: 400;
	padding-right: 60px;
	margin-bottom: 35px;
	line-height: 1.9em;
}

.main-footer .logo-widget .social-icons {
	position: relative;
}

.main-footer .logo-widget .social-icons li {
	position: relative;
	margin-right: 10px;
	display: inline-block;
}

.main-footer .logo-widget .social-icons li a {
	position: relative;
	width: 36px;
	height: 36px;
	font-size: 14px;
	text-align: center;
	border-radius: 50%;
	line-height: 34px;
	color: #ffffff;
	font-weight: 400;
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, 0.30);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .logo-widget .social-icons li a:hover {
	color: #dfb162;
	border-color: #dfb162;
}

/* Links Widget */

.links-widget {
	position: relative;
}

.links-widget .list {
	position: relative;
}

.links-widget .list li {
	position: relative;
	margin-bottom: 12px;
}

.links-widget .list li a {
	position: relative;
	color: #a8a8a8;
	font-size: 15px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.links-widget .list li a:hover {
	color: #ffffff;
}

/* Contact Widget */

.contact-widget .contact-number {
	position: relative;
	color: #a8a8a8;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 10px;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contact-widget .contact-number:hover {
	color: #ffffff;
}

.contact-widget ul {
	position: relative;
}

.contact-widget ul li {
	position: relative;
	color: #a8a8a8;
	font-size: 15px;
	line-height: 1.9em;
	margin-bottom: 6px;
}

.contact-widget ul li a {
	position: relative;
	color: #a8a8a8;
	font-size: 15px;
	line-height: 1.9em;
	margin-left: 4px;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contact-widget ul li a:hover {
	color: #ffffff;
}

/* Newsletter Widget */

.newsletter-widget .text {
	position: relative;
	color: #a8a8a8;
	font-size: 15px;
	line-height: 1.9em;
	margin-bottom: 15px;
}

/*Newsletter Form*/

.newsletter-form {
	position: relative;
	margin-bottom: 30px;
}

.newsletter-form .form-group {
	position: relative;
	display: block;
	z-index: 1;
	margin-bottom: 0px;
}

.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="tel"],
.newsletter-form .form-group input[type="email"],
.newsletter-form .form-group textarea {
	position: relative;
	width: 100%;
	line-height: 28px;
	padding: 10px 25px;
	height: 46px;
	color: #ffffff;
	display: inline-block;
	font-size: 14px;
	background: none;
	letter-spacing: 1px;
	border: 1px solid rgba(255, 255, 255, 0.20);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.newsletter-form textarea::-webkit-input-placeholder,
.newsletter-form input::-webkit-input-placeholder {
	color: #cccccc;
}

.newsletter-form .form-group input:focus {
	border-color: #dfb162;
}

.newsletter-form .form-group input[type="submit"],
.newsletter-form .form-group button {
	margin-top: 25px;
}

.main-footer .footer-bottom {
	position: relative;
	padding: 25px 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.main-footer .footer-bottom .copyright {
	position: relative;
	color: #767676;
	font-size: 14px;
}

.main-footer .footer-bottom .purchase {
	position: relative;
	color: #dfb162;
	font-size: 14px;
}

/*** 

====================================================================
	Call To Action Section
====================================================================

***/

.call-to-action-section {
	position: relative;
	padding: 150px 0px 90px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.call-to-action-section:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0, 0, 0, 0.45);
}

.call-to-action-section h2 {
	position: relative;
	color: #ffffff;
	font-size: 55px;
	font-weight: 700;
	line-height: 1.3em;
}

.call-to-action-section .text {
	position: relative;
	color: #ffffff;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.3em;
	margin-top: 14px;
	max-width: 820px;
	margin-bottom: 40px;
	font-family: 'Rufina', serif;
}

/*** 

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

***/

.services-section {
	position: relative;
	padding: 85px 0px 60px;
	background-color: #282d31;
}

.services-section .title-box {
	position: relative;
	padding-left: 32px;
	margin-bottom: 55px;
	border-left: 1px solid rgba(255, 255, 255, 0.20);
}

.services-section .title-box h2 {
	position: relative;
	color: #dfb162;
	font-size: 38px;
	line-height: 1.3em;
}

.service-block {
	position: relative;
	margin-bottom: 30px;
}

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

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

.service-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
	-webkit-transform: translateX(50px) scale(1.3, 1.3);
	-ms-transform: translateX(50px) scale(1.3, 1.3);
	transform: translateX(50px) scale(1.3, 1.3);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .inner-box:hover .image img {
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}

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

.service-block .inner-box .image a:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: padding-box content-box;
	background-color: #dfb162;
	padding: 15px;
	content: "";
	outline-offset: -15px;
	visibility: hidden;
	opacity: 0.5;
	z-index: 1;
	-webkit-transform: scale(0.5) rotateX(180deg);
	-moz-transform: scale(0.5) rotateX(180deg);
	-ms-transform: scale(0.5) rotateX(180deg);
	-o-transform: scale(0.5) rotateX(180deg);
	transform: scale(0.5) rotateX(180deg);
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.service-block .inner-box:hover .image a:before {
	-webkit-transform: scale(1) rotateX(0deg);
	-moz-transform: scale(1) rotateX(0deg);
	-ms-transform: scale(1) rotateX(0deg);
	-o-transform: scale(1) rotateX(0deg);
	transform: scale(1) rotateX(0deg);
	visibility: visible;
}

.service-block .inner-box .lower-content {
	position: relative;
	padding-top: 24px;
}

.service-block .inner-box .lower-content h3 {
	position: relative;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.3em;
}

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

.service-block .inner-box .lower-content h3 a:hover {
	color: #dfb162;
}

.service-block .inner-box .lower-content .text {
	position: relative;
	font-size: 16px;
	color: #cccccc;
	font-weight: 400;
	line-height: 1.9em;
	margin-top: 12px;
	margin-bottom: 10px;
}

.service-block .inner-box .lower-content .read-more {
	position: relative;
	color: #dfb162;
	font-size: 15px;
	text-decoration: underline;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block .inner-box .lower-content .read-more:hover {
	color: #ffffff;
}

/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two {
	position: relative;
	padding: 90px 0px 70px;
	background-color: #f2f0f8;
}

.service-block-two {
	position: relative;
	margin-bottom: 30px;
}

.service-block-two .inner-box {
	position: relative;
	padding: 35px 25px 30px;
	background-color: #ffffff;
}

.service-block-two .inner-box:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	height: 100%;
	width: 0px;
	background-color: #dfb162;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

/*.service-block-two .inner-box:after{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	height:100%;
	width:0px;
	background-color:#dfb162;
	-webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}*/

.service-block-two .inner-box:hover::before,
.service-block-two .inner-box:hover::after {
	width: 100%;
}

.service-block-two .inner-box .content {
	position: relative;
	padding-left: 82px;
	z-index: 1;
}

.service-block-two .inner-box .content .icon-box {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #dfb162;
	font-size: 60px;
	line-height: 1em;
	-webkit-transition: all 1200ms ease;
	-ms-transition: all 1200ms ease;
	-o-transition: all 1200ms ease;
	-moz-transition: all 1200ms ease;
	transition: all 1200ms ease;
}

.service-block-two .inner-box:hover .content .read-more,
.service-block-two .inner-box:hover .content .text,
.service-block-two .inner-box:hover .content h3 a,
.service-block-two .inner-box:hover .content .icon-box {
	color: #ffffff;
}

.service-block-two .inner-box .content h3 {
	position: relative;
	color: #222222;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.3em;
}

.service-block-two .inner-box .content h3 a {
	position: relative;
	color: #222222;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

.service-block-two .inner-box .content .text {
	position: relative;
	color: #898989;
	font-size: 16px;
	line-height: 1.7em;
	margin-top: 12px;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

.service-block-two .inner-box .content .read-more {
	position: relative;
	color: #dfb162;
	font-size: 15px;
	font-weight: 600;
	margin-top: 15px;
	display: inline-block;
	text-decoration: underline;
	font-family: 'Poppins', 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;
}

/*** 

====================================================================
	Project Section
====================================================================

***/

.project-section {
	position: relative;
	padding: 90px 0px;
	background-color: #282d31;
}

.project-section .title-box {
	position: relative;
	text-align: center;
	margin-bottom: 45px;
}

.project-section .title-box h2 {
	position: relative;
	color: #dfb162;
	font-size: 38px;
	font-weight: 400;
}

.project-section .outer-container {
	position: relative;
	padding: 0px 30px;
	margin: 0px -2px;
}

.project-section .filters {
	position: relative;
	margin-bottom: 50px;
}

.project-section .filters .filter-tabs {
	position: relative;
}

.project-section .filters li {
	position: relative;
	display: inline-block;
	color: #ffffff;
	cursor: pointer;
	font-size: 20px;
	font-weight: 400;
	margin: 0px 30px 6px;
	padding: 0px 0px 6px;
	text-transform: capitalize;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	font-family: 'Rufina', serif;
}

.project-section .filters li:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	height: 1px;
	width: 0px;
	background-color: #e9c37a;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.project-section .filters li.active,
.project-section .filters li:hover {
	color: #dfb162;
}

.project-section .filters li.active::before,
.project-section .filters li:hover::before {
	width: 100%;
}

.project-section.style-two .filters li:before {
	background-color: #242424;
}

.project-section.style-two {
	background-color: #cecece;
}

.project-section.style-two .filters li,
.project-section.style-two .title-box h2,
.project-section.style-two .more-projects .projects {
	color: #242424;
}

.project-section .gallery-item.large-block {
	width: 40%;
	float: left;
	padding: 0px 15px;
}

.project-section .gallery-item.small-block {
	width: 20%;
	float: left;
	padding: 0px 15px;
}

.project-section .more-projects {
	position: relative;
	margin-top: 10px;
	text-align: center;
}

.project-section .more-projects .projects {
	position: relative;
	color: #dfb162;
	font-size: 22px;
	font-weight: 400;
	font-family: 'Rufina', serif;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.project-section .more-projects .projects:hover {
	color: #ffffff;
}

/*Gallery Item*/

.gallery-item {
	position: relative;
	margin-bottom: 30px;
}

.gallery-item .inner-box {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.gallery-item .image-box {
	position: relative;
	display: block;
	margin: 0px;
}

.gallery-item .image-box img {
	position: relative;
	display: block;
	width: 100%;
}

.gallery-item .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	color: #ffffff;
	text-align: center;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	background-color: rgba(0, 0, 0, 0.65);
}

.gallery-item .inner-box:hover .overlay-box {
	opacity: 1;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}

.gallery-item .overlay-inner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
	padding: 10px 0px;
}

.gallery-item .overlay-inner .content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	opacity: 0;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
}

.gallery-item .overlay-inner .content h3 {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3em;
	margin-bottom: 18px;
}

.gallery-item .overlay-inner .content h3 a {
	position: relative;
	color: #ffffff;
}

.gallery-item .inner-box:hover .overlay-inner .content {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	transition: all 500ms ease 500ms;
	-webkit-transition: all 500ms ease 500ms;
	-ms-transition: all 500ms ease 500ms;
	-o-transition: all 500ms ease 500ms;
}

.gallery-item .overlay-inner .link {
	position: relative;
	font-size: 18px;
	color: #ffffff;
	width: 46px;
	height: 46px;
	line-height: 44px;
	border-radius: 50%;
	margin: 0px 5px;
	font-weight: 600;
	display: inline-block;
	border: 1px solid #ffffff;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.gallery-item .overlay-inner .link .icon {
	position: relative;
}

.gallery-item .overlay-inner .link:hover {
	color: #dfb162;
	background-color: rgba(255, 255, 255, 1);
}

/*** 

====================================================================
	Fluid Section One
====================================================================

***/

.fluid-section-one {
	position: relative;
	background-color: #282d31;
}

.fluid-section-one .outer-container {
	position: relative;
}

.fluid-section-one .image-column {
	position: absolute;
	right: 0px;
	top: 70px;
	width: 45%;
	bottom: 0px;
	float: right;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.fluid-section-one .image-column .inner-column {
	position: static;
}

.fluid-section-one .image-column:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.20);
}

.fluid-section-one .image-column .image {
	width: 100%;
	display: none;
}

.fluid-section-one .image-column .image img {
	display: block;
	width: 100%;
}

.fluid-section-one .image-column .overlay-link {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.03);
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.fluid-section-one .image-column .overlay-link .icon-box {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 80px;
	height: 80px;
	color: #ffffff;
	font-size: 22px;
	padding-left: 6px;
	line-height: 80px;
	text-align: center;
	border-radius: 50%;
	margin-bottom: 50px;
	display: inline-block;
	margin-left: -40px;
	margin-top: -40px;
	background-color: #dfb162;
}

.fluid-section-one .image-column .overlay-link .ripple,
.fluid-section-one .image-column .overlay-link .ripple:before,
.fluid-section-one .image-column .overlay-link .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.fluid-section-one .image-column .overlay-link .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.fluid-section-one .image-column .overlay-link .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

/*Content Column*/

.fluid-section-one .content-column {
	position: relative;
	width: 60%;
	float: left;
	padding: 95px 165px 80px 15px;
}

.fluid-section-one .content-column:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #dfb162;
}

.fluid-section-one .content-column .image-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-position: left top;
	background-repeat: no-repeat;
}

.fluid-section-one .content-column .content-box {
	position: relative;
	max-width: 550px;
	float: right;
}

.fluid-section-one .content-column h2 {
	position: relative;
	color: #242424;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3em;
}

.fluid-section-one .content-column .text {
	position: relative;
	color: #242424;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8em;
	margin-top: 12px;
	margin-bottom: 28px;
}

.fluid-section-one .content-column .bold-text {
	position: relative;
	color: #242424;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.5em;
	margin-top: 30px;
	font-family: 'Rufina', serif;
}

.fluid-section-one .content-column .bold-text a {
	text-decoration: underline;
	color: #242424;
}

.fluid-section-one.style-two {
	background-color: #ffffff;
}

.fluid-section-one.style-two .content-column:before {
	background-color: #272a2c;
}

.fluid-section-one.style-two .content-column .text {
	color: #b1b1b1;
}

.fluid-section-one.style-two .content-column .bold-text,
.fluid-section-one.style-two .content-column h2 {
	color: #ffffff;
}

.fluid-section-one.style-two .content-column .bold-text a {
	color: #dfb162;
}

.fluid-section-one.style-two .list-style-one li:before,
.fluid-section-one.style-two .list-style-one li {
	color: #939393;
}

.fluid-section-one.style-three {
	background-color: #272a2c;
}

/*** 

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section {
	position: relative;
	padding: 90px 0px 110px;
	background-color: #f0f0f0;
}

.testimonial-section .owl-nav,
.testimonial-section .owl-dots {
	display: none;
}

.testimonial-block {
	position: relative;
}

.testimonial-block .inner-box {
	position: relative;
	padding: 35px 30px 45px;
	background-color: #ffffff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.10);
}

.testimonial-block .inner-box .content {
	position: relative;
	padding-left: 95px;
}

.testimonial-block .inner-box .content .image-outer {
	position: absolute;
	left: 0px;
	top: 0px;
	display: inline-block;
}

.testimonial-block .inner-box .content .image-outer:before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: -22px;
	height: 2px;
	width: 25px;
	margin-left: -12px;
	background-color: #dddddd;
}

.testimonial-block .inner-box .content .image-outer .image {
	position: relative;
	width: 65px;
	height: 65px;
	overflow: hidden;
	border-radius: 50%;
}

.testimonial-block .inner-box .content h3 {
	position: relative;
	color: #242424;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4em;
}

.testimonial-block .inner-box .content .title {
	position: relative;
	color: #e2b262;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4em;
	font-style: italic;
	margin-top: 6px;
	font-family: 'Lato', sans-serif;
}

.testimonial-block .inner-box .content .text {
	position: relative;
	color: #797979;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7em;
	margin-top: 12px;
}

/*** 

====================================================================
	Featured Section
====================================================================

***/

.featured-section {
	position: relative;
	padding: 75px 0px 50px;
	background-attachment: fixed;
	background-size: cover;
}

.featured-section:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(31, 34, 37, 0.90);
}

.featured-section .title-box {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}

.featured-section .title-box h2 {
	position: relative;
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.3em;
}

/* Feature Block */

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

.feature-block .inner-box {
	position: relative;
	text-align: center;
}

.feature-block .inner-box .icon-outer {
	position: relative;
	display: inline-block;
}

.feature-block .inner-box .icon-outer .icon-box {
	position: relative;
	width: 136px;
	height: 136px;
	color: #404040;
	font-size: 60px;
	margin: 0 auto;
	line-height: 136px;
	border-radius: 50%;
	background-color: #f0f0f0;
	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;
}

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

.feature-block .inner-box .icon-outer .feature-number {
	position: absolute;
	right: 0px;
	bottom: 8px;
	width: 40px;
	height: 40px;
	color: #000000;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	border-radius: 50px;
	font-weight: 600;
	background-color: #e0b262;
	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;
}

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

.feature-block .inner-box .lower-content {
	position: relative;
	padding-top: 34px;
}

.feature-block .inner-box .lower-content h3 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3em;
	letter-spacing: 1px;
}

.feature-block .inner-box .lower-content h3 a {
	position: relative;
	color: #e4b563;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.feature-block .inner-box .lower-content .text {
	position: relative;
	color: #cdcdcd;
	font-size: 16px;
	line-height: 1.8em;
	margin-top: 14px;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

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

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section {
	position: relative;
	padding: 90px 0px 60px;
	background-color: #fafafa;
}

.news-section.style-two {
	background: none;
}

.news-block {
	position: relative;
	margin-bottom: 30px;
}

.news-block .inner-box {
	position: relative;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
}

.news-block .inner-box .image {
	position: relative;
	display: block;
	overflow: hidden;
	background-color: #000000;
}

.news-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
	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;
}

.news-block .inner-box:hover .image img {
	opacity: 0.5;
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07);
}

.news-block .inner-box .lower-content {
	position: relative;
	padding: 30px 25px 25px;
	background-color: #ffffff;
}

.news-block .inner-box .lower-content {
	position: relative;
}

.news-block .inner-box .lower-content .post-meta {
	position: relative;
}

.news-block .inner-box .lower-content .post-meta li {
	position: relative;
	color: #797979;
	font-size: 15px;
	display: inline-block;
	padding-right: 15px;
	margin-right: 15px;
	line-height: 1.3em;
	border-right: 1px solid #242424;
}

.news-block .inner-box .lower-content .post-meta li:last-child {
	margin-right: 0px;
	border-right: 0px;
	padding-right: 0px;
}

.news-block .inner-box .lower-content .post-meta li span {
	position: relative;
	color: #242424;
}

.news-block .inner-box .lower-content h3 {
	position: relative;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.6em;
	margin-top: 15px;
}

.news-block .inner-box .lower-content h3 a {
	position: relative;
	color: #242424;
	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;
}

.news-block .inner-box .lower-content h3 a:hover {
	color: #dfb162;
}

.news-block .inner-box .lower-content .read-more {
	position: relative;
	color: #242424;
	font-size: 16px;
	margin-top: 14px;
	display: inline-block;
	font-family: 'Rufina', serif;
	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;
}

.news-block .inner-box .lower-content .read-more:hover {
	color: #dfb162;
}

.news-block .inner-box .lower-content .read-more .icon {
	position: relative;
	top: 1px;
	font-size: 14px;
	margin-left: 4px;
}

/*** 

====================================================================
	Services Section Three
====================================================================

***/

.services-section-three {
	position: relative;
	padding: 95px 0px 60px;
}

.services-section-three .row {
	margin: 0px -10px;
}

.services-section-three .service-block-three {
	padding: 0px 10px;
}

.services-section-three .btn-box {
	margin-top: 30px;
}

.service-block-three {
	position: relative;
	margin-bottom: 30px;
}

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

.service-block-three .inner-box .image {
	position: relative;
	overflow: hidden;
}

.service-block-three .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
	-webkit-transform: scale(1.3, 1.3);
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
}

.service-block-three .inner-box:hover .image img {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.service-block-three .inner-box .image a {
	position: relative;
	display: block;
}

.service-block-three .inner-box .image a:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	height: 0px;
	width: 100%;
	opacity: 0.65;
	z-index: 1;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
	background-color: #dfb162;
}

.service-block-three .inner-box:hover .image a:before {
	height: 100%;
}

.service-block-three .inner-box .lower-content {
	position: relative;
	padding: 34px 20px 50px;
	text-align: center;
	background-color: #222222;
}

.service-block-three .inner-box .lower-content h3 {
	position: relative;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.3em;
}

.service-block-three .inner-box .lower-content h3 a {
	position: relative;
	color: #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;
}

.service-block-three .inner-box .lower-content h3 a:hover {
	color: #dfb162;
}

.service-block-three .inner-box .lower-content .text {
	position: relative;
	font-size: 15px;
	color: #a0a0a0;
	font-weight: 400;
	line-height: 1.9em;
	margin-top: 12px;
	margin-bottom: 16px;
}

.service-block-three .inner-box .lower-content .read-more {
	position: relative;
	color: #dfb162;
	font-size: 15px;
	text-decoration: underline;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.service-block-three .inner-box .lower-content .read-more:hover {
	color: #ffffff;
}

.service-block-three.style-two .inner-box .lower-content .read-more:hover {
	color: #101010;
}

.service-block-three.style-two .inner-box .lower-content h3 a:hover {
	text-decoration: underline;
	color: #dfb162;
}

.service-block-three.style-two .inner-box {
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.service-block-three.style-two .inner-box .lower-content {
	background-color: #ffffff;
}

.service-block-three.style-two .inner-box .lower-content h3 a {
	color: #242424;
}

.service-block-three.style-two .inner-box .lower-content .text {
	color: #a0a0a0;
}

/*** 

====================================================================
	Project Section Two
====================================================================

***/

.project-section-two {
	position: relative;
	padding: 40px 0px 60px;
}

.project-section-two .outer-container {
	padding: 0px 70px;
}

.project-section-two .outer-container .row {
	margin: 0px -10px;
}

.project-section-two .outer-container .gallery-item {
	padding: 0px 10px;
	margin-bottom: 20px;
}

/*** 

====================================================================
	Interior Section
====================================================================

***/

.interior-section {
	position: relative;
	padding: 20px 0px 0px;
}

.interior-section .inner-container {
	position: relative;
	z-index: 1;
	background-color: #282d31;
}

.interior-section .image-column {
	position: relative;
}

.interior-section .image-column .inner-column {
	position: relative;
}

.interior-section .image-column .inner-column .image {
	position: relative;
}

.interior-section .image-column .inner-column .image img {
	position: relative;
	width: 100%;
	display: block;
}

.interior-section .content-column {
	position: relative;
}

.interior-section .content-column .inner-column {
	position: relative;
	padding: 75px 60px 40px;
}

.interior-section .content-column h2 {
	position: relative;
	color: #ffffff;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.3em;
}

.interior-section .content-column .text {
	position: relative;
	color: #cccccc;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7em;
	margin-top: 16px;
	margin-bottom: 50px;
}

.dark-layout .interior-section .content-column .text,
.dark-layout .interior-section .content-column .column-text,
.fluid-section-one.style-two .list-style-one li:before,
.fluid-section-one.style-two .list-style-one li,
.services-section-four .sec-title .text,
.team-section .sec-title .text {
	color: #cccccc;
}

.interior-block {
	position: relative;
	margin-bottom: 30px;
}

.interior-block .block-inner {
	position: relative;
	text-align: center;
}

.interior-block .block-inner .icon-box {
	position: relative;
	color: #797979;
	font-size: 60px;
	line-height: 1em;
}

.interior-block .block-inner h3 {
	position: relative;
	color: #e3e3e3;
	font-size: 16px;
	line-height: 1.3em;
	margin-top: 24px;
	font-family: 'Open Sans', sans-serif;
}

.interior-section .content-column .bold-text {
	position: relative;
	color: #d2ba70;
	font-size: 22px;
	font-weight: 700;
	margin-top: 45px;
	font-family: 'Rufina', serif;
}

.interior-section .content-column .column-text {
	position: relative;
	color: #cccccc;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7em;
	margin-top: 10px;
}

.interior-section.style-two {
	padding-top: 100px;
}

.interior-section.style-three {
	padding-top: 0px;
}



/*** 

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

***/

.banner-section {
	position: relative;
	padding: 135px 0px 40px;
	background-size: cover;
	background-repeat: no-repeat;
}

.banner-section .form-column {
	position: relative;
	margin-bottom: 30px;
}

.banner-section .form-column .inner-column {
	position: relative;
}

.banner-section .form-column .form-box {
	position: relative;
	padding: 55px 30px 30px;
	background-color: rgba(255, 255, 255, 0.95);
}

.banner-section .form-column .form-box h2 {
	position: relative;
	color: #242424;
	font-size: 27px;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 25px;
	text-align: center;
}

.banner-section .form-column .text {
	position: relative;
	color: #9e9d9d;
	font-size: 12px;
	font-weight: 600;
	margin: 20px 10px 0px;
}

.banner-section .form-column .text a {
	position: relative;
	color: #e5441a;
}

.banner-section .content-column {
	position: relative;
	margin-bottom: 30px;
}

.banner-section .content-column .inner-column {
	position: static;
}

.banner-section .content-column .content {
	position: absolute;
	margin-left: 190px;
	bottom: 0px;
	padding: 18px 30px;
	display: inline-block;
	background-color: #000000;
}

.banner-section .content-column .content h3 {
	position: relative;
	color: #dfb162;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.3em;
}

.banner-section .content-column .content .text {
	position: relative;
	color: #cacaca;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.7em;
	margin-top: 7px;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
	width: 100%;
	font-size: 16px;
	font-style: normal;
	line-height: 25px;
	color: #797979;
	padding: 10.5px 20px;
	background: #ffffff;
	border-radius: 0px;
	border: 1px solid #dedddd;
}

.form-group .ui-button .ui-icon {
	background: none;
	position: relative;
	top: -1px;
	text-indent: 0px;
	color: #333333;
	font-size: 20px;
}

.form-group .ui-button .ui-icon:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0d7";
	position: absolute;
	right: 0px;
	top: 2px !important;
	top: 13px;
	width: 10px;
	height: 30px;
	display: block;
	color: #929292;
	line-height: 23px;
	font-size: 18px;
	font-weight: 800;
	text-align: center;
	z-index: 5;
}

.ui-widget.ui-widget-content {
	border: 1px solid #e0e0e0;
}

.ui-menu .ui-menu-item {
	font-size: 14px;
	border-bottom: 1px solid #e0e0e0;
}

.ui-menu .ui-menu-item:last-child {
	border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
	background-color: #dfb162;
	border-color: #dfb162;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	display: block;
	padding: 8px 20px;
	font-size: 14px;
	line-height: 24px;
}

/*Default Form*/

.default-form {
	position: relative;
}

.default-form .form-group {
	position: relative;
	margin-bottom: 15px;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form select,
.default-form textarea {
	display: block;
	width: 100%;
	line-height: 28px;
	height: 48px;
	font-size: 15px;
	padding: 10px 20px;
	background: #ffffff;
	color: #797979;
	border-radius: 0px;
	border: 1px solid #dddede;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.default-form textarea {
	height: 240px;
	resize: none;
	font-size: 16px;
	background: #ffffff;
}

.default-form input[type="text"]:focus,
.default-form input[type="email"]:focus,
.default-form input[type="password"]:focus,
.default-form select:focus,
.default-form textarea:focus {
	border-color: #dfb162;
}

.default-form .submit-btn {
	position: relative;
	color: #ffffff;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	border-radius: 2px;
	padding: 14px 10px;
	display: block;
	margin-top: 20px;
	background-color: #e5441a;
}

/*** 

====================================================================
	Mission Section
====================================================================

***/

.mission-section {
	position: relative;
	padding: 100px 0px 60px;
	background-color: #edf1f4;
}

.mission-section.style-two {
	padding-top: 20px;
}

.mission-section .image-column {
	position: relative;
	margin-bottom: 40px;
}

.mission-section .image-column .inner-column {
	position: relative;
	margin-right: -50px;
}

.mission-section .image-column .inner-column .image {
	position: relative;
}

.mission-section .image-column .inner-column .image img {
	position: relative;
	width: 100%;
	display: block;
}

.mission-section .content-column {
	position: relative;
	margin-bottom: 40px;
}

.mission-section .content-column .inner-column {
	position: relative;
	margin-left: 70px;
}

.mission-section .content-column h2 {
	position: relative;
	color: #242424;
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 25px;
}

.mission-section .content-column .bold-text {
	position: relative;
	color: #242424;
	font-size: 22px;
	line-height: 1.6em;
	margin-bottom: 22px;
	font-family: 'Rufina', serif;
}

.mission-section .content-column .text {
	position: relative;
	color: #797979;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 22px;
}

.mission-section .content-column h3 {
	position: relative;
	color: #242424;
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 22px;
}

.mission-section .content-column .mission-list {
	position: relative;
	margin-bottom: 25px;
}

.mission-section .content-column .mission-list li {
	position: relative;
	color: #797979;
	font-size: 16px;
	margin-bottom: 5px;
}

.mission-section .content-column .mission-list:last-child {
	margin-bottom: 0px;
}

/*** 

====================================================================
	Services Section Four
====================================================================

***/

.services-section-four {
	position: relative;
	padding: 90px 0px 90px;
	background-color: #272a2c;
}

.services-section-four .sec-title h2 {
	font-size: 34px;
}

.services-section-four .service-block-three {
	margin-bottom: 50px;
}

.services-section-four .service-block-three .inner-box .lower-content {
	padding: 35px 30px 40px;
}

.services-section-four .more-services {
	position: relative;
	text-align: center;
}

.services-section-four .more-services .services {
	position: relative;
	text-align: center;
	color: #dfb162;
	font-size: 22px;
	font-family: 'Rufina', serif;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.services-section-four .more-services .services:hover {
	color: #ffffff;
}



/*** 

====================================================================
	Project Section Three
====================================================================

***/

.project-section-three {
	position: relative;
	padding: 90px 0px 100px;
	background-color: #222222;
}

.project-section-three .outer-container {
	position: relative;
	padding: 0px 70px;
}

.project-section-three .project-tab {
	position: relative;
}

.project-section-three .project-tab .project-carousel .owl-nav,
.project-section-three .project-tab .project-carousel .owl-dots {
	display: none;
}

.project-section-three .project-tab .tabs-header {
	position: relative;
	margin-bottom: 45px;
}

.project-section-three .project-tab .project-tab-btns {
	position: relative;
	text-align: center;
}

.project-section-three .project-tab .project-tab-btns .p-tab-btn {
	position: relative;
	cursor: pointer;
	color: #ffffff;
	font-weight: 400;
	font-size: 20px;
	display: inline-block;
	margin: 0px 30px;
	margin-bottom: 7px;
	padding: 0px 0px 6px;
	text-transform: capitalize;
	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: 'Rufina', serif;
}

.project-section-three .project-tab .project-tab-btns .p-tab-btn:after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 0%;
	height: 1px;
	opacity: 0;
	background-color: #dfb162;
	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;
}

.project-section-three .project-tab .project-tab-btns .p-tab-btn:hover::after,
.project-section-three .project-tab .project-tab-btns .p-tab-btn.active-btn::after {
	opacity: 1;
	width: 100%;
}

.project-section-three .project-tab .project-tab-btns .p-tab-btn:hover,
.project-section-three .project-tab .project-tab-btns .p-tab-btn.active-btn {
	color: #dfb162;
}

.project-section-three .project-tab .p-tabs-content {
	position: relative;
	display: block;
	padding: 0px 0px;
}

.project-section-three .project-tab .p-tab {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	opacity: 0;
	visibility: hidden;
}

.project-section-three .project-tab .p-tab.active-tab {
	position: relative;
	opacity: 1;
	visibility: visible;
	z-index: 5;
}

.project-section-three .gallery-item {
	margin-bottom: 0px;
}

.p-tab .gallery-item {
	transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	-moz-transform: scaleX(0);
	transform: scaleX(0);
}

.p-tab.active-tab .gallery-item {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	-moz-transform: scaleX(1);
	transform: scaleX(1);
}

/*** 

====================================================================
	Contact Form Section
====================================================================

***/

.contact-form-section {
	position: relative;
	padding: 85px 0px 50px;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.contact-form-section .form-column {
	margin-bottom: 20px;
}

/*** 

====================================================================
	Contact Form
====================================================================

 ***/

.contact-form {
	position: relative;
}

.contact-form .form-group {
	position: relative;
	margin-bottom: 20px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select,
.contact-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 25px;
	color: #797979;
	height: 48px;
	font-size: 16px;
	border-radius: 3px;
	background: #ffffff;
	border: 1px solid #ededed;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group textarea:focus {
	border-color: #dfb162;
}

.contact-form .form-group textarea::-webkit-input-placeholder,
.contact-form .form-group input::-webkit-input-placeholder {
	color: #888888;
}

.contact-form .form-group textarea {
	height: 200px;
	resize: none;
}

.contact-form button {
	cursor: pointer;
	margin-top: 10px;
}

.contact-form button:before {
	background-color: #101010;
}

.contact-form button:hover {
	color: #ffffff;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
	border-color: #ff0000 !important;
}

.contact-form label.error {
	display: block;
	line-height: 24px;
	padding: 5px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 12px;
	color: #ff0000;
	font-weight: 500;
}

.contact-form-section .info-column {
	position: relative;
}

.contact-form-section .info-column .inner-column {
	position: relative;
	padding-top: 10px;
	padding-left: 100px;
}

.contact-form-section .info-column .contact-info-list {
	position: relative;
	margin-bottom: 45px;
}

.contact-form-section .info-column .contact-info-list li {
	position: relative;
	color: #797979;
	font-size: 16px;
	margin-bottom: 4px;
	line-height: 2em;
}

.contact-form-section .info-column .contact-info-list li a {
	position: relative;
	color: #797979;
	font-size: 16px;
}

.contact-form-section .info-column .contact-info-list li a:hover {
	color: #dfb162;
	text-decoration: underline;
}

.contact-form-section .info-column .contact-info-list li strong {
	position: relative;
	color: #242424;
	font-size: 20px;
	font-family: 'Rufina', serif;
}

/*** 

====================================================================
	Welcome Section
====================================================================

 ***/

.welcome-section {
	position: relative;
	padding: 95px 0px 60px;
}

.welcome-section .title-box {
	position: relative;
	text-align: center;
	margin-bottom: 55px;
}

.welcome-section .title-box h2 {
	position: relative;
	color: #242424;
	font-size: 30px;
	line-height: 1.4em;
	padding-bottom: 25px;
}

.welcome-section .title-box h2:before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 0px;
	height: 2px;
	width: 80px;
	margin-left: -40px;
	background-color: #dfb162;
}

.welcome-section .content-column {
	position: relative;
	margin-bottom: 40px;
}

.welcome-section .content-column .inner-column {
	position: relative;
}

.welcome-section .content-column h2 {
	position: relative;
	color: #242424;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.3em;
}

.welcome-section .content-column .text {
	position: relative;
	color: #797979;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8em;
	margin-top: 22px;
	margin-bottom: 25px;
}

.welcome-section .video-column {
	position: relative;
	margin-bottom: 40px;
}

.welcome-section .video-column .inner-column {
	position: relative;
	padding-left: 50px;
}

.welcome-section .video-column .video-box {
	position: relative;
}

.welcome-section .video-column .video-box img {
	position: relative;
	width: 100%;
	display: block;
}

.welcome-section .video-column .video-box .overlay-box {
	position: absolute;
	right: 40px;
	bottom: 35px;
	width: 80px;
	height: 80px;
	z-index: 20;
	line-height: 80px;
	display: inline-block;
	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;
}

.welcome-section .video-column .video-box .overlay-box span {
	position: relative;
	z-index: 99;
	width: 80px;
	height: 80px;
	color: #242424;
	font-weight: 400;
	font-size: 24px;
	text-align: center;
	border-radius: 50%;
	padding-left: 4px;
	display: inline-block;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	background-color: #dfb162;
}

/*** 

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

***/

.page-title {
	position: relative;
	padding: 190px 0px 70px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right center;
}

.page-title:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 100%);
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100, #000000));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #000000 100%);
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

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

.page-title h2 {
	position: relative;
	color: #ffffff;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 10px;
	font-size: 50px;
	text-transform: capitalize;
}

.page-breadcrumb {
	position: relative;
}

.page-breadcrumb li {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	padding-right: 15px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
}

.page-breadcrumb li:after {
	position: absolute;
	content: "\f149";
	right: -2px;
	top: 1px;
	color: #ffffff;
	font-size: 8px;
	font-weight: 700;
	font-family: "Flaticon";
}

.page-breadcrumb li:last-child::after {
	display: none;
}

.page-breadcrumb li:last-child {
	padding-right: 0px;
	margin-right: 0px;
}

.page-breadcrumb li a {
	color: #dfb162;
	font-weight: 400;
	text-transform: capitalize;
	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;
}

.page-breadcrumb li a:hover {
	color: #ffffff;
}



/*** 

====================================================================
	Services Page Section
====================================================================

***/

.services-page-section {
	position: relative;
	padding: 85px 0px 55px;
	background-color: #272a2c;
}

.services-page-section .service-block-three {
	margin-bottom: 50px;
}

.services-page-section .service-block-three .inner-box .image a:before {
	background-color: #000000;
}

.services-page-section.style-two {
	background-color: #ffffff;
}

.services-page-section.style-two .service-block-three .inner-box .image a:before {
	background-color: #dfb162;
}









.grade-buttons,
.product-buttons {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.grade-title a.active {
	color: orange !important;
	font-weight: bold;
}

.service-block-three .grade-title a.active {
	color: orange !important;
	font-weight: bold;
}

.grade-layout {
	display: flex;
	gap: 20px;
	margin-top: 30px;
}

/* Left menu styles */
.grade-menu {
	flex: 0 0 200px;
	/* fixed width */
	border-right: 1px solid #ddd;
}

.grade-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.grade-menu ul li a {
	display: block;
	padding: 12px 15px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	border-left: 4px solid transparent;
	transition: all 0.3s ease;
	cursor: pointer;
}

.grade-menu li.active a,
.grade-menu ul li a.active,
.grade-menu ul li a:hover {
	color: orange;
	border-left-color: orange;
}

/* Right side product buttons */
.grade-products {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.product-buttons {
	display: none;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
}

.product-buttons.active {
	display: flex;
}

.product-detail-container {
	display: block;
}

.product-details {
	display: none;
	padding: 15px;
	border-radius: 6px;
	animation: fadeIn 0.4s ease-in-out;
}

.product-details.active {
	display: block;
}

.product-buttons button {
	padding: 5px 20px;
	cursor: pointer;
	font-weight: bold;
	border-bottom: 4px solid transparent;
	transition: all 0.3s ease;
}

.product-buttons button:hover,
.product-buttons button.selected {
	color: orange;
	border-bottom-color: orange;
}

/* Responsive - stack layout on small screens */
@media (max-width: 767px) {
	.grade-layout {
		flex-direction: column;
	}
}

.grade-menu {
	flex: none;
	border-right: none;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

/* Responsive TABLE  */
.custom-table-container {
	width: 100%;
	overflow-x: auto;
	margin-top: 20px;
}

.custom-table {
	width: 100%;
	max-width: 100%
	border-collapse: collapse;
	background-color: #fff;
	color: #333;
	font-family: Arial, sans-serif;
}

.custom-table th,
.custom-table td {
	padding: 4px 16px;
	border: 1px solid #ccc;
	text-align: left;
}

@media (max-width: 100%) {

	.custom-table th,
	.custom-table td {
		font-size: 14px;
		padding: 6px;
	}
}