/* Contra - Interior Creator HTML Template */

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

/*** 

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

***/

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

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

/*** 

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

 ***/

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

/*** 

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

***/

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

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

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

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

textarea{
	overflow:hidden;	
	resize: none;
}

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

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

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

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

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

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

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

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

/*Btn Style One*/

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

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

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

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



/*Btn Style Two*/

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

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

/*Btn Style Three*/

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

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

/*Btn Style Four*/

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

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

/*Btn Style Five*/

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

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

/*Btn Style Six*/

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

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

/*Btn Style Seven*/

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

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

/*Btn Style c*/

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

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

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

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

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

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

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

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

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

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

.theme_color{
	color:#25262c;
}

.pull-right{
	float: right;
}

.pull-left{
	float: left;
}

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

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

/*** 

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

***/

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

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

/*** 

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

***/

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


.main-header .header-top{
	position: relative;
	background-color: #ffa900;
	padding:8px 0px;
}

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

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

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

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

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

.main-header .top-left .contact-list li a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	font-size: large;
}

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

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

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

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

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

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

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

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

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

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

.main-header .logo-box .logo{
	width: 150px;
	position: relative;
	margin: 15px 0;
	padding: 10px 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/* Mobile screens */
@media (max-width: 480px) {
    .main-header .logo-box .logo {
        width: 180px;  /* even smaller on mobile */
        padding: 50px 0;
		
    }

	
}

.main-header .nav-outer{
	position: static;
	float: left;
}

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

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

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

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

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

.main-menu .navigation > li{
	position:relative;
	float:left;
	margin-left: 45px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	font-size:15px;
	line-height:30px;
	font-weight:500;
	color:#222222;
	padding:35px 0;
	opacity:1;
	text-align:center;
	text-transform: uppercase;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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

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

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


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

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

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


/*search box btn*/

.main-header .search-box-outer{
	position:relative;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .search-box-btn{
	position: relative;
	height: 35px;
	width: 35px;
    cursor: pointer;
    background: none;
    font-size: 15px;
    color: #ffa600;
    line-height: 33px;
    border: 1px dashed #ffffff;
    border-radius: 50%;
	outline: none;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .search-box-btn:hover{
	color: #ff8a00;
}

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

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

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

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

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

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

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



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

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


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

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


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


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

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

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

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


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


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

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

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

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


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

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

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


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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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



/*** 

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

***/



/*** 

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

***/
  


/*** 

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

***/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/***

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

***/

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

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

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

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

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

/*Appointment Form*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

/*** 

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

***/

.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: 9999;
	visibility:visible;
}

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

.sticky-header .main-menu .navigation > li{
	margin-left: 30px !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:20px 0px !important;
	line-height:30px;
	font-size:16px;
	font-weight:400;
	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: #ff8a00;
	background-color: #ffffff;
}

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

.sticky-header .main-menu .navigation > li.dropdown:hover > ul{
	margin-top: 0;
}

.header-style-four.fixed-header .header-lower{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	background-color: rgba(0,0,0,0.80);
}

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

.header-style-four.fixed-header .main-menu .navigation > li > a{
	padding: 30px 0;
}

.header-style-four.fixed-header .search-box-btn{
	top: 5px;
}

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

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

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

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

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

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

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

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

}

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

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

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

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

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

/*** 

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

***/

.banner-section{
	position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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





/*** 

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

***/

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


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

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

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


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


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


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

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


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

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

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

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

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



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

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

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

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

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

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

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

/*** 

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

***/

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

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


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.banner-section-three .social-links li{
	position: relative;
	float: left;
	margin-right: 55px;
	font-size: 13px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

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

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



/*** 

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

***/


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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*** 

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

***/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*** 

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

***/

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



/*** 

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

***/

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

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

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

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

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

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

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

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

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

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

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

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

/*** 

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

***/

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

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

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

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

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

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

/*** 

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

***/

.about-section{
	position: relative;
	background-repeat: no-repeat;
	background-position: center left;
	padding: 100px 0;
}

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

.about-section .image-column .inner-column{
	position: relative;
	text-align: right;
	margin-right: -15px;
}

.about-section .image-column .title-box{
	position: absolute;
	left: 95px;
	bottom: 75px;
	width: 100%;
	text-align: left;
	z-index: 9;
}

.about-section .image-column .title-box h2{
	position: relative;
	display: block;
	font-size: 60px;
	line-height: 78px;
	color: #f2f2f2;
	font-weight: 900;
	text-transform: uppercase;
	text-shadow: 0 0 10px #000;
	font-family: "Rubik", sans-serif;
}

.about-section .image-column .image-box{
	position: relative;
	z-index: 1;
	padding-top: 110px;
}

.about-section .image-column .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.about-section .image-column .image-box .alphabet-img{
	position: absolute;
	left: 0;
	top: 0;
}

.about-section .image-column .image-box .alphabet-img img{
	max-width: 100%;
	height: auto;
}

.about-section .image-column .image img{
	display: inline-block;
	max-width: 100%;
	height: auto;
	-webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
	-moz-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
	-ms-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
	-o-box-shadow: 0 8px 20px rgba(0,0,0,0.18);
	box-shadow: 0 8px 20px rgba(0,0,0,0.18);
}

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

.about-section .content-column .inner-column{
	position: relative;
	padding-top: 170px;
}

.about-section .content-column .content-box{
	position: relative;
	padding: 70px 90px 74px;
	background-color: #ffffff;
	border: 20px solid #f2f2f2;
	border-left: 0;
}

.about-section .content-column .content-box .title{
	position: relative;
	margin-bottom: 35px;
}

.about-section .content-column .content-box .title h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 42px;
	color: #222222;
	font-weight: 500;
	padding-bottom: 35px;
}

.about-section .content-column .content-box .title h2:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 45px;
	background-color: #ff8a00;
	content: "";
}

.about-section .content-column .content-box .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	margin-bottom: 45px;
}

.about-section .content-column .content-box .link-box{
	position: relative;
}

.about-section .content-column .content-box .link-box a{
	font-weight: 700;
}

/*** 

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

***/

.services-section{
	position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.service-block .lower-content h3 a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

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

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

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

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

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

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

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

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

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

/*** 

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

***/



/*** 

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

***/

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

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

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

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

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

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

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

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

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


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

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

.service-block-two .caption-box h3 a{
	color: #222222;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

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

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

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

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

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

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

/*** 

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

***/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*** 

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

***/


/***

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

***/

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

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

.fact-counter{
	position: relative;
}

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

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

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

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

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

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

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

/***

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

***/

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

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

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

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

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

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

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

.feature-block{
	position: relative;
	
}

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

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

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

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

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

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

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

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


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

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

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

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

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

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

/***

====================================================================
			Projects Section
====================================================================

***/

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

.projects-section .inner-container{
	position: relative;
}

.project-block{
	position: relative;
}

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

.project-block .image-box .image{
	position: relative;
	margin-bottom: 0;
}

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

.project-block .overlay-box{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.project-block .overlay-box h4{
	position: absolute;
	right: 30px;
	top: 30px;
	text-align: right;
	opacity:0;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
   -webkit-transform:scale(0,0);
   -moz-transform:scale(0,0);
   -ms-transform:scale(0,0);
   -o-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: all 400ms ease;
   -moz-transition: all 400ms ease;
   -ms-transition: all 400ms ease;
   -o-transition: all 400ms ease;
   transition: all 400ms ease;
}

.project-block .overlay-box h4 a{
	color: #ffffff;
}

.project-block .image-box:hover .overlay-box h4{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-ms-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.project-block .overlay-box:before{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 0%;
	width: 0%;
	opacity: 0;
	overflow:hidden;
	content: "";
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.90);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.project-block .image-box:hover .overlay-box:before{
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
	visibility: visible;
	border-radius: 0%;
}

.project-block .overlay-box .btn-box{
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	opacity:0;
	margin-top: -15px;
   -webkit-transform:scale(0,0);
   -moz-transform:scale(0,0);
   -ms-transform:scale(0,0);
   -o-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: all 400ms ease;
   -moz-transition: all 400ms ease;
   -ms-transition: all 400ms ease;
   -o-transition: all 400ms ease;
   transition: all 400ms ease;
}

.project-block .overlay-box .btn-box a{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	margin: 0 6px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

.project-block .overlay-box .btn-box a:hover{
	color: #ff8a00;
}

.project-block .image-box:hover .overlay-box .btn-box{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms;
}

.project-block .overlay-box .tag{
	position: absolute;
	left: 30px;
	bottom: 30px;
	text-align: right;
	opacity:0;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
	text-transform: uppercase;
   -webkit-transform:scale(0,0);
   -moz-transform:scale(0,0);
   -ms-transform:scale(0,0);
   -o-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: all 400ms ease;
   -moz-transition: all 400ms ease;
   -ms-transition: all 400ms ease;
   -o-transition: all 400ms ease;
   transition: all 400ms ease;
}

.project-block .image-box:hover .overlay-box .tag{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition-delay: 1000ms;
	-moz-transition-delay: 1000ms;
	-ms-transition-delay: 1000ms;
	-o-transition-delay: 1000ms;
	transition-delay: 1000ms;
}

.projects-carousel{
	position: relative;
}

.projects-carousel .owl-nav{
	position: absolute;
	left: 0;
	right: 0;
	top: -130px;
	max-width: 1170px;
	padding: 0 15px;
	margin: 0 auto;
}

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

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

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

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

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

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

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

/*=== Projects Section Alternate ===*/

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

.mixitup-gallery .filters{
 	margin-bottom:50px;
 	text-align:center;
}

.mixitup-gallery .filters .filter-tabs{
 	position:relative;
 	display: inline-block;
 	border-bottom: 2px solid #777777;
}

.mixitup-gallery .filters li{
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 30px;
	color: #777777;
	font-weight: 500;
	cursor: pointer;
 	text-transform: capitalize;
 	padding: 0 5px 10px;
 	margin-right: 30px;
 	margin-bottom: -2px;
 	border-bottom: 2px solid transparent;
 	font-family: "Rubik", sans-serif;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition: all 300ms ease;
}

.mixitup-gallery .filters li:last-child{
	margin-right: 0;
}

.mixitup-gallery .filters li.active,
.mixitup-gallery .filters li:hover{
	border-bottom: 2px solid #ff8a00;
}

.project-block.mix{
	display: none;
	margin-bottom: 30px;
}

.projects-section.alternate .styled-pagination{
	margin-top: 50px;
}

/*** 

====================================================================
		Projects Section Two
====================================================================

***/

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

.projects-section-two .upper-box{
	position: relative;
}

.projects-section-two .upper-box .sec-title{
	float: left;
	margin-bottom: 50px;
}

.projects-section-two .upper-box .link-box{
	position: relative;
	float: right;
	margin-top: 25px;
}

.projects-section-two .upper-box .link-box a{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: #ff8a00;
	font-weight: 700;
	font-family: "Arimo", sans-serif;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.projects-section-two .upper-box .link-box a:hover{
	color: #222222;
}	

.projects-carousel-two{
	position: relative;
}

.project-block-two{
	position: relative;
	padding-left: 200px;
	transition: all 300ms ease;
}

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

.project-block-two .image-box .image{
	position: relative;
	margin-bottom: 0;
}

.project-block-two .image-box .image img{
	display: block;
	width: 100%;
	height: auto;
}

.project-block-two .info-box{
	position: absolute;
	left: 200px;
	top: 50%;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.projects-carousel-two .active .project-block-two .info-box{
	left: 18px;
	opacity: 1;
	visibility: visible;
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-ms-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	transition-delay: 500ms;
}

.project-block-two .info-box .inner-box{
	position: relative;
	background: #ffffff;
	max-width: 300px;
	width: 100%;
	padding: 35px 30px 20px;
	-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.18);
	-moz-box-shadow: 0 0 18px rgba(0,0,0,0.18);
	-ms-box-shadow: 0 0 18px rgba(0,0,0,0.18);
	-o-box-shadow: 0 0 18px rgba(0,0,0,0.18);
	box-shadow: 0 0 18px rgba(0,0,0,0.18);
}

.project-block-two .info-box .title{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 1.2em;
	color: #777777;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.project-block-two .info-box h3{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 25px;
}

.project-block-two .info-box .text{
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 65px;
}

.project-block-two .info-box .link-box{
	position: relative;
}

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

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

.projects-carousel-two .owl-nav{
	position: absolute;
	left: 15px;
	bottom: 0;
	width: 60px;
	height: 30px;
}

.projects-carousel-two .owl-next,
.projects-carousel-two .owl-prev{
	position: absolute;
	left: 15px;
	bottom: 0;
	font-size: 12px;
	line-height: 30px;
	color: #222222;
	font-weight: 400;
	transition: all 300ms ease;
	z-index: 9;
}

.projects-carousel-two .owl-next{
	left: auto;
	right: -15px;
}

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

.projects-carousel-two .owl-dots {
	position: absolute;
	left: 15px;
	bottom: 0;
	height: 30px;
	width: 60px;
	z-index: 0;
	counter-reset: slides-num;
}

.projects-carousel-two .owl-dots:after {
	position: absolute;
	left: 52px;
	content:counter(slides-num);
	display: inline-block;
	line-height: 30px;
	font-size: 16px;
	font-weight: 700;
	color: #222222;
}

.projects-carousel-two .owl-dot {
	display: inline-block;
	counter-increment: slides-num;
}

.projects-carousel-two .owl-dot span {
 	display: none;
}

.projects-carousel-two .owl-dot.active:before {
	position: absolute;
	content: counter(slides-num) " /";
	line-height: 30px;
	font-size: 16px;
	font-weight: 700;
	color: #222222;
	left: 30px;
	top: 0;
}

/*** 

====================================================================
	Product Detail
====================================================================

***/

.project-details-section{
	position: relative;
	padding: 100px 0 60px;
}

.project-detail .upper-box{
	position: relative;
}

.project-detail .project-tabs{
	position: relative;
}

.project-detail .project-tabs .tab-btns{
	position: relative;
	float: left;
	margin-right: 30px;
	width: 170px;
}

.project-detail .project-tabs .tab-btn{
	position: relative;
	display: block;
	cursor: pointer;
	margin-bottom: 25px;
}

.project-detail .project-tabs .tab-btn img{
	display: block;
	width: 100%;
	height: auto;
}

.project-detail .tabs-content{
	position: relative;
	float: right;
}

.project-detail .tabs-content .image{
	position: relative;
}

.project-detail .tabs-content .image img{
	display: block;
	width: 100%;
	height: auto;
}

.project-detail .lower-content{
	position: relative;
	padding-top: 50px;
}

.project-detail .lower-content .content-column{
	position: relative;
}

.project-detail .lower-content h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 20px;
}

.project-detail .lower-content h3{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 27px;
}

.project-detail .lower-content h4{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 20px;
}

.project-detail .lower-content p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	font-weight: 400;
	margin-bottom: 30px;
}

.project-detail .list-style-one{
	position: relative;
	margin-bottom: 30px;
}

.project-detail .list-style-one:after{
	display: table;
	clear: both;
	content: "";
}

.project-detail .info-column{
	position: relative;
	margin-bottom: 40px;
}

.project-detail .info-list{
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.project-detail .info-list li{
	position: relative;
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	font-weight: 400;
}

.project-detail .info-list li strong{
	position: relative;
	float: left;
	color: #222222;
	font-weight: 700;
	width: 180px;
}

/*Help Box Two*/

.help-box-two{
	position:relative;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/icons/help-bg.jpg);
}

.help-box-two .inner{
	position:relative;
	border: 1px solid #dddddd;
	padding:35px 40px;
	-webkit-box-shadow: 0 0 16px rgba(0,0,0,0.07);
	-moz-box-shadow: 0 0 16px rgba(0,0,0,0.07);
	-ms-box-shadow: 0 0 16px rgba(0,0,0,0.07);
	-o-box-shadow: 0 0 16px rgba(0,0,0,0.07);
	box-shadow: 0 0 16px rgba(0,0,0,0.07);
}

.help-box-two .inner .title{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #ffb902;
	font-weight: 700;
	margin-bottom: 10px;
}

.help-box-two .inner h2{
	position:relative;
	color:#222222;
	font-size:24px;
	font-weight:500;
	line-height:1.2em;
	text-transform: uppercase;
	margin-bottom:30px;
}

.help-box-two .inner .text{
	position:relative;
	color:#777777;
	font-size:15px;
	line-height: 28px;
	margin-bottom:30px;
}

.help-box-two .inner .theme-btn{
	background-color: transparent;
	border: 1px solid #222222;
	padding: 10px 35px;
	line-height: 20px;
	color: #ffb902;
}

.help-box-two .inner .theme-btn:hover{
	color: #ffffff;
}

/*** 

====================================================================
			Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
	display: block;
	width: 100%;
}

.styled-pagination ul{
	position:relative;
	width: 100%;
	text-align: center;
}

.styled-pagination li{
	position:relative;
	display: inline-block;
	margin: 0 5px 8px;
}

.styled-pagination li a{
	position:relative;
	display: block;
	height:40px;
	width: 40px;
	text-align: center;
	line-height:36px;
	font-weight:400;
	font-size:14px;
	background:#ffffff;
	color:#bbbbbb;
	border:2px solid #bbbbbb;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li.active a{
	color:#222222;	
	border-color:#222222;
}

.styled-pagination li.next-post a,
.styled-pagination li.prev-post a{
	width: auto;
	padding: 0 20px;
}

.styled-pagination li.next-post a:hover,
.styled-pagination li.prev-post a:hover{
	color: #ff8a00;
	border-color: #ff8a00;
}

/*** 

====================================================================
		Offer Section
====================================================================

***/

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

.offer-section:before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 200px;
	width: 100%;
	background-color: #ffffff;
	content: "";
}

.offer-section .content-column{
	position: relative;
	margin-bottom: 50px;
}


.offer-section .content-column .title{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.2em;
	color: #ff8a00;
	font-weight: 600;
	margin-bottom: 20px;
}

.offer-section .content-column h2{
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.2em;
	color: #f2f2f2;
	font-weight: 700;
	font-family: "Arimo", sans-serif;
	margin-bottom: 30px;
}

.offer-section .content-column h2 span{
	text-transform: uppercase;
}


.offer-section .content-column .discount{
	position: relative;
	display: block;
	font-size: 84px;
	line-height: 1em;
	color: #ff8a00;
	font-weight: 800;
	font-style: Bold;
	margin-bottom: 10px;
}


.offer-section .content-column .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #f2f2f2;
	font-weight: 400;
}

.offer-section .form-column{
	position: relative;
	z-index: 9;
}

.offer-section .form-column .inner-column{
	position: relative;
	padding:50px;
}



.discount-form{
	position: relative;
	background-color: #f7f7f7;
	padding: 55px 50px 35px;
	border-radius: 30px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

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

.discount-form .form-group input[type="text"],
.discount-form .form-group input[type="email"],
.discount-form .form-group input[type="url"],
.discount-form .form-group textarea,
.discount-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 14px;
    color: #777777;
    line-height: 30px;
    padding: 14px 25px;
    background-color: #ffffff;
    height: 60px;
    border: 1px solid #bbbbbb;
    font-weight: 400;
    border-radius: 10px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.discount-form .form-group input:focus,
.discount-form .form-group select:focus,
.discount-form .form-group textarea:focus{
	border-color:#ff8a00;
}

.discount-form .form-group textarea{
	height: 220px;
	resize: none;
	margin-bottom: 10px;
}

.discount-form .form-group button{
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 700;
	padding: 15px 45px;
	line-height: 30px;
}

/*** 

====================================================================
			Team Section
====================================================================

***/



/*** 

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

***/

.testimonial-section{
	position: relative;
}

.testimonial-section .outer-container{
	position: relative;
}

.testimonial-section .title-column{
	position: relative;
	float: right;
	width: 100%;
	max-width: 35%;
}

.testimonial-section .title-column .inner-column{
	position: relative;
	padding:100px 15px 0;
	max-width: 500px;
	text-align: right;
	margin: 0 auto;
}

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

.testimonial-section .title-column .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
}

.testimonial-section .testimonial-column{
	position: relative;
	float: right;
	width: 100%;
	max-width: 65%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius:0 40px 40px 0;
	overflow: hidden;
}

.testimonial-section .testimonial-column .inner-column{
	position: static;
	float: right;
	max-width: 870px;
	width: 100%;
	padding: 100px 120px 100px 60px;
}

.testimonial-section .testimonial-column .inner-column:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	content: "";
	opacity: 0.90;
}

.testimonial-carousel{
	position: relative;
}

.testimonial-block{
	position: relative;
	padding-right: 30px;
	padding-bottom: 40px;
}

.testimonial-block:before{
	position: absolute;
	right: 30px;
	bottom: 40px;
	height: 150px;
	width: 150px;
	background-color: #ebebeb;
	content: "";
	opacity: 0;
	transition: all 300ms ease;
	transition-delay: 500ms;
}

.testimonial-carousel .active .testimonial-block:before{
	opacity: .20;
	right: 0px;
	bottom: 0px;
}

.testimonial-block .inner-box{
	position: relative;
	min-height: 210px;
	padding-right: 220px;
	text-align: right;
}

.testimonial-block .image-box{
	position: absolute;
	right: 0;
	top: 0;
	height: 210px;
	width: 150px;
}

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

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

.testimonial-block .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 40px;
}

.testimonial-block .info-box{
	position: relative;
}

.testimonial-block .info-box .name{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 500;
}

.testimonial-block .info-box .designation{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #ff8a00;
	font-weight: 400;
}

.testimonial-carousel .owl-nav{
	position: absolute;
	left: 0;
	bottom: 0;
}

.testimonial-carousel .owl-next,
.testimonial-carousel .owl-prev{
	position: relative;
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	font-weight: 400;
	margin-right: 15px;
	padding-right: 15px;
	transition: all 300ms ease;
}

.testimonial-carousel .owl-next{
	margin-right: 0;
	padding-right: 0;
}

.testimonial-carousel .owl-prev:before{
	position: absolute;
	right: -2px;
	top: 0;
	font-size: 16px;
	line-height: 30px;
	color: #555555;
	font-weight: 400;
	content: "|";
}

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

/*** 

====================================================================
		Testimonial Section Two
====================================================================

***/

.testimonial-section-two{
	position: relative;
	padding: 100px 0;
	background-color: #f5f5f5;
}

.testimonial-carousel-two{
	position: relative;
	padding-left: 100px;
}

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

.testimonial-block-two .inner-box{
	position: relative;
	padding: 40px 60px;
	border: 1px dashed #bbbbbb;
	background-color: #ffffff;

}

.testimonial-block-two .inner-box .text{
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 20px;
}

.testimonial-block-two .info-box{
	position: relative;
	padding-right: 125px;
	min-height: 90px;
	padding-top: 40px;
	text-align: right;
}

.testimonial-block-two .info-box:before{
	position: absolute;
	left: 0;
	top: 40px;
	font-size: 48px;
	line-height: 50px;
	color: #f3f3f3;
	font-weight: 400;
	content: "\f10d";
	font-family: "FontAwesome";
}

.testimonial-block-two .info-box .thumb{
	position: absolute;
	right: 0;
	top: 0;
	width: 90px;
	height: 90px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.10);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.10);
	-ms-box-shadow: 0 0 10px rgba(0,0,0,0.10);
	-o-box-shadow: 0 0 10px rgba(0,0,0,0.10);
	box-shadow: 0 0 10px rgba(0,0,0,0.10);
}

