/************ 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:#FEA700;
}

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: #FEA700;
	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 #FEA700;
    -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 #FEA700;
    -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 #FEA700;
    -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 #FEA700;
    -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: #FEA700;
	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:#FEA700;
}

.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:#FEA700;
}

/*** 

====================================================================
	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:#FEA700;
	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 #FEA700;
}

.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:#FEA700;
}

/* 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:#FEA700;
	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;
}

.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: #FEA700;
}

.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 #FEA700;
	-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: #FEA700;
	padding-left: 15px;
}

.main-menu .navigation > li > ul > li > a:before{
	position: absolute;
	left: 0;
	top: 12px;
	font-size: 14px;
	line-height: 20px;
	color: #FEA700;
	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 #FEA700;
	-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: #FEA700;
	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: #FEA700;
	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:#FEA700;
	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:#FEA700;
}

.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:#FEA700;
	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: #FEA700;
}

/*** 

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

***/

.nav-outer .mobile-nav-toggler{
	position: relative;
	font-size: 36px;
	line-height: 40px;
	cursor: pointer;
	color:#FEA700;
	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:#FEA700;
	-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:#FEA700;
	-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 #FEA700;
	-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:#FEA700;	
}

.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:#FEA700;	
	-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:#FEA700;	
}

/*** 

====================================================================
		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:#FEA700;
}

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

/* =========================================================
   1. FORCE SLIDE HEIGHT & REMOVE OLD PADDING
   ========================================================= */
.main-slider.style-three .slide {
    height: 655px !important;       /* Increases slider height */
    min-height: 625px !important;
    position: relative !important;
    padding: 0 !important;          /* Overrides old top/bottom paddings */
}

/* =========================================================
   2. PIN CONTENT CONTAINER 10PX FROM THE BOTTOM
   ========================================================= */
.main-slider.style-three .auto-container {
    position: absolute !important;
    bottom: 15px !important;        /* 10px spacing from the bottom */
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 12 !important;
}

/* =========================================================
   3. MOBILE ALIGNMENT (Center Bottom)
   ========================================================= */
@media (max-width: 767px) {
    .main-slider.style-three .content {
        text-align: center !important;
        margin: 0 auto !important;
		 bottom: 55px !important;  
    }

    .main-slider.style-three .content h2 {
        margin-bottom: 0 !important;
    }
}
/* Hide black side panels on mobile screens */
/* =========================================================
   DISABLE ALL MOBILE OVERLAYS & BACKGROUND TINTS (YELLOW/BLACK)
   ========================================================= */
@media (max-width: 767px) {
    /* 1. Remove all pseudo-element overlays across the slider */
    .main-slider:before,
    .main-slider:after,
    .main-slider .slider-box:before,
    .main-slider .slider-box:after,
    .main-slider .banner-carousel:before,
    .main-slider .banner-carousel:after,
    .main-slider .slide:before,
    .main-slider .slide:after,
    .main-slider .image-layer:before,
    .main-slider .image-layer:after,
    .main-slider .content:before,
    .main-slider .content:after {
        display: none !important;
        content: none !important;
        background: transparent !important;
    }

    /* 2. Clear out underlying background colors */
    .main-slider,
    .main-slider .slider-box,
    .main-slider .slide,
    .main-slider .content {
        background-color: transparent !important;
    }
}

/* =========================================================
   4. PC / DESKTOP ALIGNMENT (Left Bottom)
   ========================================================= */
@media (min-width: 768px) {
    .main-slider.style-three .content {
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}

.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:#FEA700;
	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:#FEA700;	
}

/*** 

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

***/

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

.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:#FEA700;
}

.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:#FEA700;
	border-color:#FEA700;
}

/* 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:#FEA700;
}

.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:#FEA700;
	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:#FEA700;
	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: #FEA700;
	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:#FEA700;
}

.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:#FEA700;
	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:#FEA700;
	-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:#FEA700;
	-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:#FEA700;
	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:#FEA700;
	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:#FEA700;
	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:#FEA700;
}

.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:#FEA700;
	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%);