.testimonial-block-two .info-box .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.testimonial-block-two .info-box .name{
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 25px;
	color: #ff8a00;
	font-weight: 400;
}

.testimonial-block-two .info-box .date{
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 25px;
	color: #222222;
	font-weight: 400;
}

.testimonial-carousel-two .owl-nav{
    position: absolute;
    left: 65px;
    bottom: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom;
    background-color: transparent;
}

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

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

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

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

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

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

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

/*** 

====================================================================
		Products Section
====================================================================

***/



/***

====================================================================
		Video Section
====================================================================

***/



/*** 

====================================================================
			FAQ Section
====================================================================

***/

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

.faq-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 38%;
	background-image: url(../images/icons/icon-dot.png);
	background-repeat: repeat;
	background-position: center;
	content: "";
}

.faq-section:after{
	position: absolute;
	right: 15px;
	bottom: 125px;
	height: 488px;
	width: 320px;
	background-image: url(../images/icons/icon-flower.png);
	background-position: center;
	background-repeat: no-repeat;
	content: "";
	z-index: -1;
}

.faq-section .image-column{
	position: relative;
	margin-bottom: 50px;
}

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

.faq-section .image-column .image-box{
	position: relative;
}

.faq-section .image-column .image{
	position: relative;
	margin-bottom: 0;
	text-align: center;
}

.faq-section .title-column .image img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.faq-section .accordion-column{
	position: relative;
}

.faq-section .accordion-column .inner-column{
	position: relative;
	padding-top: 45px;
	padding-left: 30px;
}

.faq-section .accordion-column .sec-title{
	margin-bottom: 35px;
}

.faq-section .accordion-box{
	position: relative;
}

.accordion-box .block {
	position: relative;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:16px;
	line-height:28px;
	color:#252525;
	font-weight:500;
	cursor:pointer;
	padding:15px 25px 15px;
	padding-right: 50px;
	border:1px solid #dddddd;
	font-family: "Rubik", sans-serif;
	background-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;
	margin-bottom: 20px;
}

.accordion-box .block .acc-btn.active{
	background-color: #ff8a00;
	border-color: #ff8a00;
	color:#ffffff;
	margin-bottom: 0px;
}

.accordion-box .block .icon{
	position:absolute;
	right: 15px;
	top:15px;
	height: 30px;
	width: 30px;
	font-size: 18px;
	line-height: 30px;
	color: #252525;
	text-align: center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active .icon:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 30px;
	width: 30px;
	line-height: 30px;
	opacity:1;
	z-index: 1;
	color: #ffffff;
	font-size: 18px;
	content: "\f146";
	font-family: "FontAwesome";
	text-align: center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
	background-color: #ffffff;
}

.accordion-box .block .content{
	position:relative;
	padding: 20px 25px;
	margin-bottom: 0;
}

.accordion-box .block .acc-content.current{ 
	display: block;
}

.accordion-box .block .content .text{
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
}

/*** 

====================================================================
			FAQ Form Section
====================================================================

***/

.faq-form-section{
	position: relative;
	padding: 100px 0 70px;
	background-color: #f9f9f9;
}

.faq-form-section .sec-title{
	position: relative;
	margin-bottom: 15px;
}

.faq-form-section .faq-form{
	position: relative;
}

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

.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="email"],
.faq-form .form-group input[type="url"],
.faq-form .form-group textarea,
.faq-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 13px;
    color: #777777;
    line-height: 19px;
    padding: 10px 0px;
    background-color: transparent;
    font-weight: 400;
    height: 40px;
    border-bottom: 1px solid #e1e1e1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.faq-form .form-group input:focus,
.faq-form .form-group select:focus,
.faq-form .form-group textarea:focus{
	border-color:#ff8a00;
}

.faq-form .form-group textarea{
	height: 150px;
	resize: none;
}

.faq-form .form-group button{
	padding: 15px 50px;
	line-height: 20px;
}

/*** 

====================================================================
		App Section
====================================================================

***/

.app-section{
	position: relative;
	padding-top: 100px;
}

.app-section .outer-box{
	position: relative;
	background-repeat: repeat;
	background-position: center;
	background-image: url(../images/icons/icon-lines-dark.jpg);
	padding:135px 0;
}

.app-section .outer-box:after,
.app-section .outer-box:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 135px;
	width: 100%;
	background-color: #ffffff;
	content: "";
}

.app-section .outer-box:after{
	top: auto;
	bottom: 0;
}

.app-section .title-column{
	position: relative;
}

.app-section .title-column .inner-column{
	position: relative;
	padding-top: 85px;
}

.app-section .title-column h1{
	position: relative;
	display: block;
	font-size: 84px;
	line-height: 72px;
	color: #ffffff;
	font-weight: 900;
	margin-bottom: 30px;
	text-transform: uppercase;
	letter-spacing: -0.03em;
}	

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

.app-section .image-column .inner-column{
    position: relative;
    margin-top: -135px;
    margin-bottom: -155px;
    z-index: 99;
    margin-left: -30px;
    margin-right: -30px;
}

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

.app-section .content-column .inner-column{
	position: relative;
	padding-top: 85px;
}

.app-section .content-column h3{
	position: relative;
	display: block;
	font-size: 30px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 15px;
}

.app-section .content-column .text{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	font-weight: 400;
}

/*** 


====================================================================
		Clients Section
====================================================================

***/

.clients-section{
	position: relative;
	z-index: 9;
}

.clients-section:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 50%;
	width: 100%;
	background-color: #ffffff;
	content: "";
}

.clients-section .inner-container{
	position: relative;
	max-width: 1430px;
	margin: 0 auto;
	background-color: #ffffff;
}

.clients-section .sponsors-outer{
	position: relative;
	padding: 50px 55px;
	-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.30);
	-moz-box-shadow: 0 0 21px rgba(0,0,0,0.30);
	-ms-box-shadow: 0 0 21px rgba(0,0,0,0.30);
	-o-box-shadow: 0 0 21px rgba(0,0,0,0.30);
	box-shadow: 0 0 21px rgba(0,0,0,0.30);
}

.clients-section .slide-item{
	position: relative;
}

.clients-section .image-box{
	position: relative;
	margin: 0;
	text-align: center;
}

.clients-section .image-box img{
	display: inline-block;
	max-width: 100%;
	width: auto;
	height: auto;
}

.clients-section .sponsors-carousel .owl-dots,
.clients-section .sponsors-carousel .owl-nav{
	display: none;
}

.clients-section.style-two:before{
	display: none;
}

.clients-section.style-two .sponsors-outer{
	padding: 50px 0;
	box-shadow: none;
}

/***

==================================================================
		Contact Section
==================================================================

***/

.contact-section{
	position: relative;
	padding:100px 0;
	background-color: #f9f9f9;
}

.contact-section .sec-title{
	margin-bottom: 40px;
}

.contact-section .inner-container{
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 15px;
}

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

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

.contact-section .info-column h4{
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #2f2f2f;
	font-weight: 500;
	margin-bottom: 25px;
}

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

.contact-section .info-column .contact-info li{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	font-weight: 400;
	margin-bottom: 28px;
}

.contact-section .info-column .contact-info li a{
	display: inline-block;
	color: #777777;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

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

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

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

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

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="url"],
.contact-form .form-group textarea,
.contact-form .form-group select{
	position: relative;
    display: block;
    width: 100%;
    font-size: 13px;
    color: #777777;
    line-height: 19px;
    padding: 10px 0px;
    background-color: transparent;
    font-weight: 400;
    height: 40px;
    border-bottom: 1px solid #e1e1e1;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.contact-form .form-group input:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:#ff8a00;
}

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

.contact-form .form-group button{
	padding: 15px 50px;
	line-height: 20px;
	text-transform: uppercase;
}

.contact-form .form-group label.error{
	color: #ff0000;
}

/***

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

***/

.main-footer{
	position:relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 1;
}

.main-footer:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background:#000000;
	content: "";
	opacity: 0.90;
}

.main-footer .widgets-section{
	position:relative;
	padding: 220px 0 60px;
	margin-top: -100px;
}

.main-footer.alternate .widgets-section{
	margin-top: 0;
	padding-top: 95px;
}

.main-footer .footer-column{
	position:relative;
}

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

.main-footer .footer-column .widget-title{
	position: relative;
	font-size:18px;
	font-weight:500;
	color:#ffffff;
	line-height: 30px;
	padding-left: 25px;
	margin-bottom:45px;
}

.main-footer .footer-column .widget-title:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 16px;
	line-height: 30px;
	color: #e39c05;
	font-weight: 400;
	content: "\f141";
	font-family: "FontAwesome";
	transform: rotate(90deg);
}

.main-footer .about-widget{
	position: relative;
	padding-right: 20px;
}

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

.main-footer .footer-logo figure{
	margin: 0;
	margin-top: -20px;
}

.main-footer .footer-logo img{
	display:block;
	max-width:70%;
	align-items: center;	
}

.main-footer .about-widget .text{
	position: relative;
	font-size: 15px;
	line-height: 36px;
	color: #f4f4f4;
	font-weight: 400;
}

/*Recent Posts*/

.recent-posts{
	position: relative;
}

.recent-posts .post{
	position: relative;
	min-height: 70px;
	padding-left: 105px;
	margin-bottom: 30px;
}

.recent-posts .post .thumb{
	position: absolute;
	left: 0;
	top: 0;
	height: 70px;
	width: 80px;
	overflow: hidden;
}

.recent-posts .post .thumb a{
	display: block;
}

.recent-posts .post .thumb img{
	display: block;
	width: 100%;
	height: auto;
}

.recent-posts .post h4{
	position: relative;
	font-size: 18px;
	color: #f4f4f4;
	line-height: 24px;
	font-weight: 400;
	margin-bottom: 3px;
}

.recent-posts .post h4 a{
	color:#f4f4f4;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.recent-posts .post h4 a:hover{
	color: #ff8a00;
}

.recent-posts .post .info{
	position: relative;
	display: block;
}

.recent-posts .post .info li{
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	color: #f4f4f4;
	font-weight: 400;
	padding-right: 3px;
	margin-right: 3px;
}

.recent-posts .post .info li:before{
	position: absolute;
	right: -4px;
	top: 0;
	font-size: 12px;
	line-height: 20px;
	color: #f4f4f4;
	font-weight: 400;
	content: "/";
}

.recent-posts .post .info li:last-child:before{
	display: none;
}

/*=== links Widget ===*/

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

.main-footer .links-widget .list li{
	position:relative;
	display: block;
	padding-left: 30px;
	margin-bottom: 16px;
}

.main-footer .links-widget .list li:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	font-weight: 400;
	content: "\f22b";
	font-family: "FontAwesome";
}

.main-footer .links-widget .list li a{
	position:relative;
	display: block;
	line-height: 20px;
	font-size: 14px;
	color: #f4f4f4;
	font-weight: 400;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.main-footer .links-widget .list li:hover:before,
.main-footer .links-widget .list li a:hover{
	color:#ff8a00;
}

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

.main-footer .gallery-widget .outer{
	position:relative;
	margin: 0px -7px 0;
}

.main-footer .gallery-widget .outer .image{
	position:relative;
	float:left;
	width:33.3333%;
	padding:0px 7px;
	margin-bottom:14px;
}

.main-footer .gallery-widget .image img{
	display:block;
	width:100%;	
}

.main-footer .gallery-widget .image a{
	position: relative;
	display: block;
}

.main-footer .gallery-widget .image a:before{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #ff8a00 padding-box content-box;
	padding: 5px;
	opacity: .80;
	content: "";
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .gallery-widget .image a:hover:before{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.main-footer .gallery-widget .image a:after{
	position: absolute;
	height: 20px;
	width: 20px;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
    content: "\f0b2";
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #000000;
	font-family: "FontAwesome";
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .gallery-widget .image a:hover:after{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/*=== Footer Bottom ===*/

.main-footer .footer-bottom{
	position:relative;
	border-top: 1px solid #222222;
}

.main-footer .footer-bottom .inner-container{
	position: relative;
}

.main-footer .footer-bottom .inner-container:before{
	position: absolute;
	right: 100%;
	top: 0;
	height: 100%;
	width: 1000%;
	background-color: #ff8a00;
	content: "";
}

.main-footer .footer-bottom .copyright-text{
	position: relative;
	float: left;
	padding:20px 0;
	padding-right: 40px;
	background-color: #ff8a00;
}

.main-footer .footer-bottom .copyright-text:before{
	position: absolute;
	left: 100%;
	top: 0;
	border-right: 40px solid transparent;
	border-bottom:70px solid #ff8a00;
	content: "";
}

.main-footer .footer-bottom .copyright-text p{
	position: relative;
	line-height: 30px;
	font-size: 16px;
	color: #000000;
	font-weight: 700;
}

.main-footer .footer-bottom .copyright-text a{
	color: #000000;
	-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-footer .footer-bottom .copyright-text a:hover{
	text-decoration: underline;
}

.main-footer .footer-bottom .social-links{
	position: relative;
	float: right;
	padding: 20px 0;
}

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

.social-icon-two li{
	position: relative;
	float: left;
	margin-left: 26px;
}

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

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

/***

==================================================================
			Sidebar Page Container
==================================================================

***/

.sidebar-page-container{
	position: relative;
	overflow: hidden;
	padding: 100px 0 50px; 
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
	position: relative;
	margin-bottom: 50px;
}

.sidebar-widget{
    position: relative;
    margin-bottom:55px;
}

.sidebar-side .sidebar-widget:last-child{
	margin-bottom: 0;
}

.sidebar-page-container .sidebar-title{
	position: relative;
	margin-bottom: 25px;
}

.sidebar-page-container .sidebar-title h3{
	position: relative;
	display: inline-block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	text-transform: capitalize;
}

/*Search Box Widget*/

.sidebar .search-box{
	position: relative;
}

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;	
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	display:block;
	font-size:14px;
	color:#777777;
	line-height:28px;
	padding:15px 25px;
	height:60px;
	width:100%;
	border:1px solid #e1e1e1;
	background-color: #ffffff;
	border-radius: 60px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group input:focus{
	border-color:#ff8a00;	
}

.sidebar .search-box .form-group input[type="submit"],
.sidebar .search-box .form-group button{
	position:absolute;
	right:0;
	top:0;
	width:60px;
	height:60px;
	line-height: 60px;
	text-align:center;
	display:block;
	font-size:18px;
	background-color: #222222;
	color:#ffffff;
	font-weight:normal;
	border-radius: 0 30px 30px 0;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar .search-box .form-group input[type="submit"]:hover,
.sidebar .search-box .form-group button:hover{
	background-color: #ff8a00;
	color: #222222;
}

/*=== Categories ===*/

.cat-list{
	position:relative;
	border :1px solid #e1e1e1;
}

.cat-list li{
	position:relative;
	margin-left: -1px;
	font-family: "Rubik", sans-serif;
	border-left: 7px solid transparent;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.cat-list li:hover,
.cat-list li.active{
	border-left: 7px solid #ff8a00;
}

.cat-list li a{
	position:relative;
	font-size:15px;
	color:#252525;
	line-height: 20px;
	font-weight:500;
	padding: 20px 40px;
	display:block;
	border-bottom :1px solid #e1e1e1;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.cat-list li a span{
	float: right;
	font-size: 16px;
	line-height: 20px;
	font-family: "Arimo", sans-serif;
}

.cat-list li:last-child a{
	border-bottom: 0;
}

.cat-list li.active a,
.cat-list li:hover a{
	color: #ff8a00;
}

.cat-list li.active a span,
.cat-list li:hover a span{
	color: #ff8a00;
}

/*=== Latest News ===*/

.latest-news .post{
	position: relative;
	padding-left: 130px;
	margin-bottom: 40px;
	min-height: 90px;
}

.latest-news .post-thumb{
	position: absolute;
	left: 0;
	top: 0;	
	height: 90px;
	width: 90px;
	margin-bottom: 20px;
}

.latest-news .post-thumb img{
	position: relative;
	display: block;
	width: 100%;
}

.latest-news .post h3{
	position: relative;
	font-size: 18px;
	line-height: 30px;
	color: #222222;
	font-weight: 500;
	margin-bottom: 10px;
}

.latest-news .post h3 a{
	color: #222222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.latest-news .post:hover h3 a{
	color: #ff8a00;
}

.latest-news .post .post-info{
	position: relative;
	font-size: 14px;
	line-height: 24px;
	color: #bbbbbb;
	font-weight: 400;
	font-style: italic;
}

/*=== Tags ===*/

.tag-list{
	position: relative;
	display: block;
}

.tag-list li{
	position: relative;
	float: left;
	margin-bottom: 13px;
	margin-right: 10px;
} 

.tag-list li a{
	position: relative;
    display: block;
    font-size: 14px;
    color: #777777;
    line-height: 25px;
    padding: 10px 35px;
    font-weight: 400;
    text-align: center;
    border-radius: 50px;
    text-transform: uppercase;
    border: 1px solid #dddddd;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.tag-list li a:hover{
	background-color: #222222;
	color: #ffffff;
}

/*** 

====================================================================
		Comment Area
====================================================================

 ***/



/*** 

====================================================================
		Contact Page Section
====================================================================

***/

.contact-page-section{
	position: relative;
}

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

.contact-page-section .form-column .inner-column{
	position: relative;
	padding: 100px 0;	
}

.contact-page-section .sec-title{
	margin-bottom: 30px;
}

.contact-page-section .contact-form{
	margin-bottom: 120px;
}

.contact-page-section .contact-info{
	position: relative;
}

.contact-page-section .contact-info .info-block{
	position: relative;
	display: block;
	margin-bottom: 40px;
}

.contact-page-section .contact-info .info-block .inner{
	position: relative;
}

.contact-page-section .contact-info .info-block h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 1.2em;
	color: #2f2f2f;
	font-weight: 500;
	margin-bottom: 15px;
}

.contact-page-section .contact-info .info-block p{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 28px;
	color: #777777;
	font-weight: 400;
}

.contact-page-section .contact-info .info-block p a{
	color: #777777;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contact-page-section .contact-info .info-block p a:hover{
	color: #ff8a00;
}

/*== Map Column ===*/

.contact-page-section .map-column .inner-column{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding-left: 15px;
}

.contact-page-section .map-column .map-outer{
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #222222;
}

.contact-page-section .map-column .map-canvas{
	position:absolute;
	height: 100%;
	width: 100%;
}

/*** 

====================================================================
	Services Sidebar
====================================================================

***/

.services-sidebar{
	position: relative;
}

.services-sidebar .sidebar-widget{
	margin-bottom: 50px;
}

.services-sidebar .sidebar-title{
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 500;
	margin-bottom: 30px;
}

/*Blog Category*/

.blog-cat{
	position:relative;
	border:1px solid #e1e1e1;
}

.blog-cat li{
	position:relative;
}

.blog-cat li:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	border-bottom:4px solid transparent;
}

.blog-cat li a{
	position:relative;
	font-size:14px;
	font-weight:500;
	line-height: 30px;
	color:#222222;
	display:block;
	border-bottom:1px solid #acacac;
	border-left: 5px solid transparent;
	padding: 20px 40px 19px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	font-family: 'Rubik', sans-serif;
}

.blog-cat li a:before{
	position:absolute;
	content:'\f105';
	right:33px;
	top:20px;
	color:#222222;
	font-size: 18px;
	line-height: 30px;
	font-family: 'FontAwesome';
}

.blog-cat li.active a,
.blog-cat li a:hover{
	color:#ffffff;
	background-color:#ff8a00;
	border-left: 5px solid #222222;
}

/*Brochure Box*/

.brochure-box{
	position:relative;
	padding: 13px 25px;
	border:1px solid #dddddd;
	background-color: #f3f3f3;
	margin-bottom:15px;
	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;
}

.brochure-box .inner{
	position:relative;
	padding-left:45px;
}

.brochure-box .overlay-link{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
}

.brochure-box .inner .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#222222;
	font-size:20px;
	line-height: 30px;
	font-weight:400;
	transition: all 300ms ease;
}

.brochure-box .inner .text{
	position:relative;
	font-size:16px;
	font-weight:400;
	line-height: 30px;
	color:#222222;
	font-family: 'Rubik', sans-serif;
	transition: all 300ms ease;
}

.brochure-box:hover{
	border-color:#ff8a00;
	background-color:#ff8a00;
}

.brochure-box:hover .inner .icon,
.brochure-box:hover .inner .text{
	color: #ffffff;
}


/*Help Box*/

.help-box{
	position:relative;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}

.help-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-color: #222222;
	opacity: .90;
}

.help-box .inner{
	position:relative;
	padding:45px 45px;
}

.help-box .inner .title{
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #ffb902;
	font-weight: 400;
	margin-bottom: 20px;
}

.help-box .inner h2{
	position:relative;
	color:#ffffff;
	font-size:24px;
	font-weight:500;
	line-height:1.2em;
	text-transform: uppercase;
	margin-bottom:30px;
}

.help-box .inner .text{
	position:relative;
	color:#bbbbbb;
	font-size:16px;
	line-height: 28px;
	margin-bottom:45px;
}

.help-box .inner .theme-btn{
	background-color: transparent;
	border: 1px solid #ffffff;
	padding: 10px 35px;
	line-height: 20px;
	color: #ffffff;
}















































































/*Sidebar Range slider */

.range-slider-one{
	position:relative;
	min-height:48px;
    padding-top: 10px;
    overflow: hidden;
	margin-top:-20px;
}

.range-slider-one .title{
	position:relative;
	float:left;
	color:#000000;
	font-size:16px;
	font-weight:400;
	margin-top:8px;
}

.range-slider-one .title:before{
	position:absolute;
	content:'$';
	right:-14px;
	top:0px;
	color:#848484;
	font-size:16px;
	font-weight:300;
}

.range-slider-one .input{
	float:right;
    left: 8px;
	max-width:75px;
	padding-left:8px;
	margin-top:8px;
    position: relative;
}

.range-slider-one .input input{
	background:none;
	color:#777777;
	font-size:16px;
	font-weight:300;
	width:auto;
	text-align:left;	
}

.range-slider-one .ui-widget.ui-widget-content{
	height:3px;
	border:none;
	margin-bottom:35px;
	background:#eeeeee;	
}

.range-slider-one .ui-slider .ui-slider-range{
	top:0px;
	height:3px;
	background:#333333;	
}

.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default{
	top:-3px;
	width:10px;
	height:10px;
	background:#ff8a00;
	cursor:pointer;
	border-radius:0px;
	border-color:#ff8a00;
}

.range-slider-one .theme-btn{
	padding:8px 35px;
	border-radius:0px;
}

.range-slider-one .theme-btn:before{
	display: none;
}



/***

==================================================================
		Right To Left Style
==================================================================

***/

.rtl{
	direction: rtl;
	text-align: right;
}

.rtl .group-title h2,
.rtl .styled-pagination,
.rtl .owl-carousel{
	direction: ltr !important;
}

.rtl .blog-detail .tags ul li,
.rtl .blog-detail .tags .title,
.rtl .page-title .title-box,
.rtl .project-detail .info-list li strong,
.rtl .service-detail .prod-tabs .tab-btns .tab-btn,
.rtl .header-style-four .main-menu,
.rtl .header-style-three .main-menu,
.rtl .projects-section-two .upper-box .sec-title,
.rtl .main-footer .footer-bottom .copyright-text,
.rtl .testimonial-section .testimonial-column,
.rtl .main-header .top-left,
.rtl .main-menu .navigation > li,
.rtl .header-style-one .main-menu,
.rtl .header-style-five .nav-outer,
.rtl .banner-section .bottom-box .contact-info,
.rtl .main-header .contact-info li span,
.rtl .main-header .logo-box{
	float: right;
}

.rtl .cat-list li a span,
.rtl .page-title .bread-crumb,
.rtl .header-style-four .header-top .top-right,
.rtl .header-style-four .outer-box,
.rtl .header-style-three .nav-outer,
.rtl .main-header .top-right,
.rtl .header-style-four .nav-outer,
.rtl .projects-section-two .upper-box .link-box,
.rtl .main-footer .footer-bottom .social-links,
.rtl .testimonial-section .title-column,
.rtl .main-header .nav-outer,
.rtl .header-style-five .outer-box,
.rtl .header-style-one .outer-box{
	float: left;
}

.rtl .comments-area .comment-box .author-thumb,
.rtl .blog-detail .news-block-two .caption-box blockquote .icon,
.rtl .latest-news .post-thumb,
.rtl .feature-block h3:before,
.rtl .active-side-nav .sidenav-bar,
.rtl .banner-carousel-two .content-box .count,
.rtl .list-style-one li:before,
.rtl .news-block-four .image-box,
.rtl .main-footer .links-widget .list li:before,
.rtl .active-side-nav .hidden-bar,
.rtl .contact-info-box .info-list:before,
.rtl .main-footer .footer-column .widget-title:before,
.rtl .testimonial-carousel .owl-nav,
.rtl .recent-posts .post .thumb,
.rtl .brochure-box .inner .icon,
.rtl .service-detail .inner-box ul li:before,
.rtl .fact-counter .count-box:before,
.rtl .about-section .image-column .image-box .alphabet-img,
.rtl .about-section .content-column .content-box .title h2:before,
.rtl .main-menu .navigation > li > ul{
	left: auto;
	right: 0;
}

.rtl .comments-area .comment-box .reply-btn,
.rtl .news-block-two .blockquote .author,
.rtl .sidenav-bar .cross-icon,
.rtl .offer-section .form-column .upper-box .discount,
.rtl .banner-section-two .slide-item .content-box:before,
.rtl .banner-carousel-three .owl-nav,
.rtl .testimonial-block .image-box,
.rtl .team-block .image-box .social-links{
	right: auto;
	left: 0;
}

.rtl .testimonial-section .title-column .inner-column,
.rtl .team-block .inner-box .designation,
.rtl .projects-carousel .owl-nav,
.rtl .about-section .image-column .image-box .image{
	text-align: left;
}

.rtl .header-style-three .logo-box:before{
    margin-left: -230px;
    right: auto;
    left: 100%;
    transform: skew(-40deg);
}

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

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

.rtl .fixed-header .sticky-header .logo{
	float: right !important;
}

.rtl .fixed-header .sticky-header .pull-right{
	float: left !important;
}

.rtl .sidenav-bar .side-nav .navigation > li.dropdown > a:before{
	right: auto;
	left: 0;
	content: "\f104";
}

.rtl .banner-section .bottom-box .contact-info li span{
	float: right;
	margin-left: 10px;
}

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

.rtl .mCSB_inside>.mCSB_container{
	margin-right: 0;
	margin-left: 0 !important;
}

.rtl .social-icon-one li{
	margin-left: 0;
	margin-right: 22px;
}

.rtl .main-menu .navigation > li{
	margin-right: 35px;
	margin-left: 0;
}

.rtl .main-menu .navigation > li > ul > li > ul{
	right: 110%;
	left: auto;
}

.rtl .main-menu .navigation > li > ul > li:hover > ul{
	right: 100%;
}

.rtl .main-menu .navigation > li .mega-menu-bar .column > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > a{
	text-align: right !important;
}

.rtl .main-menu .navigation > li .mega-menu-bar .column > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > ul > li > a,
.rtl .main-menu .navigation > li > ul > li > a{
	border-left: 0;
	border-right: 4px solid transparent;
}

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

.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
	left: 10px;
	right: auto;
	content: "\f104";	
}

.rtl .sticky-header .main-menu .navigation > li{
	margin-left: 0 !important;
}

.rtl .about-section .image-column .title-box h2{
	text-align: center;
}

.rtl .fact-counter .count-box{
	padding-right: 20px;
	padding-left: 0;
}

.rtl .header-style-two .outer-box{
	float: left;
	margin-left: 0;
	margin-right: 45px;
}

.rtl .header-style-two .main-menu{
	float: right;
}

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

.rtl .main-header .search-box-outer .dropdown-menu{
	right: auto !important;
	left: 0 !important;
}

.rtl .main-header .cart-btn{
	float: right;
}

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

.rtl .project-block .overlay-box h4{
	right: auto;
	left: 30px;
}

.rtl .project-block .overlay-box .tag{
	left: auto;
	right: 30px;
}

.rtl .banner-carousel .owl-nav{
	right: auto;
	left: 30%;
}

.rtl .banner-section:before{
	right: auto;
	left: 0;
	transform: scaleX(-1);
}

.rtl .team-block .inner-box{
	padding-right: 0;
	padding-left: 50px;
}

.rtl .team-block .inner-box:hover .image-box .social-links li{
	right: auto;
	left: -50px;
}

.rtl .team-block .image-box .name{
	right: auto;
	left: -40px;
}

.rtl .testimonial-block{
	padding-right: 0;
}

.rtl .testimonial-block .inner-box{
	padding-right: 0;
	padding-left: 220px;
	text-align: left;
}

.rtl .testimonial-block:before{
	right: auto;
	left: 0px;
}

.rtl .testimonial-carousel .active .testimonial-block:before{
	left: 30px;
}

.rtl .main-footer .footer-column .widget-title{
	padding-left: 0;
	padding-right: 25px;
}

.rtl .recent-posts .post{
	padding-left: 0;
	padding-right: 105px;
}

.rtl .main-footer .links-widget .list li{
	padding-left: 0;
	padding-right: 30px;
}

.rtl .main-footer .footer-bottom .inner-container:before{
	right: auto;
	left: 100%;
}

.rtl .main-footer .footer-bottom .copyright-text:before{
	left: auto;
	right: 100%;
	border-right: 0;
	border-bottom: 0;
	border-left: 40px solid transparent;
	border-bottom: 70px solid #ff8a00;
}

.rtl .main-footer .footer-bottom .social-icon-two li{
	margin-left: 0;
	margin-right: 26px;
}

.rtl .main-footer .footer-bottom .copyright-text{
	padding-right: 0;
	padding-left: 40px;
}

.rtl .offer-section .form-column .upper-box{
	padding-right: 0;
	padding-left: 200px;
}

.rtl .products-carousel .owl-nav{
	left: auto;
	right: -32%;
}

.rtl .header-style-three .outer-box{
	margin-left: 0;
	margin-right: 80px;
	float: left;
}

.rtl .hidden-bar .inner-box .cross-icon{
	right: auto;
	left: 30px;
}

.rtl .banner-carousel-two .content-box .inner-box{
	padding-left: 0;
	padding-right: 30px;
	float: left;
}

.rtl .banner-carousel-two .content-box .inner-box:before{
	left: auto;
    right: 100%;
}

.rtl .banner-section-three .bottom-box .outer-box:before{
	margin-left: 0;
	margin-right: -300px;
	left: auto;
	right: 100%;
    transform: skew(-40deg);
}

.rtl .banner-carousel-two .owl-nav{
	text-align: left;
}

.rtl .banner-section-three .social-links{
	float: right;
}


.rtl .carousel-outer .thumbs-carousel .owl-nav{
	bottom: auto;
	top: -525%;
}

.rtl .testimonial-carousel-two{
	padding-left: 0;
	padding-right: 100px;
}

.rtl .testimonial-carousel-two .owl-nav{
	left: auto;
	right: -135px;
}

.rtl .accordion-box .block .acc-btn{
	padding-right: 25px;
	padding-left: 50px;
}

.rtl .accordion-box .block .icon{
	right: auto;
	left: 15px;
}

.rtl .main-header .contact-info li:first-child{
	margin-left: 0;
}

.rtl .news-block-two .caption-box .info li:first-child,
.rtl .service-detail .prod-tabs .tab-btns .tab-btn:first-child,
.rtl .news-block-four .content-box .info li:first-child{
	margin-right: 0;
}

.rtl .news-block-four .inner-box{
	padding-left: 0;
	padding-right: 300px;
}

.rtl .news-section-two .column .inner-column{
	padding-right: 0;
	padding-left: 25px;
}

.rtl .header-style-four .search-box-btn{
	margin-left: 0;
	margin-right: 55px;
}

.rtl .sidebar .search-box .form-group input[type="submit"], 
.rtl .sidebar .search-box .form-group button,
.rtl .coming-soon .emailed-form .form-group input[type="submit"], 
.rtl .coming-soon .emailed-form button{
	right: auto;
	left: 0;
	border-radius: 50px 0px 0px 50px;
}

.rtl .specialize-section-two.alternate .carousel-outer .thumbs-carousel .owl-nav{
	left: 96%;
	top: 368%;
}

.rtl .blog-cat li a:before{
	right: auto;
	left: 33px;
	content: "\f104";
}

.rtl .blog-cat li a{
	border-left:0;
	border-right: 5px solid transparent;
}

.rtl .blog-cat li.active a, 
.rtl .blog-cat li a:hover{
	border-left: 0;
	border-right: 5px solid #222222;
}

.rtl .service-detail .inner-box ul li,
.rtl .brochure-box .inner{
	padding-left: 0;
	padding-right: 40px;
}

.rtl .mixitup-gallery .filters li{
	float: right;
	margin-right: 0;
	margin-left: 30px;
}

.rtl .mixitup-gallery .filters li:last-child{
	margin-left: 0;
}

.rtl .project-detail .project-tabs .tab-btns{
	float: right;
	margin-left: 30px;
	margin-right: 0;
}

.rtl .list-style-one li{
	padding-left: 0;
	padding-right: 35px;
}

.rtl .news-block-two .blockquote .icon{
	left: auto;
	right: 70px;
}

.rtl .cat-list li{
	border-left: 0;
	border-right: 7px solid transparent;
}

.rtl .cat-list li.active,
.rtl .cat-list li:hover{
	border-left: 0;
    border-right: 7px solid #ff8a00;
}

.rtl .latest-news .post{
	padding-left: 0;
	padding-right: 130px;
}

.rtl .tag-list li{
	float: right;
	margin-left: 10px;
	margin-right: 0;
}

.rtl .blog-detail .news-block-two .caption-box blockquote{
	padding-left: 0;
	padding-right: 40px;
}

.rtl .social-icon-colored li{
	float: right;
	margin-left: 6px;
	margin-right: 0;
}

.rtl .social-icon-colored li a i{
	margin-right: 0;
	margin-left: 10px;
}

.rtl .comments-area .comment{
	padding-left: 0;
	padding-right: 100px;
}

.rtl .blog-detail.style-two .comments-area .comment{
	padding-left: 0;
	padding-right: 110px;
}

.rtl .comments-area .comment-box.reply-comment{
	margin-left: 0;
	margin-right: 100px;
}

.rtl .comments-area .comment-box.reply-comment.reply{
	margin-left: 0;
	margin-right: 200px;
}

.rtl .blog-detail.style-two .news-block-two .caption-box blockquote{
	padding-left: 0;
	padding-right: 25px;
}

.rtl .news-block .image-box{
	margin-right: 0;
	margin-left: 40px;
}

.rtl .news-block .caption-box{
	margin-left: 0;
	margin-right: 40px;
}

.rtl .shop-single .product-details .prod-tabs .tab-btns .tab-btn{
	float: right;
	margin-right: 0;
	margin-left: 10px;
}

.rtl .product-details .basic-details .item-quantity{
	float: right;
	margin-right: 0;
	margin-left: 25px;
}

.rtl .product-details .basic-details .add-to-cart{
	margin-left: 0;
	margin-right: 20px;
}

.rtl .checkout-page .default-links li .fa{
	margin-right: 0;
	margin-left: 20px;
}

.rtl .payment-box .payment-options li .radio-option label{
	padding-left: 0;
	padding-right: 30px;
}

.rtl .payment-box .payment-options li .radio-option input[type="radio"]{
	left: auto;
	right: 0;
}

.rtl .payment-box .payment-options li .radio-option label .small-text:before{
	left: auto;
	right: 30px;
}

.rtl .shop-item .inner-box .lower-content .add-cart .fa{
	margin-right: 0;
	margin-left: 5px;
}

.rtl .banner-section .slide-item:before{
  left: auto;
  right: -15%;
  -webkit-transform: skew(15deg);
  -moz-transform: skew(15deg);
  -ms-transform: skew(15deg);
  -o-transform: skew(15deg);
  transform: skew(15deg);
}

.rtl .main-header .contact-info li span{
	margin-right: 0;
	margin-left: 20px;
}

.rtl .banner-carousel-three .slide-item:before {
    left: auto;
    right: -15%;
    -webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -ms-transform: skew(15deg);
    -o-transform: skew(15deg);
    transform: skew(15deg);
}


.rtl .header-style-six .btn-box{
	float: left;
}
  
.rtl .header-style-six .outer-box{
  	float: right;
  	margin-right: 100px;
}
  
.rtl .header-style-six .logo-box{
  	padding-right: 0;
  	padding-left: 30px;

}

.rtl .banner-section-five .content-box .video-link{
	right: auto;
	left: 15px;
}

.rtl .banner-section-five .social-links{
	left: auto;
	right: 80px;
	text-align: center;
}

.rtl .banner-section-five .owl-dots{
	right: auto;
	left: 80px;
}

.rtl .banner-section-five .slide-item .content-box:before{
	right: auto;
	left: 0;
}

.rtl .header-style-seven .outer-box{
	float: left;
	margin-left: 0;
	margin-right: 80px;
}

.rtl .header-style-seven .main-menu{
	float: right;
}

.rtl .banner-section-six .content-box .inner-box{
	float: none;
}

.rtl .header-style-five .nav-outer{
	float: right;
}
/*** 

====================================================================
	Box Layout
====================================================================

***/

.box-layout .page-wrapper{
	max-width: 1400px;
	margin: 0 auto;
	border: 15px solid #ffffff;
	overflow: hidden;
	background-color: #ffffff;
}

.box-layout{
	background-image: url(../images/background/3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}


.box-layout .header-style-four.fixed-header .header-lower,
.box-layout .sticky-header{
	max-width: 1370px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.box-layout	.header-style-one .inner-container{
	padding: 0 30px;
}

.box-layout	.banner-section{
	padding-left: 0;
}

.box-layout	.header-style-one .outer-box .contact-info{
	padding-left: 0;
	margin-left: 35px;
	display: none;
}

.box-layout .header-style-one{
	top: 15px;
}

.box-layout .header-style-six.fixed-header .outer-container,
.box-layout .header-style-one.fixed-header{
	top: 0;
}

.box-layout .banner-section-six,
.box-layout .banner-section-three{
	padding: 0;
}

.box-layout .banner-carousel-two .owl-nav{
	right: 45px;
}

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


.box-layout .coming-soon{
	position: relative;
}

.box-layout .coming-soon .content{
	position: relative;
}


.box-layout	.header-style-five .inner-container{
	padding: 0 30px;
}

.box-layout .banner-section-six .contact-info,
.box-layout .banner-section-six .social-links,
.box-layout	.header-style-five .outer-box .contact-info{
	padding-left: 0;
	margin-left: 35px;
	display: none;
}

/* Default logo size */
.logo img {
    width: 180px;
    height: auto;
}

/* Smaller size for mobile screens */
@media (max-width: 768px) {
    .logo img {
        width: 120px;
    }
}

/* Even smaller for very small screens */
@media (max-width: 480px) {
    .logo img {
        width: 100px;
    }
}


.about-btn {
  background: #000;
  color: #fff;
  padding: 12px 25px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.about-btn::before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #e85c0d;
  transition: all 0.4s ease;
  z-index: 0;
}
.about-btn:hover::before { left: 0; }
.about-btn span { position: relative; z-index: 1; }

.about-image img {
  width: 100%;
  height: 600px;
  border-radius: 10px;
}

.exp-box {
  position: absolute;
  top: 20px;
  right: 2px;
  background: #fff;
  border: 2px solid #e85c0d;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
}

.exp-box h2 {
  font-size: 40px;
  font-weight: 500;
  margin: 0;
  color: #000;
}

.exp-box span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin: 5px 0;
}

/* Responsive Fix */
@media (max-width: 767px) {
  .about-section .row {
    flex-direction: column-reverse; /* text on top, image below */
  }
  .exp-box {
    position: static;
    margin: 15px auto 0;
    display: inline-block;
  }
}




.point-block {
  margin-top: 25px;  /* space above each point */
}




.about-section {
  background-color: #f9f9f9; /* light gray */
}



.fun-fact-and-features {
    background-attachment: fixed;   /* Background ko scroll se lock karega */
    background-size: cover;        /* Image ko full cover karega */
    background-position: center;   /* Image ko center align karega */
}







/* cards step */
.process-section {
  position: relative;
  padding: 80px 20px;
  text-align: center;
  overflow: hidden;
}

/* Background image visible without overlay */
.bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; /* keeps cards & text above background */
}

.section-heading h2 {
  font-size: 32px;
  color: #fff;
  margin-bottom: 10px;
}

.section-heading p {
  font-size: 16px;
  color: #fff; /* white text for visibility */
  margin-bottom: 50px;
}

.process-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

.process-card {
  flex: 1 1 calc(25% - 30px); /* 4 cards per row on desktop */
  max-width: 220px;
  min-width: 180px;
  height: 260px;
  padding: 20px;
  border-radius: 20px;
  text-align: center;
  backdrop-filter: blur(15px);
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 25px rgba(0,0,0,0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.process-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.3);
}

.process-card .icon img {
  width: 50px;
  margin-bottom: 15px;
}

.step-circle {
  width: 40px;
  height: 40px;
  margin: 0 auto 15px;
  border-radius: 50%;
  background: #FFD700;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

.process-card h3 {
  color: #fff;
  font-size: 18px;
  margin-top: 10px;
}

/* ✅ Responsive for mobile (2-2 cards per row) */
@media (max-width: 768px) {
  .process-card {
    flex: 1 1 calc(50% - 30px); /* 2 cards per row */
    max-width: 45%;
  }
}

@media (max-width: 480px) {
  .process-card {
    flex: 1 1 calc(50% - 20px); /* still 2 cards per row */
    max-width: 48%;
  }
}





/* Space between buttons */
.filter-tabs li {
  margin: 6px;   /* adds space around each button */
}

/* Space below all buttons (before images) */
.filter-tabs {
  margin-bottom: 25px;  /* adjust as needed */
}




/* solutions details  */


.design-solutions {
  padding: 40px 150px; /* space left & right */
}

.solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns desktop */
  gap: 30px;
}

.solution-item {
  display: flex;               /* icon + text side by side */
  align-items: center;         /* center align vertically */
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  transition: transform 0.3s ease;
}

.solution-item:hover {
  transform: translateY(-6px);
}

.solution-item img {
  width: 80px;
  margin-right: 15px;  /* space between icon & text */
  flex-shrink: 0;      /* prevent shrinking */
}

.solution-text h3 {
  font-size: 18px;
  margin-bottom: 6px;
  color: #333;
}

.solution-text p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

/* Tablet (2 columns) */
@media (max-width: 1024px) {
  .solution-grid {
    grid-template-columns: repeat(2, 1fr);
	gap: 10px;
  }
}



/* Mobile (1 column) */
@media (max-width: 768px) {
  .design-solutions {
    padding: 20px; /* less padding on small screens */
  }

  .solution-grid {
    grid-template-columns: 1fr;
  }

  .solution-item {
    flex-direction: row; /* still icon left, text right */
  }
}






/* Button Centering */
.btn-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 0px;
  padding-bottom: 50px;
}

.estimate-btn {
  display: inline-block;
  background: #FFD700;   /* yellow */
  color: #000;           /* black text */
  font-size: 14px;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.estimate-btn:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}




.consult-btn {
    display: inline-block;
    background: #ff6b6b;
    color: #fff;
    padding: 14px 28px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 8px;
    text-decoration: none;
    transition: 0.3s;
}

.consult-btn:hover {
    background: #e84141;
    color: #fff;
}

.btn-box {
    text-align: center;
    margin-bottom: 40px; /* spacing from video icon */
}






.service-block-two .image-box {
    width: 100%;
    height: 100%; /* adjust height as needed */
    overflow: hidden;
    border-radius: 10px; /* optional for smooth corners */
}







.parallax-section {
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}

.parallax-section::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(255,255,255,0.85); /* optional overlay */
  z-index: -1;
}




.fw-wa {
  position: fixed;
  right: 20px;
  bottom: 24px;
  z-index: 9999;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg,#25D366,#128C7E);
  color: white;
  padding: 12px 16px;
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(16,24,40,0.15);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  font-weight: 600;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
}
.fw-wa:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(16,24,40,0.2); }
.fw-wa .fw-icon {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
}
@media (max-width: 420px) {
  .fw-wa { padding: 10px 12px; gap: 8px; }
  .fw-wa .fw-label { font-size: 14px; }
}
@media (max-width: 360px) {
  .fw-wa .fw-label { display: none; }
  .fw-wa { padding: 10px; }
}


/* Make phone and email links clickable */
.header-top .contact-info a {
  pointer-events: auto !important;
  position: relative;
  z-index: 10;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

/* Optional: Add hover effect */
.header-top .contact-info a:hover {
  color: #00aaff;
}

/* Fix if any overlay is blocking clicks */
.header-top,
.header-top * {
  pointer-events: auto !important;
}

/*praa-css*/
.praa-open-modal-btn{
    background: rgb(255 133 42);
    color: #fff;
    padding: 4px 18px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    position: fixed;
    top: 25%;
    right: -16px;
    transform: rotate(90deg);
    border: 2px solid #FFF;
}

  /* Overlay */
  .praa-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.55);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99999 !important;
    padding: 20px;
  }
  .praa-modal-overlay.praa-active { display: flex; }

  /* Popup box */
  .praa-modal-box {
    background: #fff;
    width: 100%;
    max-width: 500px;
    border-radius: 10px;
    padding: 20px;
    position: relative;
	top:10%;
  }

  /* Close icon */
  .praa-close-btn {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 26px;
    border: none;
    background: none;
    cursor: pointer;
  }
.praa-your-form-here .discount-form .form-group input[type="text"], .praa-your-form-here .discount-form .form-group input[type="email"]{
    padding: 10px 15px;
height: 40px;
}
.praa-your-form-here .discount-form .form-group textarea {
    height: 140px;
    resize: none;
    margin-bottom: 0px;
}
.praa-your-form-here .discount-form .form-group{
    margin-bottom: 10px;
}
.praa-your-form-here .discount-form {
        padding: 0;
        padding-top: 16px;
        background-color: unset;
        box-shadow: none;
    }
.praa-your-form-here .discount-form .form-group button{
    padding: 12px 25px;
    line-height: 10px;
}
.praa-your-form-here-1 .discount-form .form-group input[type="text"], .praa-your-form-here-1 .discount-form .form-group input[type="email"]{
    padding: 10px 15px;
height: 40px;
}
.praa-your-form-here-1 .discount-form .form-group textarea {
    height: 140px;
    resize: none;
    margin-bottom: 0px;
}
.praa-your-form-here-1 .discount-form .form-group{
    margin-bottom: 10px;
}
.praa-your-form-here-1 .discount-form {
    padding: 0;
    padding-top: 16px;
    background-color: unset;
    box-shadow: none;
    background-color: #fff;
    padding: 33px;
}
.praa-your-form-here-1 .discount-form .form-group button{
    padding: 12px 25px;
    line-height: 10px;
}
 .thankyou-box{
    background: #ffffff;
    padding: 60px 50px;
    border-radius: 20px;
    text-align: center;
    width: 90%;
    max-width: 450px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
    animation: pop 0.5s 
ease;
    margin: 150px auto 30px auto;
    margin-top: 150px;
}

    @keyframes pop {
        0% { transform: scale(0.8); opacity: 0; }
        100% { transform: scale(1); opacity: 1; }
    }

    .thankyou-box img {
        width: 120px;
        margin-bottom: 20px;
    }

    .back-btn {
        background: #f26b2c;
    color: #fff;
        text-decoration: none;
        padding: 12px 25px;
        border-radius: 50px;
        font-size: 16px;
        display: inline-block;
        transition: 0.3s ease;
    }