/* ---------------------------------------

[Master Stylesheet]

Project:    Intenax - HTML Template
Version:    1
Last Change:    25/4/2019
Primary Use:    Architecture and Renovation

------------------------------------------

[Table of contents]

1. Fonts
2. Resources / Css Files
3. Reset
4. Global Settings
5. Buttons Style
6. Social Icons
7. Scroll To Top style
8. Section Title
9. Main Header
10. Main Slider Section
11. Services Section
12. Services Section Two
13. Counter Section
14. Work Section
15. Testiomonial Section
16. Fluid Section Two
17. Team Section
18. News Section
19. Sponsors Section
20. Contact Info Section
21. Main Slider Two
22. Experts Section
23. Business Section
24. Benefits Section
25. Call To Action Section
26. Fluid Section Two
27. Accordion Style
28. Default Form
29. Default Form
30. Newsletter Section
31. Page Title
32. About Section
33. Choose Section
34. Work Section Two
35. Services Page Section
36. Sidebar Page Container
37. Comments Area
38. Contact Message Section
39. Map Section
40. Contact Form

-------------------------------------------*/

@import url('../../css');

/*font-family: 'Open Sans', sans-serif;
font-family: 'Montserrat', sans-serif;*/


/*** 

====================================================================
1. Resources / Css Files
====================================================================

***/

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('custom-animate.css');
@import url('simple-line-icons.css');
@import url('jquery.fancybox.min.css');
@import url('jquery.mCustomScrollbar.min.css');

/*** 

====================================================================
1. Fonts
====================================================================

***/


/*** 

====================================================================
3. Reset
====================================================================

***/

* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
4. Global Settings
====================================================================

***/

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

.bordered-layout .page-wrapper{
	padding:0px 50px 0px;
}

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

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

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

/* Typography */

h1{
	font-size:70px;
}

h2{
	font-size:40px;
}

h3{
	font-size:28px;
}

h4{
	font-size: 18px;
}

h5{
	font-size:20px;
}

h6{
	font-size:18px;
}

input,button,select,textarea{
	
}

textarea{
	overflow:hidden;
}

p{
	position:relative;
	line-height:1.8em;	
	
}

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

.medium-container{
	max-width:850px;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;
}

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

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

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

.centered{
	text-align:center;	
}

/*** 

====================================================================
5. Buttons Style
====================================================================

***/

/*Btn Style One*/

.btn-style-one{
	position:relative;
	line-height:24px;
	color:#222222;
	font-size:14px;
	font-weight:600;
	letter-spacing:0.05em;
	background-color:#e9c37a;
	padding:12px 31px !important;
	text-transform:uppercase;
	border:2px solid #e9c37a;
	font-family: 'Montserrat', sans-serif;
	
}

.btn-style-one:hover{
	color: #e9c37a;
	box-shadow:0px 0px 7px 0px rgba(0,0,0,0.20);
	border-color:#ffffff;
	background:#ffffff;
}

/*Btn Style Two*/

.btn-style-two{
	position:relative;
	line-height:24px;
	background:none;
	color:#222222;
	font-size:14px;
	font-weight:600;
	letter-spacing:0.05em;
	padding:12px 32px 12px;
	border:2px solid #222222;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	
}

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

/* List Style One */

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

.list-style-one li{
	position:relative;
	color:#666666;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
	margin-bottom:6px;
	padding-left:35px;
	
}

.list-style-one li:last-child{
	margin-bottom:0px;
}

.list-style-one li:before{
	position:absolute;
	content: "";
	left:0px;
	top:12px;
	height:3px;
	width:15px;
	background-color:#222222;
}

/* List Style Two */

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

.list-style-two li{
	position:relative;
	color:#222222;
	font-weight:500;
	font-size:14px;
	margin-bottom:14px;
}

.list-style-two li a{
	color:#222222;
}

.list-style-two li a:hover{
	text-decoration:underline;
}

.list-style-two li i{
	font-style:normal;
	
}

.list-style-two li .icon{
	position:relative;
	top:2px;
	font-size:18px;
	margin-right:8px;
	color:#e9c37a;
}

/*** 

====================================================================
6. Social Icons
====================================================================

***/

/*Social Icon One*/

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

.social-icon-one li{
	position:relative;
	margin-right:8px;
	display:inline-block;
}

.social-icon-one li.twitter a{
	color:#00b9f1;
}

.social-icon-one li.linkedin a{
	color:#0089b1;
}

.social-icon-one li a{
	position:relative;
	font-size:16px;
	color:#4a72a9;
	font-weight:400;
	width:52px;
	height:52px;
	line-height:50px;
	text-align:center;
	border-radius:50px;
	border:1px solid #e2e2e2;
	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;
}

.social-icon-one li a:hover{
	color:#ffffff;
	border-color:#e9c37a;
	background-color:#e9c37a;
}

.theme_color{
	color:#e9c37a;
}

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

/*** 

====================================================================
7. Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:15px;
	right:15px;
	width:50px;
	height:50px;
	color:#ffffff;
	font-size:24px;
	text-transform:uppercase;
	line-height:50px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	background:#e9c37a;
	display:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;		
}

.scroll-to-top:hover{
	color:#ffffff;
	background:#242f6c;
}

/*** 

====================================================================
8. Section Title
====================================================================

***/

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

.sec-title .big-title{
	position: absolute;
	left: 0px;
	right: 0px;
	top: -100px;
	color: #f8f8f8;
	font-size: 164px;
	line-height: 1em;
	font-weight: 800;
}

.sec-title .inner-title{
	position:relative;
}

.sec-title .title{
	position: relative;
	color: #e9c37a;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.sec-title h2{
	position: relative;
	color: #222222;
	font-weight: 700;
	line-height: 1.3em;
	font-size:34px;
	display:inline-block;
	text-transform: capitalize;
}

.sec-title .text{
	position: relative;
	color: #666666;
	font-weight: 500;
	line-height: 1.8em;
	font-size: 16px;
	margin-top:15px !important;
}

.sec-title h2:before{
	position:absolute;
	content:'';
	left:-65px;
	top:22px;
	height:2px;
	width:50px;
	background-color:#e9c37a;
}

.sec-title.style-two h2:before{
	display:none;
}

.sec-title.style-three h2{
	font-size:30px;
}

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

.sec-title.centered .text{
	max-width:580px;
	margin:0 auto;
}

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

/* Sec Title Two */

.sec-title-two{
	position:relative;
	padding-top:100px;
	text-align:center;
	background-size:cover;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

.sec-title-two .image-layer{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	height:250px;
}

.sec-title-two .image-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(48,48,48,0.80);
}

.sec-title-two .title-inner{
	position:relative;
	padding:48px 100px;
	display:inline-block;
	background-color:#ffffff;
	box-shadow:0px 10px 25px rgba(0,0,0,0.10);
}

.sec-title-two .title-inner .title{
	position: relative;
	color: #e9c37a;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.sec-title-two .title-inner .title:before{
	position: absolute;
	content: '';
	left: 50%;
	top: -68px;
	height: 50px;
	width: 2px;
	margin-left:-1px;
	background-color: #e9c37a;
}

.sec-title-two .title-inner h2{
	position: relative;
	color: #222222;
	font-weight: 700;
	line-height: 1.3em;
	font-size: 36px;
	display: inline-block;
	text-transform: capitalize;
}

/*** 

====================================================================
9. Main Header
====================================================================

***/

.main-header{
	position:absolute;
	z-index:999;
	width:100%;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
}

/* Header Top */

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

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

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

.main-header .header-top .top-left .info-list li{
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 500;
	padding: 7px 0px 8px;
	margin-right: 34px;
}

.main-header .header-top .top-left .info-list li span{
	position:relative;
	color:#cccccc;
	
}

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

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

/* Top Right */

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

.main-header .header-top .top-right .social-links{
	position:relative;
	padding-top:12px;
}

.main-header .header-top .top-right .social-links li{
	position:relative;
	margin-left:22px;
	display:inline-block;
}

.main-header .header-top .top-right .social-links li a{
	position:relative;
	color: #cccccc;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top .top-right .social-links li a:hover{
	color:#e9c37a;
}

.main-header .main-box{
	position:relative;
	padding:0px 0px;
	left:0px;
	top:0px;
	width:100%;
	background:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-box .outer-container{
	position:relative;
	padding:0px 40px;
}

.main-header .main-box .logo-box{
	position:relative;
	float:left;
	left:0px;
	z-index:10;
	padding:30px 0px;
}

.main-header .main-box .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.main-header .nav-toggler{
	position:absolute;
	top:50%;
	margin-top:0px;
	display: block;
}

.main-header .nav-toggler button{
	position:relative;
	display:block;
	color:#444444;
	text-align:center;
	font-size:24px;
	line-height:34px;
	font-weight:normal;
	background:none;
}

.main-header .header-upper{
	position:relative;
}

.main-header .header-upper .outer-container{
	position:relative;
	padding:0px 100px;
}

.main-header .nav-outer{
	position:relative;
	float: left;
	width:100%;
	margin-top:-100px;
	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;
}

.main-header .header-upper .logo-box{
	position: relative;
	z-index:20;
	padding: 20px 0px;
	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-header .header-upper .logo-box .logo{
	position:relative;
}

.main-header .header-upper .social-outer-box{
	position:absolute;
	right:0px;
	top:0px;
	padding:38px 60px;
	background-color:#ffffff;
}

.main-header .header-upper .social-outer-box .social-links{
	position:relative;
}

.main-header .header-upper .social-outer-box .social-links li{
	position:relative;
	margin:0px 10px;
	display:inline-block;
}

.main-header .header-upper .social-outer-box .social-links li a{
	position:relative;
	color:#222222;
	font-size:16px;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.main-header .header-upper .social-outer-box .social-links li a:hover{
	color:#e9c37a;
}

.main-header .header-upper .outer-box{
	position: relative;
	float:right;
	z-index:10;
	background-color:#ffffff;
	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-header .header-upper .outer-box .login-btn{
	position:relative;
	float:left;
}

.main-header .header-upper .outer-box .login-btn .icon{
	position:relative;
	color:#222222;
	font-size:18px;
	line-height:1.3em;
}

.main-header .header-upper .outer-box .search-box-btn{
	position:relative;
	padding:40px 0px 36px;
	font-size:18px;
	margin-left:35px;
	color:#e9c37a;
	cursor:pointer;
	float:left;
}

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

.main-header .header-upper .outer-box .cart-btn .icon{
	position:relative;
	color:#222222;
	font-size:18px;
	line-height:1.3em;
	margin-left:15px;
}

.main-header .header-upper .outer-box .cart-btn .total-cart{
	position: absolute;
	content: '';
	top: -8px;
	right: -12px;
	color: #222222;
	width: 20px;
	height: 20px;
	font-size: 12px;
	padding-left: 1px;
	text-align: center;
	line-height: 18px;
	border-radius: 50%;
	background-color: #e9c37a;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header.header-style-four .header-upper .outer-box .search-box-btn{
	padding:0px;
	color:#222222;
	margin-left:16px;
}

.main-header .nav-outer .search-box-btn{
	display:inline-block;
	margin-left:30px;
}

.main-header .nav-outer .search-box-btn .icon{
	position:relative;
	top:2px;
	color:#ffffff;
	cursor:pointer;
	font-size:17px;
}

.main-header.header-style-two .nav-outer .search-box-btn .icon,
.main-header.header-style-three .nav-outer .search-box-btn .icon,
.main-header.header-style-four .nav-outer .search-box-btn .icon{
	color:#e9c37a;
}

.header-style-two .main-menu,
.header-style-three .main-menu{
	float:left;
	width:auto;
}

.main-header.header-style-two .nav-outer{
	margin-top:0px;
	width:auto;
	float:right;
}

.main-header.header-style-two .header-upper .logo-box{
	position:relative;
	padding:0px;
	left:0px;
	top:5px;
	padding-top:30px;
	padding-right:90px;
	background-color:#ffffff;
}

.main-header.header-style-two .header-upper .logo-box:before{
	position:absolute;
	content:'';
	right:0px;
	bottom:-40px;
	height:50px;
	width:2000px;
	background-color:#ffffff;
}

.header-style-two .main-menu .navigation > li.search-box-btn .icon{
	color:#e9c37a;
}

.header-style-two .main-menu .navigation > li > a{
	padding:15px 0px;
	color:#222222;
}

.header-style-two .main-menu .navigation > li > a:before{
	bottom:30px;
}

.main-header .header-upper .upper-right{
	padding-top:32px;
}

.main-menu{
	position:relative;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

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

.main-menu .navigation{
	position:relative;
	margin:0px;
	text-align:center;
	width:100%;
	font-family: 'Montserrat', sans-serif;
}

.main-menu .navigation > li{
	position:relative;
	display:inline-block;
	padding:20px 0px;
	margin:0px 15px;
	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:last-child{
	margin-right:0px;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	color:#ffffff;
	text-align:center;
	line-height:30px;
	text-transform:capitalize;
	letter-spacing:0px;
	opacity:1;
	font-weight:600;
	padding:15px 0px;
	font-size:16px;
	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 > a:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:12px;
	height:2px;
	width:0%;
	background-color:#e9c37a;
	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.current > a:before,
.main-menu .navigation > li:hover > a:before{
	width:100%;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a{
	opacity:1;
	color:#e9c37a;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	margin-top: 10px;
	width:210px;
	z-index:100;
	display:none;
	opacity: 0;
	visibility: hidden;
	padding: 10px 0px;
	background: #ffffff;
	text-align:left;
	border-radius: 3px;
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	-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:before{
	position:absolute;
	content:'';
	left:0px;
	top:-30px;
	width:100%;
	height:30px;
	display:block;
}

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

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	padding:0px 25px;
	border-bottom:1px solid rgba(0,0,0,0.05);
	margin-bottom: 0px;
}

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

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:8px 0px;
	line-height:24px;
	font-weight:600;
	font-size:14px;
	text-transform:capitalize;
	color:#222222;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

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

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

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:0px;
	width:210px;
	z-index:100;
	display:none;
	opacity: 0;
	visibility: hidden;
	padding: 10px 0px;
	background: #ffffff;
	text-align:left;
	border-radius: 3px;
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	-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.from-right{
	left:auto;
	right:0px;	
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	padding:0px 25px;
	border-bottom:1px solid rgba(0,0,0,0.05);
	margin-bottom: 0px;
}

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

.main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:8px 0px;
	line-height:24px;
	font-weight:600;
	font-size:14px;
	text-transform:capitalize;
	color:#222222;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

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

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	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.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0;
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
	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:6px;
	width:30px;
	height:30px;
	text-align:center;
	color:#ffffff;
	line-height:28px;
	border:1px solid #ffffff;
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

/*Sticky Header*/

.sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	background:#222222;
	z-index:0;
	border-bottom:1px solid rgba(255,255,255,0.10);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.fixed-header .sticky-header{
	z-index:999;
	opacity:1;
	visibility:visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;	
}

.sticky-header .main-menu{
	margin-top:0px;
}

.sticky-header .main-menu .navigation > li{
	position:relative;
	margin-left:40px;
	margin-right:0px;
	padding:0;
}

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

.sticky-header .main-menu .navigation > li > a{
	color:#ffffff !important;
	
}

.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
	color:#e9c37a !important;
	background-color:inherit !important;
}

.sticky-header .nav-outer .options-box{
	margin-top:26px;
}

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

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

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

.sticky-header .header-upper .button-box{
	padding-top:15px;
}

.sticky-header .header-upper .button-box .btn-style-one{
	background-color: rgba(255,255,255,1);
	color:#222222;
}

.sticky-header .main-menu .navigation > li > a{
	padding:19px 0px !important;
}

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

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

.header-style-three .nav-outer{
	float:right;
	margin-top:0px;
	width:auto;
}

.header-style-three .header-upper .logo-box{
	padding:20px 0px 20px;
}

.header-style-three .header-upper .inner-container{
	background-color:#ffffff;
	padding:0px 40px;
}

.header-style-three .main-menu .navigation > li > a{
	color:#222222;
	font-size:16px;
	padding:20px 0px;
	
}

.header-style-three .main-menu .navigation > li > a:before{
	bottom:34px;
}

.header-style-three .header-upper .outer-box .search-box-btn{
	padding:44px 0px 42px;
}

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

.header-style-four .header-upper .logo-box{
	position:relative;
	padding:15px 0px 15px;
}

.header-style-four .header-upper .outer-box{
	position:absolute;
	right:0px;
	top:35px;
}

.header-style-four .main-menu .navigation > li > a{
	color:#222222;
	padding:15px 0px;
	
}

.header-style-four .nav-outer{
	margin-top:-100px;
}

.header-style-four .main-menu .navigation > li > a:before{
	bottom:28px;
}

/*** 

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

====================================================================

***/

.nav-outer .mobile-nav-toggler{
	position: relative;
	float:right;
	font-size: 30px;
	line-height: 40px;
	cursor: pointer;
	color:#e9c37a;
	padding:10px 0px;
	display: none;
}

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

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

.mobile-menu .nav-logo img{
	max-width:180px;	
}

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

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

.mobile-menu .menu-backdrop{
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.90);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

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

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

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

.mobile-menu .close-btn{
	position: absolute;
	right: 3px;
	top: 3px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 14px;
	color: #202020;
	cursor: pointer;
	z-index: 10;
	-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;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.mobile-menu .close-btn:hover{
	color:#e9c37a;
}

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

.mobile-menu .navigation li{
	position: relative;
	display: block;
	font-family: 'Montserrat', sans-serif;
	border-bottom: 1px solid rgba(0,0,0,0.10);
}

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

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

.mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	font-weight:500;
	font-size: 15px;
	color: #404040;
	text-transform: capitalize;
}

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

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:44px;
	height:44px;
	text-align:center;
	font-size:16px;
	line-height:44px;
	color:#404040;
	cursor:pointer;
	z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:1px;
	height:24px;
	border-left:1px solid rgba(0,0,0,0.10);
}

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


/*** 

====================================================================
10. Main Slider
====================================================================

***/

.main-slider{
	position: relative;
}

.main-slider .title{
	position:relative;
	font-size:22px;
	color:#ffffff;
	font-family: 'Montserrat', sans-serif;
	padding-bottom:18px;
	
}

.main-slider .title:before{
	position:absolute;
	content:'';
	left:50%;
	bottom:0px;
	height:2px;
	width:50px;
	margin-left:-25px;
	background-color:#e9c37a;
}


.main-slider .title-two{
	position:relative;
	font-size:18px;
	font-weight:600;
	color:#222222;
	font-family: 'Montserrat', sans-serif;
	padding-bottom:18px;
}

.main-slider .title-two:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:2px;
	width:50px;
	background-color:#e9c37a;
}

.main-slider h2{
	position: relative;
	display: block;
	font-size: 60px;
	color: #ffffff;
	font-weight: 600;
	line-height: 1.1em;
	font-family: 'Montserrat', sans-serif;
	z-index:1;
}

.main-slider h2.style-three{
	font-size:64px;
	font-weight:400;
	color:#222222;
	
}

.main-slider h2.style-two{
	color:#222222;
}

.main-slider .text.style-two{
	color:#222222;
}

.main-slider .text{
	position: relative;
	font-size: 20px;
	color: #ffffff;
	font-weight: 400;
	line-height: 1.14em;
	padding-right:64px;
	text-transform:capitalize;
	display:inline-block;
	z-index:1;
	
}

.main-slider .text:before{
	position:absolute;
	content:'';
	right:0px;
	top:12px;
	height:2px;
	width:50px;
	background-color:#e9c37a;
}

.main-slider .link-box{
	position: relative;
	z-index:1;
}

.main-slider .link-box .theme-btn{
	position: relative;
	margin-right: 20px;
}

.main-slider .social-links{
	position: fixed;
	right:0;
	top:50%;
	margin-top:-100px;
	z-index:99;
	padding:50px 35px 40px;
	border:1px solid rgba(0,0,0,0.05);
	border-right:none;
	background-color:#ffffff;
}

.main-slider .social-links li{
	position: relative;;
	display:block;
	margin-bottom:10px;
}

.main-slider .social-links li:last-child{
	margin: 0;
}

.main-slider .social-links a{
	position:relative;
	display:block;
	color:#222222;
	font-size:16px;
	line-height:40px;
}

.main-slider .social-links a:hover{
	color:#e9c37a;	
}

.main-slider.home-three .theme-btn{
	margin:0;	
}

/*** 

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

***/

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

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

.search-popup.popup-visible{
	top:0;
	visibility:visible;
	opacity:1;
}

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

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

.search-popup .search-form{
	position:relative;
	padding:0px 15px 0px;
	max-width:1024px;
	margin:0 auto;	
	margin-top:200px;
}

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

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

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

.theme-purple .search-popup .search-form fieldset input[type="submit"]{
	background:#d971f2;
}

.theme-dark-blue .search-popup .search-form fieldset input[type="submit"]{
	background:#5677cc;
}

.theme-orange .search-popup .search-form fieldset input[type="submit"]{
	background:#ff5412;
}

.theme-cyan .search-popup .search-form fieldset input[type="submit"]{
	background:#43d6d1;
}

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

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

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

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

.search-popup .recent-searches li a{
	display:block;
	line-height:24px;
	border:1px solid #ffffff;
	padding:7px 15px;
	color:#ffffff;
	border-radius:3px;
}

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

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

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

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

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

/*** 

====================================================================
11. About Section
====================================================================

***/

.about-section{
	position:relative;
	padding:90px 0px 70px;
}

.about-section .title-box{
	position:relative;
	margin-bottom:100px;
}

.about-section .title-box .bold-text{
	position:relative;
	color:#222222;
	font-size:16px;
	line-height:1.6em;
	margin-top:40px;
	margin-bottom:20px;
}

.about-section .title-box .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.9em;
	margin-bottom:35px;
	
}

.about-section .pattern-layer{
	position:absolute;
	right:0px;
	bottom:0px;
	width:100%;
	height:500px;
}

/* Services Block */

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

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

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

.services-block .inner-box:hover .image{
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	transform:rotateY(180deg);	
}

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

.services-block .inner-box .image a:before{
	content: "\f0c1";
	font-family: 'FontAwesome';
	font-weight:400;
	position:absolute;
	left:50%;
	top:50%;
	margin:-30px 0px 0px -30px;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	background:#ffffff;
	color:#e9c37a;
	font-size:20px;
	border-radius:50%;
	z-index:1;
	opacity:0;
	-webkit-transform:translateY(30px);
	-ms-transform:translateY(30px);
	-moz-transform:translateY(30px);
	transform:translateY(30px);
}

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

.services-block .inner-box:hover .image img{
	opacity: .30;
}

.services-block .inner-box:hover .image a:before{
	-webkit-transition: all 700ms ease 700ms;
	-moz-transition: all 700ms ease 700ms;
	-ms-transition: all 700ms ease 700ms;
	-o-transition: all 700ms ease 700ms;
	transition: all 700ms ease 700ms;
	opacity:1;
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}

@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.services-block .inner-box .lower-box{
	position:relative;
	padding-top:35px;
	text-align:center;
	padding-bottom:22px;
}

.services-block .inner-box .lower-box:before{
	position:absolute;
	content:'';
	left:50%;
	bottom:0px;
	height:2px;
	width:50px;
	margin-left:-25px;
	background-color:#e9c37a;
}

.services-block .inner-box .lower-box h3{
	position:relative;
	font-size:24px;
	font-weight:700;
	line-height:1.3em;
}

.services-block .inner-box .lower-box h3 a{
	position:relative;
	color:#222222;
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.services-block .inner-box .lower-box h3 a:hover{
	color:#e9c37a;
}

.services-block .inner-box .lower-box .text{
	position:relative;
	color:#666666;
	font-size:14px;
	margin-top:4px;
	
}

/*** 

====================================================================
Fullwidth Section
====================================================================

***/

.container-fluid{
	position:relative;
	padding:0px 0px;
	background-color:#e9c37a;
}

.container-fluid .pattern-layer{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:600px;
	height:460px;
	background-repeat:no-repeat;
	background-position:left bottom;
}

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

.container-fluid .outer-section .left-column{
	position:relative;
	width:50%;
	float:left;
	padding:0px 15px;
	padding-right:150px;
}

.container-fluid .outer-section .left-column .inner-column{
	position:relative;
	max-width:520px;
	width:100%;
	display:block;
	float:right;
	padding:95px 0px;
	padding-right:110px;
}

.container-fluid .outer-section .left-column .sec-title .title{
	color:#222222;
}

.container-fluid .outer-section .left-column .sec-title h2:before{
	background-color:#222222;
}

.container-fluid .outer-section .left-column .text{
	position:relative;
	color:#222222;
	font-size:14px;
	line-height:1.8em;
	
}

.container-fluid .outer-section .right-column{
	position:relative;
	width:50%;
	float:right;
	padding:0px 0px;
	background-size:cover;
}

.container-fluid .outer-section .right-column .inner-column{
	position:relative;
	display:block;
	padding:95px 20px 95px 0px;
	margin-left:-150px;
	background-size:cover;
}

.container-fluid .outer-section .right-column .inner-column .owl-carousel{
	width:100%;
	display:block;
	max-width:990px;
}

.container-fluid .outer-section .right-column .inner-column .owl-dots{
	display:none;
}

.container-fluid .outer-section .right-column .inner-column .owl-nav{
	position:absolute;
	bottom:0px;
	left:-113px;
}

.container-fluid .outer-section .right-column .inner-column .owl-nav .owl-prev,
.container-fluid .outer-section .right-column .inner-column .owl-nav .owl-next{
	position:relative;
	width:55px;
	height:55px;
	color:#ffffff;
	line-height:55px;
	text-align:center;
	font-size:22px;
	margin-left:2px;
	background-color:#222222;
	display:inline-block;
}

.container-fluid .image-layer{
	position:absolute;
	right:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-size:cover;
}

.container-fluid .image-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:rgba(0,0,0,0.75);
}

/* Services Block Two */

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

.services-block-two .inner-box{
	position:relative;
	overflow:hidden;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.services-block-two .inner-box:hover .image img{
	-webkit-transform:scale(1.2,1.3);
	-ms-transform:scale(1.2,1.3);
	-moz-transform:scale(1.2,1.3);
	transform:scale(1.2,1.3);
}

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

.services-block-two .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
}

.services-block-two .inner-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.services-block-two .inner-box .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:-1px;
	-webkit-transition:all 1000ms ease;
	-moz-transition:all 1000ms ease;
	-ms-transition:all 1000ms ease;
	-o-transition:all 1000ms ease;
	transition:all 1000ms ease;
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, #000000));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #000000 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #000000 100%);
}

.services-block-two .inner-box .overlay-box:after{
	position:absolute;
	content:'';
	left:0px;
	top:-100%;
	width:100%;
	height:100%;
	opacity:0;
	-webkit-transition:all 700ms ease;
	-moz-transition:all 700ms ease;
	-ms-transition:all 700ms ease;
	-o-transition:all 700ms ease;
	transition:all 700ms ease;
	background:rgba(0,0,0,0.70);
}

.services-block-two .inner-box:hover .overlay-box:before{
	top:100%;
	opacity:0;
}

.services-block-two .inner-box:hover .overlay-box:after{
	opacity:1;
	top:0%;
}

.services-block-two .inner-box .overlay-box h3{
	position:absolute;
	right:35px;
	bottom:35px;
	text-align:right;
	line-height:1.3em;
	padding-bottom:10px;
	display:inline-block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	z-index:1;
}

.services-block-two .inner-box:hover .overlay-box h3{
	opacity:0;
	-webkit-transform:translateX(110%);	
	-ms-transform:translateX(110%);	
	-moz-transform:translateX(110%);	
	transform:translateX(110%);	
}

.services-block-two .inner-box .overlay-box h3:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:2px;
	width:50px;
	background-color:#e9c37a;
}

.services-block-two .inner-box .overlay-box h3 a{
	position:relative;
	color:#ffffff;
	font-size: 20px;
	font-weight:600;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.services-block-two .inner-box .overlay-box h3 a:hover{
	color:#e9c37a;
}

.services-block-two .inner-box .overlay-box .links-box{
	position:absolute;
	left:0;
	top:50%;
	margin-top:-22px;
	width:100%;
	text-align:center;
	opacity:0;
	-webkit-transform:translateY(-70px);
	-ms-transform:translateY(-70px);
	-moz-transform:translateY(-70px);
	transform:translateY(-70px);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	z-index:1;
}

.services-block-two .inner-box:hover .overlay-box .links-box{
	opacity:1;	
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px);
}

.services-block-two .inner-box .overlay-box .links-box .link{
	position:relative;
	display:inline-block;
	width:44px;
	height:44px;
	line-height:44px;
	font-size:16px;
	background:#ffffff;
	color:#e9c37a;
	margin:0px 3px;
	border-radius:3px;
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.services-block-two .inner-box .overlay-box .links-box .link:hover{
	background:#e9c37a;
	color:#ffffff;
}

/*** 

====================================================================
Story Section
====================================================================

***/

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

.story-section .pattern-layer-two{
	position: absolute;
	content: '';
	left: -500px;
	bottom: -50px;
	width: 780px;
	height: 550px;
	background: url(../images/background/pattern-3.png) no-repeat;
}

.story-section .owl-nav{
	display:none;
}

.story-section .owl-dots{
	position:absolute;
	right:-60px;
	top:50%;
	margin-top:0px;
}

.story-section .owl-dots .owl-dot{
	position:relative;
	width:8px;
	height:8px;
	margin-bottom:10px;
	border-radius:50%;
	background-color:#ffffff;
	border:1px solid #cdcdcd;
}

.story-section .owl-dots .owl-dot.active,
.story-section .owl-dots .owl-dot:hover{
	border-color:#e9c37a;
	background-color:#e9c37a;
}


.story-section .owl-theme .story-block-two{
	margin:0px 15px;
}

.story-section .owl-carousel{
	margin:0px -15px;
	width:auto;
}


/* Story Block */

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

.story-block .pattern-layer{
	position:absolute;
	content:'';
	right:-500px;
	top:-20px;
	width:780px;
	height:550px;
	background:url(../images/background/pattern-3.png) no-repeat;
}

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

.story-block .inner-box .content-column{
	position:relative;
	padding:0px;
	float:left;
}

.story-block .inner-box .content-column .inner-column{
	position:relative;
	padding:50px 60px 50px;
	z-index:1;
	margin-right:-60px;
	background-color:#ffffff;
	box-shadow:0px 0px 25px rgba(0,0,0,0.10);
}

.story-block .inner-box .content-column .inner-column .text{
	position:relative;
}

.story-block .inner-box .content-column .inner-column .text p{
	position:relative;
	color:#666666;
	font-size: 16px;
	line-height:1.8em;
	margin-bottom:20px;
}

.story-block .inner-box .content-column .inner-column .text p span{
	color:#e9c37a;
}

.story-block .inner-box .content-column .inner-column .text p:last-child{
	margin-bottom:0px;
}

.story-block .inner-box .image-column{
	position:relative;
	padding:0px;
	float:right;
	margin-bottom:50px;
}

.story-block .inner-box .image-column .inner-column{
	position:relative;
	padding-top:45px;
}

.story-block .inner-box .image-column .inner-column .image img{
	width:100%;
	display:block;
}

/* Story Block Two */

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

.story-block-two .pattern-layer{
	position:absolute;
	content:'';
	left:-500px;
	top:-20px;
	width:780px;
	height:550px;
	background:url(../images/background/pattern-3.png) no-repeat;
}

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

.story-block-two .inner-box .content-column{
	position:relative;
	padding:0px;
	float:left;
}

.story-block-two .inner-box .content-column .sec-title{
	text-align:right;
}

.story-block-two .inner-box .content-column .sec-title .inner-title{
	text-align:left;
	display:inline-block;
}

.story-block-two .inner-box .content-column .inner-column{
	position:relative;
	padding:50px 60px 50px;
	z-index:1;
	margin-left:-60px;
	background-color:#ffffff;
	box-shadow:0px 0px 25px rgba(0,0,0,0.10);
}

.story-block-two .inner-box .content-column .inner-column .text{
	position:relative;
}

.story-block-two .inner-box .content-column .inner-column .text p{
	position:relative;
	color:#666666;
	font-size: 16px;
	line-height:1.8em;
	margin-bottom:20px;
}

.story-block-two .inner-box .content-column .inner-column .text p span{
	color:#e9c37a;
}

.story-block-two .inner-box .content-column .inner-column .text p strong{
	color:#222222;
}

.story-block-two .inner-box .content-column .inner-column .text p:last-child{
	margin-bottom:0px;
}

.story-block-two .inner-box .image-column{
	position:relative;
	padding:0px;
	float:left;
	margin-bottom:50px;
}

.story-block-two .inner-box .image-column .inner-column{
	position:relative;
	padding-top:45px;
}

.story-block-two .inner-box .image-column .inner-column .image{
	position:relative;
}

.story-block-two .inner-box .image-column .inner-column .image img{
	position:relative;
	width:100%;
	display:block;
}

/*** 

====================================================================
Product Tab Section
====================================================================

***/

.product-tab-section{
	position:relative;
	padding-top:100px;
	background-attachment:fixed;
	background-size:cover;
}

.product-tab-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(26,26,26,0.92);
}

.product-tab-section:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:90px;
	width:100%;
	background-color:rgba(255,255,255,1);
}

.product-tab-section .content-box{
	position:relative;
}

.product-tab-section .content-box .inner-content{
	position:relative;
	max-width:770px;
	z-index:1;
	margin-left:100px;
	padding:70px 110px 70px;
	background-color:#ffffff;
	box-shadow:0px 0px 35px rgba(0,0,0,0.15);
}

.product-tab-section .content-box .inner-content .sec-title h2{
	font-size:30px;
	font-weight:700;
}

/*** 

====================================================================
Design Tabs Style
====================================================================

***/

.product-tab-section .design-tabs{
	position:relative;	
	z-index:1;
}

.product-tab-section .design-tabs .tab-btns{
	position:relative;
	margin-bottom:15px;
	font-family: 'Montserrat', sans-serif;
}

.product-tab-section .design-tabs .tab-btns .tab-btn{
	position:relative;
	margin-right:25px;
	font-size:16px;
	background:none;
	color:#888888;
	text-transform:uppercase;
	font-weight:600;
	line-height:24px;
	cursor:pointer;
	padding-bottom:5px;
	margin-bottom:8px;
	display:inline-block;
	transition:all 500ms ease;
	
}

.product-tab-section .design-tabs .tab-btns .tab-btn:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:3px;
	width:0px;
	background-color:#e9c37a;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.product-tab-section .design-tabs .tab-btns .tab-btn:hover::before,
.product-tab-section .design-tabs .tab-btns .tab-btn.active-btn:before{
	width:100%;
}

.product-tab-section .design-tabs .tab-btns .tab-btn:hover,
.product-tab-section .design-tabs .tab-btns .tab-btn.active-btn{
	color:#222222;
}

.product-tab-section .design-tabs .tabs-content{
	position:relative;	
}

.product-tab-section .design-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.product-tab-section .design-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.product-tab-section .design-tabs .tabs-content .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.8em;
	margin-bottom:40px;
	
}

.product-tab-section .design-tabs .tabs-content .active-tab .text,
.product-tab-section .design-tabs .tabs-content .active-tab .theme-btn{
	-ms-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-op-animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;		
}

/*** 

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

***/

.projects-section{
	position:relative;
	padding-top:140px;
}

.projects-section .pattern-layer{
	position:absolute;
	content:'';
	left:0px;
	top:-55px;
	height:154px;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
}

.projects-section .column{
	position:relative;
	padding:0px;
	float:left;
}

/* Project Block */

.project-block{
	position:relative;
	z-index:1;
}

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

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

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

.project-block .inner-box .image .overlay-box{
	position: absolute;
	left: 30px;
	bottom: 30px;
	right: 30px;
	top: 30px;
	z-index: 2;
	opacity: 0;
	display: block;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.project-block .inner-box .image .overlay-box:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:100%;
	height:0%;
	display:block;
	opacity:0;
	text-align:center;
	-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;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background-color: rgba(233,195,122,0.95);
}

.project-block .inner-box:hover .image .overlay-box:before{
	opacity: 1;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.project-block .inner-box .image .overlay-box:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	text-align:center;
	-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;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background-color: rgba(233,195,122,0.95);
}

.project-block .inner-box:hover .image .overlay-box:after{
	opacity: 1;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
}

.project-block .inner-box:hover .image .overlay-box{
	opacity: 1;
}

.project-block .inner-box .image .overlay-box .plus{
	position:relative;
	display:inline-block;
	z-index:1;
	color:#222222;
	font-size:18px;
	text-align:center;
	line-height:34px;
	font-weight:400;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.project-block .inner-box:hover .image .overlay-box .plus{
	-ms-animation-name: rotateMe;
	-moz-animation-name: rotateMe;
	-o-animation-name: rotateMe;
	-webkit-animation-name: rotateMe;
	animation-name: rotateMe;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-o-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-delay: 800ms;
	-moz-animation-delay: 800ms;
	-o-animation-delay: 800ms;
	-webkit-animation-delay: 800ms;
	animation-delay: 800ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 2;
	-moz-animation-iteration-count: 2;
	-op-animation-iteration-count: 2;
	-webkit-animation-iteration-count: 2;
	animation-iteration-count: 2;
}

.project-block .inner-box .image .overlay-box .plus:hover{
	color:#ffffff;	
}

.project-block .inner-box .image .overlay-box .overlay-inner{
	position: absolute;
	left: 0px;
	top: 30px;
	width: 100%;
	height: 100%;
	display: table;
	z-index:1;
	padding: 10px 10px;
	vertical-align: middle;
	opacity:0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.project-block .inner-box:hover .image .overlay-box .overlay-inner{
	opacity:1;
	top:0;	
	transition-delay:500ms;
}

.project-block .inner-box .image .overlay-box .overlay-inner .overlay-content{
	position: relative;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
}

.project-block .inner-box .image h3{
	position:relative;
	font-size:22px;
	color:#222222;
	z-index:1;
	font-weight:600;
	line-height:1.3em;
	margin-top:15px;
	margin-bottom:7px;
	
}

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

.project-block .inner-box .image h3 a:hover{
	color:#222222;
	text-decoration:underline;
}

.project-block .inner-box .image .category{
	position:relative;
	color:#222222;
	font-size:14px;
	z-index:1;
	letter-spacing:1px;
	text-transform:uppercase;
	
}

/*** 

====================================================================
Counter Section
====================================================================

***/

.counter-section{
	position:relative;
	padding:90px 0px 130px;
}

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

.counter-section .pattern-layer{
	position:absolute;
	content:'';
	right:0px;
	top:-50px;
	height:960px;
	width:814px;
	background-position:center center;
	background-repeat:no-repeat;
}

.counter-section .counter-block{
	float:left;
	padding:0px;
}

/* Counter Block */

.counter-block{
	position:relative;
}

.counter-block .inner-box{
	position:relative;
	margin:0px;
	display:block;
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

.counter-block .inner-box .image{
	position:relative;
	width:100%;
}

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

.counter-block .inner-box .content-box{
	position:relative;
	width:100%;
	text-align:center;
	padding:60px 15px;
	background-color:#ffffff;
}

.counter-block .inner-box .content-box .count-box{
	position:relative;
	color:#e9c37a;
	font-size:102px;
	line-height:1em;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
}

.counter-block .inner-box .content-box .text{
	position:relative;
	color:#666666;
	font-size:14px;
	padding-top:15px;
	margin-top:15px;
	text-transform:uppercase;
	
}

.counter-block .inner-box .content-box .text:before{
	position:absolute;
	content:'';
	left:50%;
	top:0px;
	height:2px;
	width:50px;
	margin-left:-25px;
	display:inline-block;
	background-color:#222222;
}

.counter-block:nth-child(2) .inner-box .content-box .count-box,
.counter-block:nth-child(4) .inner-box .content-box .count-box{
	color:#222222;
	width:100%;
}

.counter-block:nth-child(2) .inner-box .content-box .text:before,
.counter-block:nth-child(4) .inner-box .content-box .text:before{
	background-color:#e9c37a;
}

/*** 

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

***/

.testimonial-section{
	position:relative;
	padding:85px 0px 85px;
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
}

.testimonial-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(48,48,48,0.80);
}

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

.testimonial-section .owl-dots{
	position:relative;
	text-align:center;
	margin-top:50px;
}

.testimonial-section .owl-dots .owl-dot{
	position:relative;
	width:9px;
	height:9px;
	margin:0px 7px;
	border-radius:50%;
	display:inline-block;
	border:1px solid #ffffff;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.testimonial-section .owl-dots .owl-dot.active,
.testimonial-section .owl-dots .owl-dot:hover{
	background-color:#ffffff;
}

.testimonial-block{
	position:relative;
}

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

.testimonial-block .inner-box .quote-icon{
	position:relative;
	font-size:44px;
	line-height:1em;
	color:#ffffff;
}

.testimonial-block .inner-box .title{
	position:relative;
	color:#e9c37a;
	font-size:30px;
	font-weight:600;
	margin-top:25px;
	letter-spacing:1px;
}

.testimonial-block .inner-box .text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	line-height:1.7em;
	font-style:italic;
	max-width:1000px;
	margin:0 auto;
	margin-top:60px;
	font-weight:400;
}

.testimonial-block .inner-box .author-name{
	position:relative;
	color:#ffffff;
	font-size:14px;
	font-weight:600;
	margin-top:40px;
	letter-spacing:1px;
	text-transform:uppercase;
}

/*** 

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

***/

.team-section{
	position:relative;
	padding:85px 0px 85px;
}

.team-section .pattern-layer{
	position:absolute;
	right:0px;
	top:240px;
	width:100%;
	height:234px;
}

.team-section .sec-title{
	margin-bottom:50px;
}

.team-section .sec-title .text{
	line-height:2em;
	margin-top:40px;
}

/* Team Block */

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

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

.team-block .inner-box .image{
	position:relative;
}

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

.team-block .inner-box .image .overlay-box{
	position:absolute;
	left:20px;
	top:20px;
	right:20px;
	bottom:20px;
	opacity:0;
	-webkit-transition:all 700ms ease;
	-ms-transition:all 700ms ease;
	-o-transition:all 700ms ease;
	transition:all 700ms ease;
}

.team-block .inner-box .image .overlay-box:before{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	visibility: hidden;
	transition: all 500ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	background-color:rgba(233,195,122,0.95);
	transform-origin:bottom;
	-moz-transform: rotateX(-180deg);
	-webkit-transform: rotateX(-180deg);
	-ms-transform: rotateX(-180deg);
	-o-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.team-block .inner-box:hover .overlay-box:before{
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
	visibility: visible;
}

.team-block .inner-box:hover .overlay-box{
	opacity:1;
	
}

.team-block .inner-box .overlay-inner{
	position:absolute;
	left:0px;
	top:-20px;
	width:100%;
	height:100%;
	display:table;
	text-align:center;
	vertical-align:middle;
	padding:10px 15px;
	opacity:0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
}

.team-block .inner-box:hover .overlay-inner{
	opacity:1;
	top:0;
	-webkit-transition-delay:700ms;
	-ms-transition-delay:700ms;
	transition-delay:700ms;	
}

.team-block .inner-box .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.team-block .inner-box .image .overlay-box .phone{
	position:relative;
	color:#222222;
	font-size:18px;
	line-height:1.8em;
	padding-bottom:20px;
	margin-bottom:25px;
}

.team-block .inner-box .image .overlay-box .phone a{
	color:#222222;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.team-block .inner-box .image .overlay-box .phone a:hover{
	text-decoration:underline;	
	color:#ffffff;	
}

.team-block .inner-box .image .overlay-box .phone span{
	font-size:16px;
	display:block;
	
}

.team-block .inner-box .image .overlay-box .phone:before{
	position:absolute;
	content:'';
	left:50%;
	bottom:0px;
	height:2px;
	width:50px;
	margin-left:-25px;
	background-color:#222222;
}

.team-block .inner-box .image .overlay-box .social-links{
	position:relative;
}

.team-block .inner-box .image .overlay-box .social-links li{
	position:relative;
	margin:0px 6px;
	display:inline-block;
}

.team-block .inner-box .image .overlay-box .social-links li a{
	position:relative;
	color:#222222;
	font-size:18px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.team-block .inner-box .image .overlay-box .social-links li a:hover{
	color:#ffffff;	
}

.team-block .inner-box .lower-content{
	position:relative;
	padding:30px 15px 30px 45px;
	background-color:#222222;
}

.team-block .inner-box .lower-content h3{
	position:relative;
	font-size:18px;
	line-height:1.3em;
	
}

.team-block .inner-box .lower-content h3 a{
	position:relative;
	color:#ffffff;
}

.team-block .inner-box .lower-content .designation{
	position:relative;
	font-size:12px;
	margin-top:2px;
	padding-bottom:20px;
	text-transform:uppercase;
	color:rgba(255,255,255,0.70);
}

.team-block .inner-box .lower-content .designation:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:3px;
	width:50px;
	background-color:#e9c37a;
}

/*** 

====================================================================
Sponsors Section
====================================================================

***/

.sponsors-section{
	position:relative;
	padding:50px 0px 50px;
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

.sponsors-section.style-two{
	box-shadow:none;
	padding:80px 0px 80px;
	border-top:1px solid #eeeeee;
}

.sponsors-section .sponsors-outer{
	position:relative;
}

.sponsors-section .sponsors-outer .owl-dots,
.sponsors-section .sponsors-outer .owl-nav{
	position:relative;
	display:none;
}

.sponsors-section .sponsors-outer .image-box{
	position:relative;
	text-align:center;
	margin:0px;
	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;
}

.sponsors-section .sponsors-outer .image-box img{
	max-width:100%;
	width:auto;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sponsors-section .sponsors-outer .image-box img:hover{
	opacity:0.4;
}

/*** 

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

***/

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

.news-section .sec-title{
	margin-bottom:45px;
}

.news-section .row{
	margin:0px -28px;
}

.news-section .news-column{
	padding:0px 28px;
}

/* News Block */

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

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

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

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

.news-block .inner-box .image a:before{
	content: "\f0c1";
	font-family: 'FontAwesome';
	font-weight:400;
	position:absolute;
	left:50%;
	top:50%;
	margin:-30px 0px 0px -30px;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	background:#ffffff;
	color:#e9c37a;
	font-size:20px;
	border-radius:50%;
	z-index:1;
	opacity:0;
	-webkit-transform:translateY(50px);
	-ms-transform:translateY(50px);
	-moz-transform:translateY(50px);
	transform:translateY(50px);
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

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

.news-block .inner-box:hover .image img{
	opacity:0.30;
	-webkit-transform:rotate(3deg) scale(1.1,1.1);
	-ms-transform:rotate(3deg) scale(1.1,1.1);
	transform:rotate(3deg) scale(1.1,1.1);
}

.news-block .inner-box:hover .image a:before{
	opacity:1;
	-webkit-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}

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

.news-block .inner-box .lower-content .post-date{
	position:relative;
	color:#ffffff;
	top:-20px;
	font-size:14px;
	margin-left:30px;
	margin-top:-10px;
	padding:10px 17px;
	display:inline-block;
	background-color:#222222;
	
}

.news-block .inner-box .lower-content h3{
	position:relative;
	font-size:24px;
	font-weight:600;
	line-height:1.3em;
}

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

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

.news-block .inner-box .lower-content .post-meta{
	position:relative;
	margin-top:10px;
	padding-bottom:18px;
}

.news-block .inner-box .lower-content .post-meta li{
	position:relative;
	color:#666666;
	font-size:14px;
	margin-right:15px;
	display:inline-block;
	
}

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

.news-block .inner-box .lower-content .post-meta:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:2px;
	width:50px;
	background-color:#e9c37a;
}

.news-block .inner-box .lower-content .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.9em;
	margin-top:18px;
	
}

.news-block .inner-box .lower-content .read-more{
	position:relative;
	color:#222222;
	font-size:14px;
	line-height:1em;
	margin-top:20px;
	display:inline-block;
	
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.news-block .inner-box .lower-content .read-more .arrow{
	position:relative;
	margin-left:10px;
	color:#e9c37a;
	top:2px;
}

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

/* News Block Two */

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

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

.news-block-two .inner-box .image-column{
	position:relative;
}

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

.news-block-two .inner-box .image-column .image img{
	position:relative;
	width:100%;
	display:block;
	transition:all 600ms ease;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
}

.news-block-two .inner-box:hover .image-column .image img{
	opacity:0.4;
	-webkit-transform:rotate(5deg) scale(1.2,1.2);
	-ms-transform:rotate(5deg) scale(1.2,1.2);
	-moz-transform:rotate(5deg) scale(1.2,1.2);
	transform:rotate(5deg) scale(1.2,1.2);
}

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

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

.news-block-two .inner-box .content-column .post-date{
	position:relative;
	color:#ffffff;
	font-size:14px;
	padding:10px 17px;
	display:inline-block;
	background-color:#222222;
	
}

.news-block-two .inner-box .content-column h3{
	position:relative;
	font-size:24px;
	font-weight:600;
	line-height:1.3em;
	margin-top:18px;
}

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

.news-block-two .inner-box .content-column h3 a:hover{
	color:#e9c37a;
}

.news-block-two .inner-box .content-column .post-meta{
	position:relative;
	margin-top:7px;
	padding-bottom:18px;
}

.news-block-two .inner-box .content-column .post-meta:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:2px;
	width:50px;
	background-color:#e9c37a;
}

.news-block-two .inner-box .content-column .post-meta li{
	position:relative;
	color:#666666;
	font-size:14px;
	margin-right:20px;
	display:inline-block;
	
}

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

/*** 

====================================================================
Newsletter Section
====================================================================

***/

.newsletter-section{
	position:relative;
	padding:75px 0px;
}

.newsletter-section.style-two{
	padding-top:0px;
}

.newsletter-section .pattern-layer{
	position:absolute;
	right:0px;
	top:0px;
	width:100%;
	height:253px;
}

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

.newsletter-section .title-column .inner-column{
	position:relative;
}

.newsletter-section .title-column .inner-column h2{
	position:relative;
	color:#222222;
	font-size:30px;
	font-weight:700;
	line-height:1.3em;
	padding-right:30px;
	display:inline-block;
}

.newsletter-section .title-column .inner-column h2:before{
	position:absolute;
	content:'';
	right:0px;
	top:20px;
	width:24px;
	height:2px;
	background-color:#e9c37a;
}

.newsletter-section .title-column .inner-column .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.7em;
	margin-top:15px;
	
}

.newsletter-section .form-column{
	position:relative;
}

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

.newsletter-section .form-column h3{
	position:relative;
	color:#222222;
	font-weight:600;
	font-size:18px;
	line-height:1.3em;
	margin-bottom:18px;
}

/*Subscribe Form*/

.subscribe-form{
	position:relative;
}

.subscribe-form .form-group{
	position:relative;
	display:block;
	margin:0px;
	width:100%;
	padding-right:170px;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="tel"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	height:50px;
	font-size:14px;
	color:#222222;
	background:#ffffff;
	border:1px solid #dddddd;
	padding:10px 15px 10px 15px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form button{
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
}

.subscribe-form .form-group input[type="submit"]:hover,
.subscribe-form button:hover{
	
}

/*** 

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

***/

.main-footer{
	position:relative;
	color:#bbbbbb;
	background-color:#1c1c1c;
}

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

.main-footer .widgets-section{
	position:relative;
	padding:95px 0px 50px;
	padding-bottom:40px;
}

.main-footer .footer-widget h2{
	position:relative;
	font-weight:600;
	color:#ffffff;
	font-size:16px;
	line-height:1.2em;
	margin-bottom:24px;
	padding-bottom:14px;
	text-transform:uppercase;
}

.main-footer .footer-widget h2:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:2px;
	width:50px;
	background-color:#e9c37a;
}

.main-footer .about-widget .social-links{
	position:relative;
}

.main-footer .about-widget .social-links li{
	position:relative;
	margin-right:20px;
	display:inline-block;
}

.main-footer .about-widget .social-links li:last-child{
	margin-right:0px;
}

.main-footer .about-widget .social-links li a{
	position:relative;
	color:#bbbbbb;
	font-size:18px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-footer .about-widget .social-links li a:hover{
	color:#e9c37a;	
}

.main-footer .about-widget .text{
	position:relative;
	color:#bbbbbb;
	font-size:14px;
	line-height:1.9em;
	margin-top:18px;
	margin-bottom:35px;
	
}

.main-footer .about-widget .copyright{
	position:relative;
	color:#cccccc;
	font-size:14px;
	line-height:1.9em;
	
	
}

.main-footer .about-widget .copyright span{
	color:#ffffff;
	font-weight:600;
	
}

/* Footer List */

.footer-list{
	position:relative;
}

.footer-list li{
	position:relative;
	margin-bottom:10px;
}

.footer-list li a{
	position:relative;
	color:#bbbbbb;
	font-size:14px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

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

/* Contact List */

.main-footer .contact-list{
	position:relative;
}

.main-footer .contact-list li{
	position:relative;
	color:#bbbbbb;
	font-size:16px;
	line-height:1.6em;
	margin-bottom:14px;
	
}

.main-footer .contact-list li a{
	color:#ffffff;	
}

.main-footer .contact-list li a:hover{
	text-decoration:underline;	
}

.main-footer .contact-list li span{
	color:#ffffff;
	font-size:18px;
	display:block;
	
}

.main-footer .footer-bottom-image{
	position:relative;
}

.main-footer .footer-bottom-image .image{
	position:relative;
}

.main-footer .footer-bottom-image .image:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	background-color:rgba(0,0,0,0.80);
}

.main-footer .footer-bottom-image .image img{
	position:relative;
	width:100%;
	display:block;
}

/*** 

====================================================================
Architecture Section
====================================================================

***/

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

.architecture-section .pattern-layer{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	height:424px;
}

.architecture-section .title-box{
	position:relative;
}

.architecture-section .title-box .title-inner-box{
	position:relative;
	background-color:#ffffff;
	padding:85px 60px 60px 150px;
	border:10px solid #eeeeee;
}

.architecture-section .title-box .title-inner-box .sec-title h2{
	font-size:44px;
	line-height:1.1em;
	font-weight:700;
}

.architecture-section .title-box .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.9em;
	
}

.architecture-section .lower-content{
	position:relative;
}

.architecture-section .lower-content .inner-content{
	position:relative;
	padding:0px 70px 0px 140px;
}

.architecture-section .lower-content .list-column{
	position:relative;
}

.architecture-section .lower-content .list-column .inner-column{
	position:relative;
	padding-top:50px;
}

.architecture-section .lower-content .architecture-info{
	position:relative;
	margin-bottom:32px;
}

.architecture-section .lower-content .architecture-info:last-child{
	margin-bottom:0px;
}

.architecture-section .lower-content .architecture-info .info-inner{
	position:relative;
	padding-bottom:14px;
}

.architecture-section .lower-content .architecture-info .info-inner:before{
	position:absolute;
	content:'';
	left:0px;
	width:35px;
	bottom:0px;
	height:2px;
	background-color:#e9c37a;
}

.architecture-section .lower-content .architecture-info .info-inner h3{
	position:relative;
	color:#222222;
	font-weight:600;
	font-size:24px;
	line-height:1.3em;
	
}

.architecture-section .lower-content .architecture-info .info-inner .text{
	position:relative;
	color:#666666;
	font-size:14px;
	margin-top:4px;
	
}

.architecture-section .lower-content .image-column{
	position:relative;
}

.architecture-section .lower-content .image-column .inner-column{
	position:relative;
	margin-top:-90px;
}

.architecture-section .lower-content .image-column img{
	position:relative;
	width:100%;
	display:block;
}

/*** 

====================================================================
Gallery Section
====================================================================

***/

.gallery-section{
	position:relative;
	padding-top:90px;
}

.gallery-section .filters{
	position:relative;
	margin-bottom:40px;
}

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

.gallery-section .filters li{
	position: relative;
	display: inline-block;
	color: #656565;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	margin:0px 12px 6px;
	padding:0px 0px 6px;
	text-transform:uppercase;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	
}

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

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

/* Project Item */

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

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

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

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

.project-item .overlay-box{
	position:absolute;
	left:50%;
	top:50%;
	width:240px;
	height:120px;
	margin:-60px 0px 0px -120px;
	color:#ffffff;
	text-align:center;
	background:rgba(0,0,0,0.30);
	opacity:0;
}

.project-item .inner-box:hover .overlay-box{
	-webkit-animation-name:bounceIn;
	-ms-animation-name:bounceIn;
	animation-name:bounceIn;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

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

.project-item .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.project-item .overlay-inner .link{
	position:relative;
	font-size:20px;
	color:#ffffff;
	width:50px;
	height:50px;
	line-height:50px;
	margin:0px 5px;
	display:inline-block;
	background-color:#e9c37a;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

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

.project-item .overlay-inner .link:hover{
	background:#202020;
}

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

.default-portfolio-item.mix{
	display:none;
}

.sortable-masonry .items-container{
	position:relative;
}

.sortable-masonry .masonry-item{
	position:relative;
	padding:0px 0px;
	margin:0px;
}

.sortable-masonry .masonry-item:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	outline:5px solid #ffffff;
	outline-offset:-5px;
	z-index:1;	
}

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

.default-portfolio-item .image-box{
	position:relative;
	display:block;
	background:#101010;
	margin:0;
}

.default-portfolio-item .image-box img{
	position:relative;
	display:block;
	border-radius:3px;
	width:100%;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.default-portfolio-item:hover .inner-box .image-box img{
	opacity:0.50;
	-webkit-transform:scale(1.1);	
	-ms-transform:scale(1.1);
	-moz-transform:scale(1.1);	
	transform:scale(1.1);	
}

.default-portfolio-item .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	padding:0px;
	opacity:0;
	text-align:center;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transform:scaleX(0);
	z-index:10;
}

.default-portfolio-item .overlay-box{
	border:5px solid transparent;
}

.default-portfolio-item:hover .overlay-box{
	top:0px;
	opacity:1;
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform:scaleX(1);	
}

.default-portfolio-item .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 20px;
	background:rgba(0,0,0,0);
}

.default-portfolio-item .overlay-inner .overlay-content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.default-portfolio-item .overlay-inner .content-box{
	position:relative;
	padding:80px 20px;
	max-width:450px;
	margin:0 auto;
	background:rgba(255,255,255,0.95);
}

.default-portfolio-item .overlay-inner .content{
	position:relative;
	max-width:250px;
	margin:0 auto;
}

.default-portfolio-item .overlay-inner h3{
	position:relative;
	font-size:16px;
	font-weight:700;
	font-family:'Lato',sans-serif;
	text-transform:uppercase;
	color:#222222;
	line-height:1.4em;
	padding-bottom:10px;
}

.default-portfolio-item .overlay-inner h3 a{
	color:#222222;	
}

.default-portfolio-item .overlay-inner h3:after{
	content:'';
	position:absolute;
	left:50%;
	margin-left:-10px;
	bottom:0px;
	width:20px;
	border-bottom:2px solid #c5a47e;
}

.default-portfolio-item .overlay-inner .text{
	position:relative;
	line-height:1.8em;
	margin-top:20px;
}

/*** 

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

***/

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

.services-section .pattern-layer{
	position:absolute;
	right:0px;
	bottom:0px;
	width:800px;
	height:455px;
}

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

.services-block-three.style-two{
	text-align:center;
}

.services-block-three.style-two .inner-box h3:before{
	margin-left:-25px;
	left:50%;
}

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

.services-block-three .inner-box .service-number{
	position:absolute;
	right:0px;
	top:40px;
	color:#e9c37a;
	opacity:0.4;
	font-size:72px;
	line-height:1em;
	font-weight:700;
}

.services-block-three .inner-box .icon-box{
	position:relative;
	font-size:54px;
	line-height:1em;
	color:#e9c37a;
}

.services-block-three .inner-box h3{
	position:relative;
	font-size:24px;
	font-weight:600;
	margin-top:18px;
	padding-bottom:12px;
}

.services-block-three .inner-box h3 a{
	position:relative;
	color:#222222;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.services-block-three .inner-box h3 a:hover{
	color:#e9c37a;
}

.services-block-three .inner-box h3:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:2px;
	width:50px;
	background-color:#e9c37a;
}

.services-block-three .inner-box .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.8em;
	margin-top:25px;
	
}

/*** 

====================================================================
Planning Section
====================================================================

***/

.planning-section{
	position:relative;
	padding:100px 0px 60px;
	background-size:cover;
	background-attachment:fixed;
}

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

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

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

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

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

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

.planning-section .content-column .inner-column{
	position:relative;
	padding-top:20px;
	padding-left:70px;
}

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

.planning-section .content-column .inner-column .text p{
	position:relative;
	font-size:14px;
	line-height:1.8em;
	color:#ffffff;
	margin-bottom:20px;
	
}

.planning-section .content-column .inner-column .text p:last-child{
	margin-bottom:0px;
}

.planning-section .content-column .inner-column .text p span{
	font-weight:600;
}

/*** 

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

***/

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

.services-section-two .pattern-layer{
	position:absolute;
	left:-350px;
	top:430px;
	width:1000px;
	height:334px;
}

.services-section-two .left-column{
	position:relative;
	margin-bottom:40px;
}

.services-section-two .left-column .inner-column{
	position:relative;
	padding-left:70px;
	padding-right:20px;
}

.services-section-two .left-column .inner-column .sec-title{
	margin-bottom:90px;
}

.services-section-two .left-column h3{
	position:relative;
	color:#e9c37a;
	font-size:42px;
	line-height:1.3em;
	
}

.services-section-two .left-column .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.8em;
	margin-top:6px;
	margin-bottom:20px;
	
}

.services-section-two .left-column ul{
	position:relative;
	margin-bottom:100px;
}

.services-section-two .left-column ul li{
	position:relative;
	color:#dddddd;
	font-weight:600;
	font-size:38px;
	line-height:1.3em;
	margin-bottom:5px;
}

/*Skills Section*/

.skills{
	position:relative;
}

.skills .skill-item{
	position:relative;
	margin-bottom:25px;
}

.skills .skill-item:last-child{
	margin-bottom:0px;
}

.skills .skill-item .skill-bar{
	position:relative;
	width:100%;
}

.skills .skill-item .skill-bar .bar-inner{
	position:relative;
	width:100%;
	border-bottom: 3px solid #cccccc;
}

.skills .skill-item .skill-bar .bar-inner .bar{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:3px;
	background:#222222;
	-webkit-transition:all 2000ms ease;
	-ms-transition:all 2000ms ease;
	-o-transition:all 2000ms ease;
	-moz-transition:all 2000ms ease;
	transition:all 2000ms ease;
}

.skills.green .skill-item .skill-bar .bar-inner .bar{
	background:#ff6666;
}

.skills .skill-item .skill-header{
	position:relative;
	margin-bottom:10px;
}

.skills .skill-item .skill-header .skill-title{
	float:left;
	color:#222222;
	font-size:16px;
	font-weight:600;
	line-height:1.4em;
	text-transform:capitalize;
}

.skills .skill-item .skill-header .skill-percentage{
	position:relative;
	color:#e9c37a;
	font-size:16px;
	font-weight:600;
	line-height:1.4em;
	float:right;
}

.services-section-two .left-column .image{
	position:relative;
	margin-top:70px;
	margin-left:-210px;
}

.services-section-two .right-column{
	position:relative;
	margin-bottom:40px;
}

.services-section-two .right-column .inner-column{
	position:relative;
	margin-right:-350px;
}

.services-section-two .right-column .image-box{
	position:relative;
	margin-bottom:40px;
}

.services-block-four{
	position:relative;
}

.services-block-four .inner-box{
	position:relative;
}

.services-block-four .inner-box .image{
	position:relative;
}

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

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

.services-block-four .inner-box .lower-content .content-inner{
	position:relative;
	margin-left:40px;
	margin-right:40px;
	margin-top:-180px;
	padding:70px 70px 70px 120px;
	background-color:#ffffff;
	box-shadow:0px 0px 25px rgba(0,0,0,0.10);
}

.services-block-four .inner-box .lower-content h2{
	position:relative;
	font-size:30px;
	font-weight:700;
	line-height:1.4em;
	margin-bottom:18px;
}

.services-block-four .inner-box .lower-content h2:before{
	position:absolute;
	content:'';
	left:-65px;
	top:19px;
	height:2px;
	width:50px;
	background-color:#e9c37a;
}

.services-block-four .inner-box .lower-content h2 a{
	position:relative;
	color:#222222;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.services-block-four .inner-box .lower-content h2 a:hover{
	color:#e9c37a;
}

.services-block-four .inner-box .lower-content .text{
	position:relative;
	margin-bottom:35px;
}

.services-block-four .inner-box .lower-content .text p{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.9em;
	margin-bottom:15px;
}

.services-block-four .inner-box .lower-content .text p:last-child{
	margin-bottom:0px;
}

.services-section-three{
	position:relative;
	padding:100px 0px 70px;
}

.services-section-three .pattern-layer{
	position:absolute;
	right:0px;
	top:0px;
	width:695px;
	height:395px;
}

.services-section-three .pattern-layer-two{
	position:absolute;
	left:0px;
	bottom:0px;
	width:695px;
	height:395px;
}

/* Services Block Five */

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

.services-block-five .inner-box{
	position:relative;
}

.services-block-five .inner-box .image-column{
	position:relative;
	margin-bottom:30px;
}

.services-block-five .inner-box .image-column .inner-column{
	position:relative;
}

.services-block-five .inner-box .image-column .inner-column .image{
	position:relative;
}

.services-block-five .inner-box .image-column .inner-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.services-block-five .inner-box .content-column{
	position:relative;
	margin-bottom:30px;
}

.services-block-five .inner-box .content-column .inner-column{
	position:relative;
	padding-top:60px;
}

.services-block-five .inner-box .content-column{
	position:relative;
}

.services-block-five .inner-box .content-column .inner-column{
	position:relative;
	padding-right:50px;
}

.services-block-five.style-two .inner-box .content-column .inner-column{
	position:relative;
	padding-right:0px;
	padding-left:50px;
}

.services-block-five .inner-box .content-column h3{
	position:relative;
	font-size:24px;
	font-weight:600;
	line-height:1.3em;
	margin-bottom:25px;
	padding-bottom:15px;
}

.services-block-five .inner-box .content-column h3:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:2px;
	width:50px;
	background-color:#e9c37a;
}

.services-block-five .inner-box .content-column h3 a{
	position:relative;
	color:#222222;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.services-block-five .inner-box .content-column h3 a:hover{
	color:#e9c37a;
}

.services-block-five .inner-box .content-column .text{
	position:relative;
	color: #666666;
	font-size: 14px;
	line-height: 1.9em;
	
}

/*** 

====================================================================
Fullwidth Section Two
====================================================================

***/

.container-fluid-two{
	position:relative;
	overflow:hidden;
	margin-bottom:40px;
	padding:40px 0px 0px;
	background-color:#e9c37a;
}

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

.container-fluid-two .outer-section .left-column{
	position:relative;
	width:50%;
	float:left;
	padding-top:40px;
}

.container-fluid-two .outer-section .left-column .inner-column{
	position: relative;
	max-width:560px;
	margin-right:270px;
	margin-left:-270px;
	display: block;
	float: right;
	padding:0px 15px;
	padding-right:60px;
}

.container-fluid-two .outer-section .pattern-layer{
	position:absolute;
	left:0px;
	bottom:0px;
	width:430px;
	height:304px;
}

.container-fluid-two .outer-section .left-column .quote-icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#222222;
	font-size:50px;
	line-height:1em;
	padding-bottom:10px;
	border-bottom:2px solid #222222;
}

.container-fluid-two .outer-section .left-column .title-box{
	position:relative;
	padding-left:90px;
}

.container-fluid-two .outer-section .left-column .title-box .title{
	position:relative;
	color:#222222;
	font-size:16px;
	letter-spacing:1px;
	text-transform:uppercase;
}

.container-fluid-two .outer-section .left-column .title-box h2{
	position:relative;
	color:#222222;
	font-size:36px;
	font-weight:600;
	margin-bottom:12px;
}

.container-fluid-two .outer-section .left-column .title-box .text{
	position:relative;
	color:#222222;
	font-size:16px;
	line-height:1.7em;
	
}

.container-fluid-two .outer-section .right-column{
	position:relative;
	width:50%;
	float:left;
	padding-bottom:40px;
}

.container-fluid-two .outer-section .right-column:before,
.container-fluid-two .outer-section .right-column .inner-column:before{
	position:absolute;
	content:'';
	right:0px;
	top:-180px;
	width:100%;
	height:300%;
	background-color:#ffffff;
}

.container-fluid-two .outer-section .right-column .inner-column{
	position:relative;
	display:block;
	background:#ffffff;
	padding-left:90px;
	margin-left:-270px;
	padding-right:30px;
}

.container-fluid-two .outer-section .right-column .inner-column .owl-dots{
	display:none;
}

.container-fluid-two .outer-section .right-column .inner-column .owl-nav{
	position:relative;
	text-align:center;
	margin-top:70px;
}

.container-fluid-two .outer-section .right-column .inner-column .owl-nav .owl-prev,
.container-fluid-two .outer-section .right-column .inner-column .owl-nav .owl-next{
	position:relative;
	width:55px;
	height:55px;
	color:#222222;
	font-size:28px;
	line-height:51px;
	text-align:center;
	margin:0px 4px;
	border:2px solid #eeeeee;
	display:inline-block;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.container-fluid-two .outer-section .right-column .inner-column .owl-nav .owl-prev:hover,
.container-fluid-two .outer-section .right-column .inner-column .owl-nav .owl-next:hover{
	color:#ffffff;
	border-color:#e9c37a;
	background-color:#e9c37a;
}

/* Testimonial Block Two */

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

.testimonial-block-two .inner-box{
	position:relative;
	padding-top:10px;
	min-height:250px;
	padding-left:220px;
}

.testimonial-block-two .inner-box .image{
	position:absolute;
	left:0px;
	top:0px;
	width:180px;
}

.testimonial-block-two .inner-box .upper-box{
	position:relative;
	padding-bottom:12px;
	margin-bottom:25px;
	border-bottom:1px solid #dddddd;
}

.testimonial-block-two .inner-box .upper-box h3{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight: 700;
}

.testimonial-block-two .inner-box .upper-box .location{
	position:relative;
	color:#222222;
	font-style:italic;
	
}

.testimonial-block-two .inner-box .upper-box .rating{
	position:relative;
	padding-top:10px;
}

.testimonial-block-two .inner-box .upper-box .rating .fa{
	position:relative;
	color:#ffce4a;
	font-size:13px;
}

.testimonial-block-two .inner-box .text{
	position:relative;
	line-height:1.7em;
	color:#222222;
	font-size:16px;
	
}

/*** 

====================================================================
Project Contact Section
====================================================================

***/

.project-contact-section{
	position:relative;
	padding-top:100px;
	padding-bottom:50px;
}

.project-contact-section .inner-container{
	position:relative;
}

.project-contact-section .inner-container .pattern-layer{
	position:absolute;
	content:'';
	left:0px;
	bottom:-50px;
	height:185px;
	width:1300px;
}

.project-contact-section .image-layer{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:170px;
	background-size:cover;
}

.project-contact-section .image-layer:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(48,48,48,0.90);
}

.project-contact-section .content-box{
	position:relative;
	max-width:570px;
	float:right;
	width:100%;
}

.project-contact-section .content-box .content-inner{
	position:relative;
	background-color:#ffffff;
	padding:50px 50px 50px 110px;
	box-shadow:0px 0px 30px rgba(0,0,0,0.10);
}

.project-contact-section .content-box .content-inner .sec-title h2{
	font-size:30px;
	font-weight: 700;
}

/*** 

====================================================================
Project Form
====================================================================

***/

.project-form{
	position:relative;
}

.project-form .form-group{
	position:relative;
	margin-bottom:10px;
}

.project-form .form-group input[type="text"],
.project-form .form-group input[type="tel"],
.project-form .form-group input[type="email"],
.project-form .form-group select,
.project-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 25px;
	color:#222222;
	height:55px;
	font-size:15px;
	background:#f4f4f4;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	
}

.project-form .form-group input[type="text"]:focus,
.project-form .form-group input[type="tel"]:focus,
.project-form .form-group input[type="email"]:focus,
.project-form .form-group textarea:focus{
	
}

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

.project-form .form-group textarea{
	height:130px;
	resize:none;
}

.project-form button{
	cursor: pointer;
	margin-top:20px;
}

/*** 

====================================================================
Sponsors Section Two
====================================================================

***/

.sponsors-section-two{
	position:relative;
	padding:60px 0px 60px;
	background-color:#f4f4f4;
}

.sponsors-section-two .sponsors-outer{
	position:relative;
}

.sponsors-section-two .sponsors-outer:before{
	position:absolute;
	content:'';
	right:-2px;
	top:0px;
	width:6px;
	height:100%;
	z-index:1;
	background-color:#f4f4f4;
}

.sponsors-section-two .sponsors-outer .owl-dots,
.sponsors-section-two .sponsors-outer .owl-nav{
	position:relative;
	display:none;
}

.sponsors-section-two .sponsors-outer .image-box{
	position:relative;
	text-align:center;
	margin:0px;
	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;
}

.sponsors-section-two .sponsors-outer .image-box:before{
	position:absolute;
	content:'';
	right:-1px;
	top:0px;
	width:1px;
	height:100%;
	background-color:#dddddd;
}

.sponsors-section-two .sponsors-outer .image-box img{
	max-width:100%;
	width:auto;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sponsors-section-two .sponsors-outer .image-box img:hover{
	opacity:0.4;
}

/*** 

====================================================================
About Section Two
====================================================================

***/

.about-section-two{
	position:relative;
	padding:170px 0px 70px;
}

.about-section-two .pattern-layer{
	position:absolute;
	left:0px;
	top:90px;
	right:0px;
	width:100%;
	height:490px;
}

.about-section-two .outer-container{
	position:relative;
	padding:0px 50px;
}

.about-section-two .left-column{
	position:relative;
	width:40%;
	float:left;
}

.about-section-two .left-column .row{
	position:relative;
	margin:0px -15px;
}

.about-section-two .left-column .image-column{
	position:relative;
	padding:0px 15px;
}

.about-section-two .left-column .image-column .image{
	position:relative;
	margin-bottom:30px;
}

.about-section-two .left-column .image-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.about-section-two .right-column{
	position:relative;
	width:60%;
	float:left;
}

.about-section-two .right-column .inner-column{
	position:relative;
	padding-left:100px;
}

.about-section-two .right-column .inner-column .sec-title{
	margin-bottom:20px;
}

.about-section-two .right-column .inner-column .bold-text{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight:600;
	line-height:1.6em;
	margin-bottom:15px;
}

.about-section-two .right-column .inner-column .text{
	position:relative;
	font-size:14px;
	color:#666666;
	line-height:1.7em;
	
}

.about-section-two .right-column .inner-column .image{
	position:relative;
	margin-bottom:30px;
}

.about-section-two .right-column .inner-column .image img{
	width:100%;
	display:block;
}

/*** 

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

***/

.services-section-four{
	position:relative;
	padding-bottom:90px;
}

.services-section-four .title-box{
	position:relative;
	padding:90px 0px 120px;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.services-section-four .title-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(48,48,48,0.90);
}

.services-section-four .title-box .sec-title .title{
	color:#ffffff;
}

.services-section-four .title-box .sec-title .text{
	margin-top:38px !important;
}

.services-section-four .lower-content{
	position:relative;
	margin-top:-55px;
	z-index:1;
}

.services-section-four .lower-content .pattern-layer{
	position:absolute;
	left:0px;
	top:35px;
	width:900px;
	height:803px;
}

/* Services Block Six */

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

.services-block-six .inner-box{
	position:relative;
	text-align:center;
	padding:0px;
}

.services-block-six .inner-box .icon-box{
	position:relative;
	font-size:80px;
	line-height:1em;
	color:#4f4f4f;
}

.services-block-six .inner-box h3{
	position:relative;
	font-size:24px;
	line-height:1.3em;
	font-weight:600;
	margin-top:50px;
	color:#222222;
	padding-bottom:18px;
}

.services-block-six .inner-box h3:before{
	position:absolute;
	content:'';
	left:50%;
	bottom:0px;
	width:50px;
	height:2px;
	margin-left:-25px;
	background-color:#e9c37a;
}

.services-block-six .flip-container {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px;
}

.services-block-six .flip-container{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

.services-block-six .flip-container .front{
	position:relative;
	display:block;
	width:100%;
	padding:100px 30px;
	height:auto;
	background-color:#ffffff;
	box-shadow:0px 0px 30px rgba(0,0,0,0.10);
}

.services-block-six .flip-container .back {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background:#e9c37a;
	z-index: 1;
}

.services-block-six .flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	
	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	
	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	
	transition: 0.6s;
	transform-style: preserve-3d;
	
	position: relative;
	padding:0;
}

.services-block-six .flip-container:hover .flipper,  
.services-block-six .flip-container.hover .flipper {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.services-block-six .front,.services-block-six .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	top: 0;
	left: 0;
}

.services-block-six .front {
	z-index: 2;
	-webkit-transition:opacity ease 500ms;
	-ms-transition:opacity ease 500ms;
	-moz-transition:opacity ease 500ms;
	transition:opacity ease 500ms;
}

.services-block-six .flip-container:hover .flipper .front,  
.services-block-six .flip-container.hover .flipper .front{
	opacity: 0;
	z-index: 0;
}

.services-block-six .back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	background: #e9c37a;
}


.services-block-six .inner-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:1;
	-webkit-transition:all 700ms ease;
	-ms-transition:all 700ms ease;
	-o-transition:all 700ms ease;
	transition:all 700ms ease;
	overflow:hidden;
}

/*.services-block-six .inner-box .overlay-box:before{
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: block;
opacity: 0;
visibility: hidden;
transition: all 700ms ease;
-moz-transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
background:#e9c37a;
transform-origin:top;
-moz-transform: rotateX(-180deg);
-webkit-transform: rotateX(-180deg);
-ms-transform: rotateX(-180deg);
-o-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}

.services-block-six .inner-box:hover .overlay-box:before{
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
visibility: visible;
}

.services-block-six .inner-box:hover .overlay-box{
opacity:1;
}*/

.services-block-six .inner-box .overlay-box .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:10px 35px;
	opacity:1;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

/*.services-block-six .inner-box:hover .overlay-box .overlay-inner{
top:0;
opacity:1;	
transition-delay:700ms;
}*/

.services-block-six .inner-box .overlay-inner .content{
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.services-block-six .inner-box .overlay-inner h4{
	position:relative;
	font-size:24px;
	font-weight:600;
	line-height:1.3em;
	padding-bottom:15px;
}

.services-block-six .inner-box .overlay-inner h4:before{
	position:absolute;
	content:'';
	left:50%;
	bottom:0px;
	width:50px;
	height:2px;
	margin-left:-25px;
	background-color:#222222;
}

.services-block-six .inner-box .overlay-inner h4 a{
	position:relative;
	color:#222222;
}

.services-block-six .inner-box .overlay-inner .text{
	position:relative;
	color:#444444;
	font-size:14px;
	line-height:1.8em;
	margin-top:18px;
	
}

.services-block-six .inner-box .overlay-inner .read-more{
	position:relative;
	display:inline-block;
	color:#222222;
	font-size:14px;
	margin-top:20px;
	font-weight:600;
	text-transform:uppercase;
	border-bottom:2px solid transparent;
}

.services-block-six .inner-box .overlay-inner .read-more:hover{
	border-bottom-color:#222222;	
}

.services-block-six .inner-box .overlay-inner .icon{
	position:absolute;
	left:0px;
	right:0px;
	color:#222222;
	font-size:90px;
	line-height:1em;
	margin-top:60px;
	opacity:0.10;
}

/*** 

====================================================================
Counter Section Two
====================================================================

***/

.counter-section-two{
	position:relative;
	padding-bottom:70px;
	border-bottom:1px solid #eeeeee;
}

.counter-section-two .outer-container{
	position:relative;
	padding:0px 20px;
}

/* Counter Block */

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

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

.counter-block-two .inner-box .image-column{
	position:relative;
	padding:0px;
	float:left;
}

.counter-block-two .inner-box .image-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.counter-block-two .inner-box .content-column{
	position:relative;
	padding:0px;
	float:left;
}

.counter-block-two .inner-box .content-column .inner-column{
	position:relative;
	width:100%;
	text-align:center;
	height:100%;
	display: table;
	vertical-align: middle;
	padding:4px 15px 0px;
	background-color:#ffffff;
}

.counter-block-two .inner-box .content-column .inner-column .content{
	position: relative;
	height:100%;
	width:100%;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
}

.counter-block-two .inner-box .content-column .inner-column .count-box{
	position:relative;
	color:#e9c37a;
	font-size:102px;
	font-family: 'Montserrat', sans-serif;
	line-height:1em;
	font-weight:400;
}

.counter-block-two .inner-box .content-column .inner-column .text{
	position:relative;
	color:#666666;
	font-size:13px;
	padding-top:15px;
	font-weight:600;
	margin-top:15px;
	text-transform:uppercase;
	
}

.counter-block-two .inner-box .content-column .inner-column .text:before{
	position:absolute;
	content:'';
	left:50%;
	top:0px;
	height:2px;
	width:50px;
	margin-left:-25px;
	display:inline-block;
	background-color:#222222;
}

.counter-block-two:nth-child(2) .inner-box .content-column .count-box,
.counter-block-two:nth-child(4) .inner-box .content-column .count-box{
	color:#222222;
}

.counter-block-two:nth-child(2) .inner-box .content-column .text:before,
.counter-block-two:nth-child(4) .inner-box .content-column .text:before{
	background-color:#e9c37a;
}

/*** 

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

***/

.project-section-two{
	position:relative;
	padding-bottom:140px;
}

.project-section-two.style-two{
	padding-bottom:0px;
}

.project-section-two.style-three{
	padding-top:40px;
	padding-bottom:130px;
}

.project-section-two.style-four{
	padding-top:90px;
}

.project-section-two.style-four .sec-title{
	margin-bottom:45px;
}

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

.project-section-two .btn-box{
	position:relative;
	padding-top:75px;
}

.project-section-two .pattern-layer{
	position:absolute;
	left:0px;
	right:0px;
	height:125px;
	width:100%;
	bottom:120px;
	background-repeat:no-repeat;
	background-position:center center;
}

/* Project Block */

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

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

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

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

.project-block-two .inner-box .image .overlay-box{
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	top: 0px;
	z-index: 2;
	opacity: 0;
	display: block;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
}

.project-block-two .inner-box .image .overlay-box:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:50%;
	height:100%;
	display:block;
	opacity:0;
	text-align:center;
	-webkit-transform: perspective(400px) rotateY(-90deg);
	-moz-transform: perspective(400px) rotateY(-90deg);
	-ms-transform: perspective(400px) rotateY(-90deg);
	-o-transform: perspective(400px) rotateY(-90deg);
	transform: perspective(400px) rotateY(-90deg);
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background-color: rgba(233,195,122,0.95);
}

.project-block-two .inner-box:hover .image .overlay-box:before{
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg);
	-moz-transform: perspective(400px) rotateY(0deg);
	-ms-transform: perspective(400px) rotateY(0deg);
	-o-transform: perspective(400px) rotateY(0deg);
	transform: perspective(400px) rotateY(0deg);
}

.project-block-two .inner-box .image .overlay-box:after{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:50%;
	height:100%;
	display:block;
	opacity:0;
	text-align:center;
	-webkit-transform: perspective(400px) rotateY(90deg);
	-moz-transform: perspective(400px) rotateY(90deg);
	-ms-transform: perspective(400px) rotateY(90deg);
	-o-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: right;
	-o-transform-origin: left;
	transform-origin: left;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background-color: rgba(233,195,122,0.95);
}

.project-block-two .inner-box:hover .image .overlay-box:after{
	opacity: 1;
	-webkit-transform: perspective(400px) rotateY(0deg);
	-moz-transform: perspective(400px) rotateY(0deg);
	-ms-transform: perspective(400px) rotateY(0deg);
	-o-transform: perspective(400px) rotateY(0deg);
	transform: perspective(400px) rotateY(0deg);
}

.project-block-two .inner-box:hover .image .overlay-box{
	opacity: 1;
}

.project-block-two .inner-box .image .overlay-box .plus{
	position:relative;
	display:inline-block;
	z-index:1;
	color:#222222;
	font-size:18px;
	text-align:center;
	line-height:34px;
	font-weight:400;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.project-block-two .inner-box .image .overlay-box .plus:hover{
	color:#ffffff;
}

.project-block-two .inner-box:hover .image .overlay-box .plus{
	-ms-animation-name: rotateMe;
	-moz-animation-name: rotateMe;
	-o-animation-name: rotateMe;
	-webkit-animation-name: rotateMe;
	animation-name: rotateMe;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-o-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-delay: 1000ms;
	-moz-animation-delay: 1000ms;
	-o-animation-delay: 1000ms;
	-webkit-animation-delay: 1000ms;
	animation-delay: 1000ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 2;
	-moz-animation-iteration-count: 2;
	-op-animation-iteration-count: 2;
	-webkit-animation-iteration-count: 2;
	animation-iteration-count: 2;
}

.project-block-two .inner-box .image .overlay-box .overlay-inner{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: table;
	text-align: left;
	padding: 10px 20px;
	vertical-align: middle;
	opacity:0;
	-webkit-transform:translateY(50px);
	-ms-transform:translateY(50px);
	-moz-transform:translateY(50px);
	transform:translateY(50px);
	z-index:1;
}

.project-block-two .inner-box:hover .image .overlay-box .overlay-inner{
	opacity:1;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
	transition:all 500ms ease 700ms;
	-moz-transition:all 500ms ease 700ms;
	-webkit-transition:all 500ms ease 700ms;
	-ms-transition:all 500ms ease 700ms;
	-o-transition:all 500ms ease 700ms;
}

.project-block-two .inner-box .image .overlay-box .overlay-inner .overlay-content{
	position: relative;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
}

.project-block-two .inner-box .image h3{
	position:relative;
	font-size:24px;
	color:#222222;
	z-index:1;
	font-weight:600;
	line-height:1.3em;
	margin-top:15px;
	margin-bottom:7px;
	
}

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

.project-block-two .inner-box .image h3 a:hover{
	color:#222222;
	text-decoration:underline;
}

.project-block-two .inner-box .image .category{
	position:relative;
	color:#222222;
	font-size:14px;
	margin-top:4px;
	z-index:1;
	letter-spacing:1px;
	text-transform:uppercase;
	
}

/*** 

====================================================================
Branded Section
====================================================================

***/

.branded-section{
	position:relative;
	background-size:cover;
	padding:90px 0px 100px;
	background-repeat:no-repeat;
	background-position:center bottom;
	border-bottom:1px solid #eeeeee;
}

.branded-section.style-two{
	border-bottom:0px;
}

.branded-section .title-box{
	position:relative;
	margin-bottom:90px;
}

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

.branded-section .title-box .sec-title .title{
	color:#ffffff;
}

.branded-section .title-box .sec-title .text{
	margin-top:38px !important;
}

.branded-section .lower-section{
	position:relative;
}

.branded-section:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	height:215px;
	background-color:#ffffff;
}

.branded-section .lower-section .row{
	margin:0px -55px;
}

.branded-section .lower-section .brand-block,
.branded-section .lower-section .brand-block-two{
	padding:0px 55px;
}

/* Brand Block */

.brand-block{
	position:relative;
	z-index:1;
}

.brand-block .inner-box{
	position:relative;
	background-color:#ffffff;
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

.brand-block .inner-box .upper-box{
	position:relative;
	padding:42px 45px 45px;
	background-color:#e9c37a;
}

.brand-block .inner-box .upper-box h3{
	position:relative;
	color:#222222;
	font-size:24px;
	font-weight:600;
	line-height:1.3em;
	padding-bottom:22px;
}

.brand-block .inner-box .upper-box h3:before{
	position:absolute;
	content:'';
	left:0px;
	height:3px;
	width:50px;
	bottom:0px;
	background-color:#222222;
}

.brand-block .inner-box .lower-box{
	position:relative;
	padding:32px 0px;
}

.brand-block .inner-box .lower-box .box-inner{
	position:relative;
	padding-top:25px;
	padding-bottom:25px;
	padding-left:155px;
	padding-right:20px;
}

.brand-block .inner-box .lower-box .box-inner .image{
	position:absolute;
	left:-30px;
	top:0px;
}

.brand-block .inner-box .lower-box .box-inner .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.8em;
	
}

/*** 

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

***/

.testimonial-section-two{
	position:relative;
	padding:95px 0px 95px;
}

.testimonial-section-two.style-two{
	padding-top:0px;
}

/* Testimonial Block Three */

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

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

.testimonial-block-three .inner-box .quote-icon{
	position:relative;
	font-size:44px;
	line-height:1em;
	color:#e9c37a;
}

.testimonial-block-three .inner-box h3{
	position:relative;
	color:#222222;
	font-size:30px;
	font-weight:600;
	margin-top:25px;
	display:inline-block;
	padding:0px 30px;
}

.testimonial-block-three .inner-box h3:before{
	position:absolute;
	content:'';
	left:0px;
	top:23px;
	height:2px;
	width:24px;
	background-color:#e9c37a;
}

.testimonial-block-three .inner-box h3:after{
	position:absolute;
	content:'';
	right:0px;
	top:23px;
	height:2px;
	width:24px;
	background-color:#e9c37a;
}

.testimonial-block-three .inner-box .text{
	position:relative;
	color:#222222;
	font-size:16px;
	line-height:1.7em;
	max-width:950px;
	margin:0 auto;
	margin-top:35px;
	
}

.testimonial-block-three .inner-box .author-name{
	position:relative;
	color:#222222;
	font-size:16px;
	margin-top:40px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight: 700;
}

.testimonial-block-three .inner-box .designation{
	position:relative;
	color:#666666;
	font-size:14px;
	margin-top:0px;
	
}

.testimonial-section-two .client-thumb-outer{
	position:relative;
	max-width:250px;
	margin:0 auto;
	overflow:hidden;
	padding-top:45px;
}

.testimonial-section-two .client-thumb-outer .owl-item.active .thumb-item .thumb-box{
	z-index:999;
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	transform: scale(1, 1);
}

.testimonial-section-two .client-thumb-outer .client-thumbs-carousel{
	position: relative;
	max-width: 80px;
	margin: 0 auto;
	text-align:center;
}

.testimonial-section-two .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
	overflow:visible;
}

.testimonial-section-two .client-thumb-outer .thumb-item .thumb-box{
	width:80px;
	height:80px;
	cursor:pointer;
	border-radius:50%;
	margin: 0 auto;
	overflow:hidden;
	-o-transform: scale(0.9, 0.9);
	-ms-transform: scale(0.9, 0.9);
	-webkit-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.testimonial-section-two .client-thumb-outer .owl-item{
	z-index:0;	
}

.testimonial-section-two .client-thumb-outer .owl-item.active{
	z-index:10;	
}

.testimonial-section-two .client-thumb-outer .thumb-item .thumb-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	z-index:1;
	background-color:rgba(255,255,255,0.50);
} 

.testimonial-section-two .client-thumb-outer .owl-item.active .thumb-box:before{
	opacity:0;
}

.testimonial-section-two .client-thumb-outer .client-thumbs-carousel .thumb-item img{
	overflow:hidden;
	width:100%;
	height:100%;
	display:block;
	border-radius:50%;
}

.testimonial-section-two .owl-item.active .thumb-content{
	opacity:1;
}

.testimonial-section-two .owl-nav{
	position: absolute;
	left: 0%;
	top: 50%;
	width: 100%;
	margin-top:-10px;
	/*max-width: 710px;
	margin-left: -355px; */
}

.testimonial-section-two .owl-nav .owl-prev,
.testimonial-section-two .owl-nav .owl-next{
	position:absolute;
	display:inline-block;
	color:#eeeeee;
	font-size:20px;
	line-height:40px;
	width:45px;
	height:45px;
	text-align:center;
	background:none;
	border:2px solid #eeeeee;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.testimonial-section-two .owl-nav .owl-prev{
	left:0px;
	right:auto;
}

.testimonial-section-two .owl-nav .owl-next{
	right:0px;
	left:auto;
}

.testimonial-section-two .owl-nav .owl-prev:hover,
.testimonial-section-two .owl-nav .owl-next:hover{
	color:#ffffff;
	border-color:#e9c37a;
	background-color:#e9c37a;
}

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

/*** 

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

***/

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

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

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

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

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

.fluid-section-one .image-column .overlay-link:hover{
	background: rgba(0,0,0,0.50);
}

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

/*Content Column*/

.fluid-section-one .content-column{
	position: relative;
	width: 45%;
	float:right;
	padding:60px 0px 0px 0px;
}

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

.fluid-section-one .content-column .content-box .content{
	position:relative;
	z-index:1;
	margin-left:-70px;
	padding:50px 50px 50px 55px;
	background-color:#ffffff;
	box-shadow:0px 0px 30px rgba(0,0,0,0.10);
}

.fluid-section-one .content-column .sec-title{
	padding-left:135px;
}

.fluid-section-one .content-column .content-box .content .text{
	position:relative;
	line-height:1.8em;
	color:#666666;
	font-size:14px;
	margin-bottom:45px;
	
}

.fluid-section-one .content-column .content-box .content .text span{
	font-weight:600;
}

/* Feature Box */

.feature-box{
	position:relative;
}

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

.feature-box .inner-box .icon-box{
	position:relative;
	color:#e9c37a;
	font-size:70px;
	line-height:1em;
	font-weight:400;
}

.feature-box .inner-box h3{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight:700;
	margin-top:15px;
}

/*** 

====================================================================
Sponsors Section Three
====================================================================

***/

.sponsors-section-three{
	position:relative;
	padding:160px 0px 60px;
}

.sponsors-section-three .inner-container{
	position:relative;
	border-bottom:none;
	background-color:#ffffff;
	border:1px solid #eeeeee;
	border-right:none;
}

.sponsors-section-three .inner-container .column{
	float:left;
	padding:0px;
}

.sponsors-section-three .inner-container .column .image{
	text-align:center;
	border-bottom:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
}

/*** 

====================================================================
Project Form Section
====================================================================

***/

.project-form-section{
	position:relative;
	padding:60px 0px 110px;
}

.project-form-section .content-column{
	position:relative;
}

.project-form-section .content-column .inner-column{
	position:relative;
	padding-left:65px;
	padding-right:75px;
	margin-bottom:40px;
}

.project-form-section .content-column ul{
	position:relative;
}

.project-form-section .content-column ul li{
	position:relative;
	margin-bottom:8px;
	color:#222222;
	font-size:14px;
}

.project-form-section .content-column ul li span{
	position:relative;
	
}

/*** 

====================================================================
Map Section
====================================================================

***/

.map-section{
	position:relative;
}

.map-section .map-canvas{
	position:relative;
	height:400px;
}

/*** 

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

***/

.products-section{
	position:relative;
	padding:80px 0px 30px;
}

/* Product Block */

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

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

.product-block .inner-box .image{
	position:relative;
}

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

.product-block .inner-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
}

.product-block .inner-box .overlay-box .overlay-inner{
	position:relative;
	padding-top:44px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
}

.product-block .inner-box .overlay-box .overlay-inner h3{
	position:relative;
	font-size:24px;
	font-weight:600;
	line-height:1.3em;
}

.product-block .inner-box .overlay-box .overlay-inner h3 a{
	position:relative;
	color:#222222;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.product-block .inner-box .overlay-box .overlay-inner h3 a:hover{
	color:#e9c37a;
}

.product-block .inner-box .overlay-box .overlay-inner .title{
	position:relative;
	color:#444444;
	font-size:14px;
	margin-top:2px;
	
}

.product-block .inner-box .overlay-box .overlay-inner .see-products{
	position:relative;
	font-size:14px;
	color:#222222;
	margin-top:12px;
	padding-bottom:3px;
	display:inline-block;
	text-transform:uppercase;
	border-bottom:3px solid #e9c37a;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.product-block .inner-box .overlay-box .overlay-inner .see-products:hover{
	color:#e9c37a;
}

/* Product Block Two */

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

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

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

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

.product-block-two .inner-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
}

.product-block-two .inner-box .overlay-box .overlay-inner{
	position:relative;
	max-width:280px;
	padding-top:100px;
	padding-left:15px;
	padding-right:15px;
	text-align:center;
}

.product-block-two .inner-box .overlay-box .overlay-inner h3{
	position:relative;
	font-size:24px;
	font-weight:600;
	line-height:1.3em;
}

.product-block-two .inner-box .overlay-box .overlay-inner h3 a{
	position:relative;
	color:#222222;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.product-block-two .inner-box .overlay-box .overlay-inner h3 a:hover{
	color:#e9c37a;
}

.product-block-two .inner-box .overlay-box .overlay-inner .title{
	position:relative;
	color:#222222;
	font-size:14px;
	margin-top:2px;
	letter-spacing:2px;
	text-transform:uppercase;
	
}

.product-block-two .inner-box .overlay-box .overlay-inner .sale{
	position:relative;
	font-size:14px;
	color:#444444;
	margin-top:25px;
	padding-bottom:3px;
	display:block;
	
}

/* Product Block Three */

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

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

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

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

.product-block-three .inner-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.product-block-three .inner-box .overlay-box .overlay-inner{
	position:absolute;
	left:40px;
	bottom:40px;
	max-width:280px;
	padding-top:100px;
	padding-left:15px;
	padding-right:15px;
}

.product-block-three .inner-box .overlay-box .overlay-inner h3{
	position:relative;
	font-size:24px;
	font-weight:600;
	line-height:1.4em;
}

.product-block-three .inner-box .overlay-box .overlay-inner h3 a{
	position:relative;
	color:#222222;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.product-block-three .inner-box .overlay-box .overlay-inner h3 a:hover{
	color:#e9c37a;
}

.product-block-three .inner-box .overlay-box .overlay-inner .shop-now{
	position:relative;
	font-size:14px;
	color:#222222;
	margin-top:16px;
	padding-bottom:3px;
	display:inline-block;
	text-transform:uppercase;
	border-bottom:3px solid #e9c37a;
	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;
}

.product-block-three .inner-box .overlay-box .overlay-inner .shop-now:hover{
	color:#e9c37a;
}

/* Shop Products Section */

.shop-products-section{
	position:relative;
	padding:40px 0px 60px;
}

.shop-products-section .btn-box{
	position:relative;
	margin-top:20px;
}

.product-block-four{
	position:relative;
	margin-bottom:45px;
}

.product-block-four .inner-box{
	position:relative;
	display:block;
}

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

.product-block-four .inner-box .image .sale{
	position:absolute;
	right:25px;
	top:25px;
	z-index:1;
	color:#ffffff;
	font-size:12px;
	line-height:1.3em;
	padding:5px 15px 7px;
	border-radius:2px;
	background-color:#f74c4c;
	text-transform:uppercase;
	
}

.product-block-four .inner-box .image .hot{
	position:absolute;
	right:25px;
	top:25px;
	z-index:1;
	color:#ffffff;
	font-size:12px;
	line-height:1.3em;
	padding:5px 15px 7px;
	border-radius:2px;
	background-color:#3bca4b;
	text-transform:uppercase;
	
}

.product-block-four .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.product-block-four .inner-box:hover .image img{
	opacity:0.70;
	-webkit-transform:scale(1.1) rotate(3deg);
	-ms-transform:scale(1.1) rotate(3deg);
	transform:scale(1.1) rotate(3deg);	
}

.product-block-four .inner-box .prod-options{
	position:absolute;
	right:5px;
	bottom:2px;
	width:40px;
	opacity:0;
	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;
}

.product-block-four .inner-box:hover .prod-options{
	opacity:1;
}

.product-block-four .inner-box .prod-options .add-fav,
.product-block-four .inner-box .prod-options .add-cart,
.product-block-four .inner-box .prod-options .view-prod{
	position:relative;
	display:block;
	margin-bottom:3px;	
}

.product-block-four .inner-box .prod-options a{
	position:relative;
	display:block;
	text-align:center;
	line-height:38px;
	border:1px solid #222222;
	font-size:16px;
	height:40px;
	color:#222222;
	background:#ffffff;	
	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;
}

.product-block-four .inner-box .prod-options a:hover{
	background:#e9c37a;
	color:#ffffff;
	border-color:#ffffff;	
}

.product-block-four .inner-box .lower-content{
	position:relative;
	padding-top:32px;
	text-align:center;
}

.product-block-four .inner-box .lower-content h3{
	position:relative;
	font-size:18px;
	font-weight:600;
	line-height:1.3em;
	
}

.product-block-four .inner-box .lower-content h3 a{
	position:relative;
	color:#222222;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.product-block-four .inner-box .lower-content h3 a:hover{
	color:#e9c37a;
}

.product-block-four .inner-box .lower-content .price{
	position:relative;
	margin-top:8px;
}

.product-block-four .inner-box .lower-content .price li{
	position:relative;
	font-size:16px;
	color:#e9c37a;
	margin:0px 5px;
	display:inline-block;
	font-weight: 700;
}

.product-block-four .inner-box .lower-content .price li:last-child{
	color:#666666;
	text-decoration:line-through;
	
}

.products-section-two{
	position:relative;
	padding:50px 0px 70px;
}

/* Product Block Five */

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

.product-block-five .inner-box{
	position:relative;
}

.product-block-five .inner-box .image{
	position:relative;
}

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

.product-block-five .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.product-block-five .inner-box .image .overlay-box .overlay-inner{
	position:relative;
	max-width:280px;
	width:100%;
	display:block;
	float:right;
	padding-top:60px;
}

.product-block-five .inner-box .image .overlay-box .overlay-inner .title{
	position: relative;
	font-size: 15px;
	font-weight:500;
	color: #444444;
	display: block;
	
}

.product-block-five .inner-box .image .overlay-box .overlay-inner h3{
	position:relative;
	color:#222222;
	font-size:26px;
	font-weight:700;
	line-height:1.3em;
	margin-top:8px;
}

.product-block-five .inner-box .image .overlay-box .overlay-inner h3 a{
	position:relative;
	color:#222222;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.product-block-five .inner-box .image .overlay-box .overlay-inner h3 a:hover{
	color:#e9c37a;
}

/* Product Block Six */

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

.product-block-six .inner-box{
	position:relative;
}

.product-block-six .inner-box .image{
	position:relative;
}

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

.product-block-six .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.product-block-six .inner-box .image .overlay-box .overlay-inner{
	position:relative;
	width:100%;
	display:block;
	float:right;
	padding-left:60px;
	padding-top:40px;
}

.product-block-six .inner-box .image .overlay-box .overlay-inner .discover{
	position: relative;
	font-size: 15px;
	color: #222222;
	float:left;
	margin-left:75px;
	margin-top: 28px;
	font-weight:700;
	padding-bottom: 3px;
	display: inline-block;
	text-transform: uppercase;
	border-bottom: 3px solid #e9c37a;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.product-block-six .inner-box .image .overlay-box .overlay-inner .discover:hover{
	color:#e9c37a;
}

.product-block-six .inner-box .image .overlay-box .overlay-inner h3{
	position:relative;
	color:#222222;
	font-size:26px;
	font-weight:700;
	line-height:1.3em;
	margin-top:8px;
	float:left;
}

.product-block-six .inner-box .image .overlay-box .overlay-inner h3 a{
	position:relative;
	color:#222222;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.product-block-six .inner-box .image .overlay-box .overlay-inner h3 a:hover{
	color:#e9c37a;
}

/*** 

====================================================================
Feature Section
====================================================================

***/

.feature-section{
	position:relative;
	padding-top:100px;
	padding-bottom:170px;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
}

.feature-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background:rgba(0,0,0,0.50);
}

/* Feature Block */

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

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

.feature-block .inner-box .icon-box{
	position:relative;
	color:#e9c37a;
	font-size:50px;
	line-height:1em;
}

.feature-block .inner-box h3{
	position:relative;
	font-size:24px;
	color:#ffffff;
	line-height:1.3em;
	margin-top:25px;
	margin-bottom:10px;
	
}

.feature-block .inner-box .text{
	position:relative;
	font-size:14px;
	color:#ffffff;
	line-height:1.9em;
	
}

/*** 

====================================================================
Products Section Three
====================================================================

***/

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

.products-section-three .sec-title .more-products{
	position: relative;
	font-size: 14px;
	color: #222222;
	margin-top: 40px;
	padding-bottom: 3px;
	display: inline-block;
	text-transform: uppercase;
	border-bottom: 3px solid #e9c37a;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.products-section-three .sec-title .more-products:hover{
	color:#e9c37a;
}

/*** 

====================================================================
Subscribe Section
====================================================================

***/

.subscribe-section{
	position:relative;
	padding:85px 0px 85px;
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:right bottom;
}

.subscribe-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.06);
}

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

.subscribe-section .title-column .inner-column{
	position:relative;
}

.subscribe-section .title-column .inner-column h2{
	position:relative;
	color:#222222;
	font-size:36px;
	font-weight:600;
	line-height:1.3em;
	
}

.subscribe-section .title-column .inner-column .text{
	position:relative;
	color:#444444;
	font-size:14px;
	line-height:1.4em;
	margin-top:14px;
	
}

.subscribe-section .form-column{
	position:relative;
}

.subscribe-section .form-column .inner-column{
	position:relative;
	padding-top:40px;
	padding-left:40px;
}

/* Subscribe Form Two */

.subscribe-form-two{
	position:relative;
}

.subscribe-form-two .form-group{
	position:relative;
	display:block;
	margin:0px;
	width:100%;
	padding-right:175px;
}

.subscribe-form-two .form-group input[type="text"],
.subscribe-form-two .form-group input[type="tel"],
.subscribe-form-two .form-group input[type="email"],
.subscribe-form-two .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	height:53px;
	font-size:14px;
	color:#222222;
	background:#ffffff;
	border:1px solid #dddddd;
	padding:10px 15px 10px 15px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	
}

.subscribe-form-two .form-group input[type="submit"],
.subscribe-form-two button{
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
}

/*** 

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

***/

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

.page-title .content{
	position:relative;
	padding-left:195px;
}

.page-title:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.70);
}

.page-title h2{
	position:relative;
	color:#ffffff;
	font-weight:600;
	font-size:48px;
	line-height:1.3em;
}

.page-title .text{
	position:relative;
	color:#ffffff;
	font-size:22px;
	margin-top:5px;
	line-height:1.3em;
	
}

.page-title .page-breadcrumb{
	position:relative;
	color:rgba(255,255,255,0.70);
	margin-top:90px;
	font-family: 'Montserrat', sans-serif;
}

.page-title .page-breadcrumb li{
	position:relative;
	font-size:14px;
	padding-right:10px;
	margin-right:10px;
	text-transform:capitalize;
	display:inline-block;
	
}

.page-title .page-breadcrumb li:after{
	position:absolute;
	content:'/';
	right:-6px;
	top:0px;
}

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

.page-title .page-breadcrumb li a{
	position:relative;
	color:#e9c37a;
	
}

/* Brand Block Two */

.brand-block-two{
	position:relative;
	z-index:1;
}

.brand-block-two .inner-box{
	position:relative;
	background-color:#ffffff;
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

.brand-block-two .inner-box .upper-box{
	position:relative;
}

.brand-block-two .inner-box .upper-box .upper-inner{
	position:relative;
	padding-left:60px;
	padding-bottom:20px;
	background-color:#e9c37a;
}

.brand-block-two .inner-box .upper-box .upper-inner .image{
	position:relative;
	margin-top:-35px;
	display:inline-block;
}

.brand-block-two .inner-box .lower-box{
	position:relative;
}

.brand-block-two .inner-box .lower-box .box-inner{
	position:relative;
	padding:50px 55px;
}

.brand-block-two .inner-box .lower-box .box-inner h3{
	position: relative;
	color: #222222;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.4em;
	padding-bottom: 20px;
}

.brand-block-two .inner-box .lower-box .box-inner h3:before{
	position: absolute;
	content: '';
	left: 0px;
	height: 3px;
	width: 50px;
	bottom: 0px;
	background-color: #222222;
}

.brand-block-two .inner-box .lower-box .box-inner .text{
	position: relative;
	color: #666666;
	font-size: 14px;
	line-height: 1.8em;
	margin-top:30px;
	
}

/*** 

====================================================================
Solution Section
====================================================================

***/

.solution-section{
	position:relative;
	padding-bottom:60px;
}

.solution-section .skill-column{
	position:relative;
}

.solution-section .skill-column .inner-column{
	position:relative;
	padding-left:35px;
	padding-top:35px;
}

.services-section-five{
	position:relative;
	padding:90px 0px 60px;
}

.services-section-five.style-two{
	padding-top:50px;
}

.services-section-five .pattern-layer{
	position:absolute;
	right:0px;
	bottom:0px;
	width:960px;
	height:365px;
}

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

.services-section-five .sec-title .text{
	position:relative;
	max-width:840px;
}

.team-page-section{
	padding-bottom:0px;
}

.team-page-section .team-block{
	padding-bottom:100px;
}

/* Price Page Section */

.price-page-section{
	position:relative;
	padding:100px 0px 70px;
}

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

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

.price-block .inner-box .upper-box{
	position:relative;
	padding:145px 45px 50px;
	background-size:cover;
}

.price-block .inner-box .upper-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.80);
}

.price-block .inner-box .upper-box h3{
	position:relative;
	color:#ffffff;
	font-weight:600;
	font-size:36px;
	line-height:1.3em;
}

.price-block .inner-box .upper-box .price{
	position:relative;
	color:#e9c37a;
	font-size:18px;
	line-height:1.3em;
	margin-top:5px;
	padding-bottom:25px;
	
}

.price-block .inner-box .upper-box .price:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:50px;
	height:3px;
	background-color:#e9c37a;
}

.price-block .inner-box .lower-box{
	position:relative;
	text-align:center;
	padding:50px 45px 60px;
}

.price-block .inner-box .lower-box .price-list{
	position:relative;
	margin-bottom:40px;
}

.price-block .inner-box .lower-box .price-list li{
	position:relative;
	font-size:14px;
	margin-bottom:12px;
	
}

/*** 

====================================================================
Branded Section
====================================================================

***/

.price-page-section-two{
	position:relative;
	background-size:cover;
	padding:90px 0px 100px;
	background-repeat:no-repeat;
	background-position:center bottom;
}

.price-page-section-two .title-box{
	position:relative;
	margin-bottom:80px;
}

.price-page-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.80);
}

.price-page-section-two .title-box .sec-title .title{
	color:#ffffff;
}

.price-page-section-two .title-box .sec-title .text{
	margin-top:38px !important;
}

.price-page-section-two .lower-section{
	position:relative;
}

.price-page-section-two:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	height:415px;
	background-color:#ffffff;
}

/* Price Block Two */

.price-block-two{
	position:relative;
	z-index:1;
	margin-bottom:30px;
}

.price-block-two .inner-box{
	position:relative;
	background-color:#ffffff;
	box-shadow:0px 0px 25px rgba(0,0,0,0.10);
}

.price-block-two .inner-box .upper-box{
	position:relative;
	padding:45px 45px 45px;
	background-color:#e9c37a;
}

.price-block-two .inner-box .upper-box .title{
	position:relative;
	color:#222222;
	font-size:24px;
	line-height:1.3em;
	
}

.price-block-two .inner-box .upper-box h3{
	position:relative;
	color:#222222;
	font-weight:700;
	font-size:46px;
	line-height:1.2em;
	padding-bottom:20px;
}

.price-block-two .inner-box .upper-box h3:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:50px;
	height:3px;
	background-color:#222222;
}

.price-block-two .inner-box .lower-box{
	position:relative;
	text-align:center;
	padding:50px 45px 60px;
}

.price-block-two .inner-box .lower-box .price-list{
	position:relative;
	margin-bottom:40px;
}

.price-block-two .inner-box .lower-box .price-list li{
	position:relative;
	font-size:14px;
	margin-bottom:12px;
	
}

/*** 

====================================================================
Services Section Six
====================================================================

***/

.services-section-six{
	position:relative;
	padding:125px 0px 60px;
}

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

.services-section-six .content-column .inner-column{
	position:relative;
	padding-right:60px;
}

.services-section-six .content-column .inner-column .text{
	position:relative;
	margin-bottom:40px;
}

.services-section-six .content-column .inner-column .text p{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.8em;
	margin-bottom:20px;
}

.services-section-six .content-column .inner-column .text p:last-child{
	margin-bottom:0px;
}

.services-section-six .accordian-column{
	position:relative;
	margin-bottom:40px;
}

/*** 

====================================================================
Accordion Style
====================================================================

***/

.accordion-box{
	position:relative;
}

.accordion-box .block{
	position: relative;
	border-bottom:1px solid #eeeeee;
}

.accordion-box .block.active-block{
	
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:24px;
	cursor:pointer;
	line-height:34px;
	color:#222222;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
	padding:20px 0px 20px 0px;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
}

.accordion-box .block .acc-btn.active{
	color:#e9c37a;
}

.accordion-box .block .icon-outer{
	position:absolute;
	right:0px;
	top:22px;
	font-size:20px;
	color: #262626;
	font-weight:800;
	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 .icon-outer .icon{
	position: absolute;
	right: 0px;
	width:30px;
	height:30px;
	color:#222222;
	font-size:20px;
	text-align: center;
	line-height:32px;
	font-weight:800;
}

.accordion-box .block .icon-outer .icon-pluss{
	opacity:1;
}

.accordion-box .block .icon-outer .icon-minuss{
	opacity:0;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minuss{
	opacity:1;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-pluss{
	opacity:0;
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .acc-content .content-text{
	padding-bottom:6px;
}

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

.accordion-box .block .content{
	position:relative;
	font-size:14px;
	padding:0px 0px 30px 0px;
}

.accordion-box .block .content .text{
	position:relative;
	color:#666666;
	line-height:1.9em;
	
}

.accordion-box .block .content .accordian-text{
	line-height:1.9em;
	font-size:16px;	
	color:#84858a;
	font-weight:600;
}

.accordion-box .block .content p:last-child{
	margin-bottom:0px;	
}

.accordion-box.style-two .block .acc-btn{
	font-size:20px;
}

/*** 

====================================================================
Branded Section Two
====================================================================

***/

.branded-section-two{
	position:relative;
	background-size:cover;
	padding:90px 0px 40px;
	background-repeat:no-repeat;
	background-position:center bottom;
}

.branded-section-two:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100%;
	height:215px;
	background-color:#ffffff;
}

.branded-section-two .title-box{
	position:relative;
	margin-bottom:90px;
}

.branded-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.80);
}

.branded-section-two .title-box .sec-title .title{
	color:#ffffff;
}

.branded-section-two .title-box .sec-title .text{
	margin-top:38px !important;
}

.branded-section-two .title-box .sec-title h2{
	display:block;
}

.branded-section-two .title-box .theme-btn{
	margin-top:35px;
}

.branded-section-two .lower-section{
	position:relative;
}

.branded-section-two .lower-section .sponsors-section-three{
	padding:0px;
	z-index:1;
}

/*** 

====================================================================
Services Section Seven
====================================================================

***/

.services-section-seven{
	position:relative;
	padding:170px 0px 130px;
}

.services-section-seven .pattern-layer{
	position:absolute;
	left:0px;
	bottom:65px;
	width:960px;
	height:803px;
}


.services-section-seven .title-box{
	position:relative;
	text-align:center;
	margin-bottom:70px;
}

.services-section-seven .title-box .big-text{
	position:absolute;
	left:0px;
	right:0px;
	top:-100px;
	color:#f8f8f8;
	font-size:164px;
	line-height:1em;
	font-weight: 800;
}

.services-section-seven .title-box .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.8em;
	max-width:830px;
	margin:0 auto;
	
}

/*** 

====================================================================
Services Section Eight
====================================================================

***/

.services-section-eight{
	position:relative;
	padding:90px 0px 30px;
}

.services-section-eight .title-column{
	position:relative;
}

.services-section-eight .title-column .inner-column{
	position:relative;
}

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

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

.services-section-eight .content-column .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.9em;
	padding-top:28px;
	margin-bottom:30px;
	
}

/*** 

====================================================================
Fluid Section Two
====================================================================

***/

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

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

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

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

/*Content Column*/

.fluid-section-two .content-column{
	position: relative;
	width: 50%;
	float:right;
	padding:60px 0px 0px 0px;
}

.fluid-section-two .content-column .inner-content{
	position:relative;
	margin-left:-100px;
	z-index:1;
	background-color:#ffffff;
	padding:70px 125px 70px;
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

.fluid-section-two .content-column .inner-content .sec-title{
	margin-bottom:10px;
}

.fluid-section-two .content-column .inner-content .accordion-box{
	margin-bottom:50px;
}

/*** 

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

***/

.call-to-action-section{
	position:relative;
	text-align:center;
	padding:110px 0px 100px;
	background-attachment:fixed;
	background-size:cover;
	background-position:center center;
}

.call-to-action-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0.10);
}

.call-to-action-section h2{
	position:relative;
	color:#222222;
	font-size:36px;
	line-height:1.3em;
	font-weight:600;
	margin-bottom:40px;
}

.call-to-action-section ul{
	position:relative;
	font-family: 'Montserrat', sans-serif;
}

.call-to-action-section ul li{
	position:relative;
	font-size:24px;
	color:#222222;
	margin:0px 60px;
	font-weight:500;
	margin-bottom:15px;
	display:inline-block;
	
}

.call-to-action-section ul li a{
	color:#e9c37a;
}

.call-to-action-section ul li a:hover{
	text-decoration:underline;	
}

.call-to-action-section .theme-btn{
	margin-top:50px;
}

.call-to-action-section.style-two::before{
	background-color:rgba(0,0,0,0.70);
}

.call-to-action-section.style-two h2,
.call-to-action-section.style-two ul li{
	color:#ffffff;
}

.call-to-action-section.style-three:before{
	display:none;
}

/*** 

====================================================================
About Section Three
====================================================================

***/

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

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

.about-section-three .image-column .inner-column{
	position:relative;
	margin-left:-90px;
}

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

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

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

.about-section-three .content-column .inner-column{
	position:relative;
	padding-left:30px;
	padding-top:22px;
}

.about-section-three .content-column .inner-column .sec-title{
	margin-bottom:20px;
}

.about-section-three .content-column .inner-column .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.8em;
	margin-bottom:25px;
	
}

/*** 

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

***/

.contact-form-section{
	position:relative;
	padding:160px 0px 70px;
}

.contact-form-section .pattern-layer{
	position:absolute;
	left:0px;
	top:40px;
	width:960px;
	height:785px;
}

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

.contact-form-section .sec-title .text{
	max-width:750px;
}

.contact-form-section .contact-form{
	max-width:950px;
	margin:0 auto;
}

.contact-form-section.style-two{
	padding-top:90px;
}

/*** 

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

***/

.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="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select,
.contact-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 25px;
	color:#222222;
	height:55px;
	font-size:15px;
	background:#f4f4f4;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	
}

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

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

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

.contact-form button{
	cursor: pointer;
}

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

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

/*** 

====================================================================
Contact Info Section
====================================================================

***/

.contact-info-section{
	position:relative;
	padding:60px 0px 90px;
}

.contact-info-section.style-two{
	padding-top:90px;
	border-bottom:1px solid #eeeeee;
}

.contact-info-section .auto-container{
	max-width:960px;
}

.contact-info-section .social-box{
	position:relative;
	text-align:center;
	margin-top:50px;
}

.contact-info-section .social-box a{
	position:relative;
	margin:0px 50px;
	color:#cccccc;
	font-size:36px;
	display:inline-block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.contact-info-section .social-box a:hover{
	color:#eac782;
}

.map-section .google-map{
	height:500px;
}

/*** 

====================================================================
Blog Page Section
====================================================================

***/

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

.blog-page-section .news-block{
	margin-bottom:70px;
}

.blog-page-section .btn-box{
	position:relative;
	margin-top:20px;
}

.blog-classic .auto-container{
	max-width:1140px;
}

/* News Block Three */

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

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

.news-block-three .inner-box .row{
	position:relative;
	margin:0px;
}

.news-block-three .inner-box .content-column{
	position:relative;
	padding:0px;
	float:left;
	z-index:1;
}

.news-block-three .inner-box .content-column .inner-column{
	position:relative;
	margin-top:60px;
	z-index:1;
	padding:0px 70px 50px 50px;
	background-color:#ffffff;
	box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}

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

.news-block-three .inner-box .content-column .post-date{
	position:relative;
	color:#ffffff;
	top:-10px;
	font-size:14px;
	margin-top:-10px;
	padding:10px 17px;
	display:inline-block;
	background-color:#222222;
	
}

.news-block-three .inner-box .content-column h3{
	position:relative;
	font-size:24px;
	font-weight:600;
	line-height:1.4em;
	margin-top:27px;
}

.news-block-three .inner-box .content-column h3 a{
	position:relative;
	color:#222222;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.news-block-three .inner-box .content-column h3 a:hover{
	color:#e9c37a;
}

.news-block-three .inner-box .content-column .post-meta{
	position:relative;
	margin-top:18px;
	padding-bottom:18px;
}

.news-block-three .inner-box .content-column .post-meta li{
	position:relative;
	color:#666666;
	font-size:14px;
	margin-right:15px;
	display:inline-block;
	
}

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

.news-block-three .inner-box .content-column .post-meta:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:2px;
	width:50px;
	background-color:#e9c37a;
}

.news-block-three .inner-box .content-column .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:2em;
	margin-top:25px;
	
}

.news-block-three .inner-box .content-column .read-more{
	position:relative;
	color:#222222;
	font-size:14px;
	line-height:1em;
	margin-top:38px;
	display:inline-block;
	
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.news-block-three .inner-box .content-column .read-more .arrow{
	position:relative;
	margin-left:10px;
	color:#e9c37a;
	top:2px;
}

.news-block-three .inner-box .content-column .read-more:hover{
	color:#e9c37a;
}

.news-block-three .inner-box .image-column{
	position:relative;
	padding:0px;
	float:left;
}

.news-block-three .inner-box .image-column .inner-column{
	position:relative;
	margin-left:-60px;
}

.news-block-three .inner-box .image-column .inner-column .image{
	position:relative;
}

.news-block-three .inner-box .image-column .inner-column .image img{
	position:relative;
	width:100%;
	display:block;
}

/*** 

====================================================================
Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	background-color: #ffffff;
	padding:105px 0px 70px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:40px;
}

.sidebar-page-container .sidebar-side .sidebar.padding-right{
	padding-right:30px;
}

.sidebar-widget{
	position: relative;
	margin-bottom: 45px;
}

/*Sidebar Title*/

.sidebar-page-container .sidebar-title{
	position: relative;
	margin-bottom: 30px;
}

.sidebar-page-container .sidebar-title h2{
	position: relative;
	display: block;
	font-size: 24px;
	color: #222222;
	font-weight: 700;
	line-height: 1.2em;
	padding-bottom:15px;
	text-transform: capitalize;
	
}

.sidebar-page-container .sidebar-title h2:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:3px;
	width:50px;
	background-color:#e9c37a;
}

/*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:#666666;
	line-height:28px;
	padding:10px 25px;
	padding-right: 60px;
	height:55px;
	width:100%;
	background-color: #f4f4f4;
	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:#e9c37a;	
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:5px;
	top:0px;
	width:50px;
	height:55px;
	line-height: 50px;
	text-align:center;
	display:block;
	font-size:16px;
	color:#222222;
	cursor:pointer;
	background:none;
	font-weight:normal;
}

/* Category List */

.category-list{
	position:relative;
}

.category-list li{
	position:relative;
	margin-bottom:8px;
}

.category-list li:last-child{
	margin-bottom:0px;
}

.category-list li a{
	position:relative;
	color:#666666;
	font-size:14px;
	
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.category-list li a:hover{
	color:#e9c37a;
}

/*Post Widget*/

.sidebar .popular-posts .post{
	position:relative;
	font-size:14px;
	color:#666666;
	padding:0px 0px;
	padding-left:100px;
	min-height:110px;
	margin-bottom:28px;
	border-bottom:1px solid #eeeeee;
}

.sidebar .popular-posts .post:last-child{
	margin-bottom:0px;
}

.sidebar .popular-posts .post .post-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	overflow:hidden;
}

.sidebar .popular-posts .post .post-thumb .overlay-box{
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	color: #e9c37a;
	font-size: 18px;
	opacity: 0;
	text-align: center;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	background-color: rgba(51,51,51,0.70);
}

.sidebar .popular-posts .post .post-thumb .overlay-box .fa{
	top: 50%;
	position: relative;
	margin-top: -10px;
	display: block;
}

.sidebar .popular-posts .post:hover .post-thumb .overlay-box{
	opacity:1;
}

.sidebar .popular-posts .post .post-thumb img{
	display:block;
	width:100%;
	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;
}

.sidebar .popular-posts .post .text{
	position:relative;
	top:-4px;
	font-size:16px;
	margin:0px 0px 0px;
	font-weight:700;
	color:#222222;
	line-height:1.6em;
	text-transform:capitalize;
}

.sidebar .popular-posts .post .text a{
	color:#222222;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post a:hover{
	color:#e9c37a;
}

.sidebar .popular-posts .post-info{
	position:relative;
	font-size:14px;
	color:#666666;
	font-weight:400;
	
}

/* About Widget */

.about-widget .image img{
	position:relative;
	width:100%;
	display:block;
}

.about-widget .widget-content .text{
	position:relative;
	color:#666666;
	font-size:16px;
	line-height:1.9em;
	margin-top:30px;
	
}

/* Popular Tags */

.popular-tags a{
	position:relative;
	color:#666666;
	font-size:14px;
	margin-right:30px;
	margin-bottom:8px;
	display:inline-block;
	
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.popular-tags a:hover{
	color:#e9c37a;
}

/* Newsletter Widget */

.newsletter-widget .widget-content{
	position:relative;
	padding:40px 30px 50px;
	background-color:#e9c37a;
}

.newsletter-widget .widget-content h3{
	position:relative;
	font-size:18px;
	color:#222222;
	line-height:1.8em;
	font-weight:500;
	text-align:center;
	padding-bottom:22px;
	margin-bottom:30px;
}

.newsletter-widget .widget-content h3 span{
	position:relative;
	font-size:24px;
	font-weight:600;
	display:block;
}

.newsletter-widget .widget-content h3:before{
	position:absolute;
	content:'';
	left:50%;
	bottom:0px;
	width:50px;
	height:2px;
	margin-left:-25px;
	background-color:#222222;
}

/* Subscribe Form Two*/

.subscribe-form-three{
	position:relative;
}

.subscribe-form-three .form-group{
	position:relative;
	display:block;
	margin:0px;
	width:100%;
}

.subscribe-form-three .form-group input[type="text"],
.subscribe-form-three .form-group input[type="tel"],
.subscribe-form-three .form-group input[type="email"],
.subscribe-form-three .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	height:56px;
	font-size:14px;
	color:#222222;
	background:#ffffff;
	border:2px solid #dddddd;
	padding:10px 20px 10px 20px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	
}

.subscribe-form-three .form-group input[type="submit"],
.subscribe-form-three button{
	position:absolute;
	right:20px;
	top:15px;
	font-size:22px;
	cursor:pointer;
	background:none;
}

/* News Block */

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

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

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

.news-block-four .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.news-block-four .inner-box:hover .image img{
	opacity:0.50;
	-webkit-transform:scale(1.05);	
	-ms-transform:scale(1.05);	
	-moz-transform:scale(1.05);	
	transform:scale(1.05);	
}

.news-block-four .inner-box .image .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	text-align:center;
}

.news-block-four .inner-box .image .overlay-box .icon{
	position:absolute;
	left:50%;
	top:50%;
	width:80px;
	height:80px;
	color:#222222;
	margin-left:-40px;
	text-align:center;
	border-radius:50%;
	line-height:80px;
	display:inline-block;
	padding-left:4px;
	font-size:20px;
	margin-top:-40px;
	background-color:rgba(255,255,255,1);
}

.news-block-four .inner-box .image .owl-dots{
	display:none;
}

.news-block-four .inner-box .owl-nav{
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	margin-top:-38px;
}

.news-block-four .inner-box .owl-nav .owl-prev{
	position:absolute;
	left:30px;
	top:0px;
	width:55px;
	height:55px;
	color:#ffffff;
	font-size:20px;
	line-height:55px;
	text-align:center;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	background-color:rgba(0,0,0,0.50);
}

.news-block-four .inner-box .owl-nav .owl-next{
	position:absolute;
	right:20px;
	top:0px;
	width:55px;
	height:55px;
	color:#ffffff;
	font-size:20px;
	line-height:55px;
	text-align:center;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	background-color:rgba(0,0,0,0.50);
}

.news-block-four .inner-box .owl-nav .owl-prev:hover,
.news-block-four .inner-box .owl-nav .owl-next:hover{
	color:#ffffff;
	background-color:#222222;
}

.news-block-four .inner-box .lower-content{
	position:relative;
	z-index:1;
}

.news-block-four.style-two .inner-box .lower-content .inner-content{
	margin:0px;
}

.news-block-four .inner-box .lower-content .inner-content{
	position:relative;
	margin-left:30px;
	margin-right:30px;
	margin-top:-80px;
	background-color:#ffffff;
	padding:0px 50px 50px 50px;
	box-shadow:0px 0px 25px rgba(0,0,0,0.10);
}

.news-block-four .inner-box .lower-content .post-date{
	position:relative;
	color:#ffffff;
	top:-10px;
	font-size:14px;
	margin-top:-10px;
	padding:10px 17px;
	display:inline-block;
	background-color:#222222;
	
}

.news-block-four .inner-box .lower-content h3{
	position:relative;
	font-size:30px;
	font-weight:600;
	line-height:1.3em;
	margin-top:20px;
}

.news-block-four .inner-box .lower-content h3 a{
	position:relative;
	color:#222222;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

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

.news-block-four.style-two .inner-box .lower-content .quote-icon{
	position:absolute;
	right:70px;
	bottom:30px;
	color:#e9c37a;
	font-size:60px;
	line-height:1em;
}

.news-block-four .inner-box .lower-content .post-meta{
	position:relative;
	margin-top:10px;
	padding-bottom:18px;
}

.news-block-four .inner-box .lower-content .post-meta li{
	position:relative;
	color:#666666;
	font-size:14px;
	margin-right:15px;
	display:inline-block;
	
}

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

.news-block-four .inner-box .lower-content .post-meta:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:2px;
	width:50px;
	background-color:#e9c37a;
}

.news-block-four .inner-box .lower-content .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.9em;
	margin-top:18px;
	
}

.news-block-four .inner-box .lower-content .read-more{
	position:relative;
	color:#222222;
	font-size:14px;
	line-height:1em;
	margin-top:20px;
	display:inline-block;
	
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.news-block-four .inner-box .lower-content .read-more .arrow{
	position:relative;
	margin-left:10px;
	color:#e9c37a;
	top:2px;
}

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

/*** 

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

***/

.styled-pagination{
	position:relative;
	font-family: 'Montserrat', sans-serif;
}

.styled-pagination li{
	position:relative;
	font-size:16px;
	color:#222222;
	display:inline-block;
	margin:0px 8px 0px 8px;
	
}

.styled-pagination li a{
	position:relative;
	display:inline-block;
	font-size:16px;
	color:#222222;
	font-weight:600;
	text-transform:capitalize;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	
}

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

/*** 

====================================================================
Blog Detail
====================================================================

***/

.blog-detail{
	position:relative;
}

.blog-detail .inner-box{
	position:relative;
}

.blog-detail .inner-box .image{
	position:relative;
	margin-bottom:30px;
}

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

.blog-detail .inner-box .lower-content{
	position:relative;
	padding-bottom:10px;
	border-bottom:1px solid #eeeeee;
}

.blog-detail .inner-box .lower-content .upper-box{
	position: relative;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: -80px;
	margin-bottom:40px;
	background-color: #ffffff;
	padding: 0px 50px 50px 50px;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.10);
}

.blog-detail .inner-box .lower-content .upper-box .post-date{
	position: relative;
	color: #ffffff;
	top: -10px;
	font-size: 14px;
	margin-top: -10px;
	padding: 10px 17px;
	display: inline-block;
	background-color: #222222;
	
}

.blog-detail .inner-box .lower-content .upper-box h3{
	position: relative;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.3em;
	margin-top: 20px;
	color:#222222;
}

.blog-detail .inner-box .lower-content .upper-box .post-meta{
	position:relative;
	margin-top:10px;
	padding-bottom:18px;
}

.blog-detail .inner-box .lower-content .upper-box .post-meta li{
	position:relative;
	color:#666666;
	font-size:14px;
	margin-right:15px;
	display:inline-block;
	
}

.blog-detail .inner-box .lower-content .upper-box .post-meta li:last-child{
	margin-right:0px;
}

.blog-detail .inner-box .lower-content .upper-box .post-meta:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	height:2px;
	width:50px;
	background-color:#e9c37a;
}

.blog-detail .inner-box .lower-content .lower-box{
	position:relative;
}

.blog-detail .inner-box .lower-content .lower-box .text{
	position:relative;
}

.blog-detail .inner-box .lower-content .lower-box .text p{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.8em;
}

.blog-detail .inner-box .lower-content .two-column{
	position:relative;
	margin-top:40px;
}

.blog-detail .inner-box .lower-content .lower-box .text .list-style-one{
	position:relative;
	margin-left:70px;
	margin-top:30px;
	margin-bottom:30px;
}

.blog-detail .inner-box .lower-content .lower-box blockquote{
	position:relative;
	margin-left:70px;
	font-family: 'Montserrat', sans-serif;
	padding-left:25px;
	margin-top:40px;
	font-weight:600;
	margin-bottom:40px;
	border-left:3px solid #e9c37a;
}

.blog-detail .inner-box .lower-content .lower-box blockquote .blockquote-text{
	position:relative;
	color:#222222;
	font-size:24px;
	line-height:1.4em;
}

.blog-detail .inner-box .lower-content .lower-box blockquote .author-post{
	position:relative;
	color:#666666;
	font-size:14px;
	margin-top:8px;
	
}

.blog-detail .post-share-options{
	position:relative;
	margin-top:50px;
}

.blog-detail .post-share-options .post-share-inner{
	position:relative;
	text-align:center;
}

.blog-detail .post-share-options .post-share-inner .social-box{
	position:relative;
}

.blog-detail .post-share-options .post-share-inner .social-box li{
	position:relative;
	margin:0px 0px;
	display:inline-block;
}

.blog-detail .post-share-options .post-share-inner .social-box li a{
	position:relative;
	width:68px;
	height:40px;
	color:#ffffff;
	font-size:16px;
	line-height:40px;
	text-align:center;
}

.blog-detail .post-share-options .post-share-inner .social-box li.facebook a{
	background-color:#3b5999;
}

.blog-detail .post-share-options .post-share-inner .social-box li.google-plus a{
	background-color:#dc4e41;
}

.blog-detail .post-share-options .post-share-inner .social-box li.pinterest a{
	background-color:#bd081c;
}

.blog-detail .post-share-options .post-share-inner .social-box li.twitter a{
	background-color:#55acee;
}

.blog-detail .post-share-options .post-share-inner .tags{
	position:relative;
	margin-top:20px;
}

.blog-detail .post-share-options .post-share-inner .tags a{
	position:relative;
	color:#666666;
	font-size:14px;
	margin:0px 8px;
	display:inline-block;
	
}

/*News Posts*/

.blog-detail .news-posts{
	position:relative;
	margin-top: 90px;
}

.blog-detail .news-posts .more-posts{
	display:none;
}

.blog-detail .news-posts .prev,
.blog-detail .news-posts .next{
	position:relative;
	color:#222222;
	font-size:14px;
	line-height:1.4em;
	margin-bottom:10px;
	display:inline-block;
	text-transform: capitalize;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.blog-detail .news-posts .prev:hover,
.blog-detail .news-posts .next:hover{
	color:#e9c37a;
}

.blog-detail .news-posts:before{
	position:absolute;
	content:'';
	left:50%;
	top:0px;
	height:100%;
	width:1px;
	background-color:#eeeeee;
}

.blog-detail .news-posts h4{
	position:relative;
	color:#222222;
	font-size:16px;
	line-height:1.6em;
	margin:0px;
	margin-bottom:10px;
	padding-bottom:12px;
}

.blog-detail .news-posts h4:before{
	position:absolute;
	content:'';
	right:0px;
	height:2px;
	width:50px;
	bottom:0px;
	background-color:#e9c37a;
}

.blog-detail .news-posts .prev-post a{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight:600;
	line-height:1.4em;
	text-transform: capitalize;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.blog-detail .news-posts .prev-post h4:before{
	position:absolute;
	content:'';
	left:0px;
	height:2px;
	width:50px;
	bottom:0px;
	background-color:#e9c37a;
}

.blog-detail .news-posts .prev-post .image{
	position:absolute;
	left:0px;
	top:8px;
	width:80px;
	height:80px;
}

.blog-detail .news-posts .next-post{
	position:relative;
	text-align:right;
	padding-right:100px;
}

.blog-detail .news-posts .next-post .image{
	position:absolute;
	right:0px;
	top:8px;
	width:80px;
	height:80px;
}

.blog-detail .news-posts .next-post a{
	position:relative;
	color:#222222;
	font-size:16px;
	font-weight:600;
	line-height:1.5em;
	text-transform: capitalize;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.blog-detail .news-posts .prev-post{
	position:relative;
	padding-left:100px;
}

.blog-detail .news-posts .prev-post a:hover,
.blog-detail .news-posts .next-post a:hover{
	color:#e9c37a;
}

/*** 

====================================================================
Comments Area
====================================================================

***/

.sidebar-page-container .comments-area{
	position:relative;
	margin-bottom:60px;
	margin-top:65px;
}

.sidebar-page-container .group-title{
	position:relative;
	margin-bottom:40px;
}

.sidebar-page-container .group-title h2{
	position:relative;
	font-size:24px;
	color:#222222;
	font-weight:700;
	padding-bottom:12px;
	text-transform:capitalize;
}

.sidebar-page-container .group-title h2:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:50px;
	height:2px;
	background-color:#e9c37a;
}

.sidebar-page-container .comments-area .comment-box{
	position:relative;
	padding:0px 0px 0px;
	margin-bottom:48px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:last-child{
	margin-bottom:0px;
}

.sidebar-page-container .comments-area .comment{
	position:relative;
	padding:0px 0px 0px 100px;
	font-size:14px;
}

.sidebar-page-container .comments-area .reply-comment{
	margin-left:120px;	
}

.sidebar-page-container .comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	border-radius:50%;
	margin-bottom:20px;
	overflow:hidden;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.sidebar-page-container .comments-area .comment-info{
	margin-bottom:10px;
}

.sidebar-page-container .comments-area .comment-box strong{
	font-size:18px;
	color:#222222;
	display:block;
	line-height:1.3em;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
	text-transform:capitalize;
	
}

.sidebar-page-container .comments-area .comment-box .text{
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:1.8em;
	margin-bottom:16px;
	
}

.sidebar-page-container .comments-area .comment-info .comment-time{
	position:relative;
	font-size:12px;
	color:#666666;
	text-transform:uppercase;
	
}

.sidebar-page-container .comments-area .comment-box .reply-outer{
	position:relative;
}

.sidebar-page-container .comments-area .comment-box .theme-btn{
	position:relative;
	font-size:14px;
	color:#222222;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
	color:#e9c37a;
}

/*** 

====================================================================
Comment Form
====================================================================

***/

.comment-form .form-group{
	margin-bottom:30px;
}

.comment-form .form-group:last-child{
	margin-bottom:0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 28px;
	color:#888888;
	border:1px solid transparent;
	height:55px;
	font-size:14px;
	background:#f4f4f4;
	
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#e9c37a;
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 28px;
	color:#888888;
	border:1px solid transparent;
	height:150px;
	background:#f4f4f4;
	resize:none;
	font-size:14px;
	
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form button{
	cursor:pointer;
}



/* Footer Styles */
.main-footer {
	background-color: #222;
	color: #fff;
	font-family: 'Arial', sans-serif;
	padding: 20px 0;
}

.footer-bottom {
	border-top: 1px solid #444;
	padding: 15px 0;
	font-size: 14px;
}

.inner-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	text-align: center;
}

.copyright-text {
	color: #bbb;
}

copyright-text small {
	display: block;
	color: #888;
	margin-top: 5px;
}

/* Responsive Design */
@media (max-width: 768px) {
	.inner-container {
		flex-direction: column;
		padding: 0 15px;
	}
	
	.copyright-text {
		font-size: 13px;
	}
}


/* ===== Projek DL Deco: Section Layout ===== */
#projek-dl-deco {
	padding: 30px 15px 50px;
	background-color: #f9f9f9;
}

#projek-dl-deco .projek-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
	max-width: 1200px;
	margin: 0 auto;
}

/* ===== Projek Item ===== */
.projek-item {
	flex: 1 1 calc(33.333% - 20px);
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	transition: transform 0.3s ease;
}

.projek-item:hover {
	transform: translateY(-5px);
}

/* ===== Zoom Box (Image with overlay) ===== */
.projek-item .zoom-box {
	position: relative;
	width: 100%;
	height: auto;
}

.projek-item .zoom-box img {
	width: 100%;
	height: auto;
	display: block;
}

.projek-item .zoom-box .desc {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(7, 19, 35, 0.8);
	color: #fff;
	padding: 15px;
	box-sizing: border-box;
}

.projek-item .zoom-box .desc p {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
}

/* ===== Title with Lightbox Link ===== */
.projek-item .projek-title {
	text-align: center;
	padding: 15px 10px;
}

.projek-item .projek-title a {
	color: #072333;
	font-weight: bold;
	text-decoration: underline;
	font-size: 16px;
}

.projek-item .projek-title a:hover {
	color: #1a73e8;
}

/* ===== Lightbox Popup Content ===== */
.popup-content {
	display: none;
	max-width: 800px;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
}

.popup-content img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

/* ===== Page Link (Bawah Section) ===== */
#projek-dl-deco .projek-next-page {
	text-align: center;
	margin-top: 30px;
}

#projek-dl-deco .projek-next-page a {
	color: #072333;
	font-weight: bold;
	text-decoration: none;
}

#projek-dl-deco .projek-next-page a i {
	margin-left: 5px;
}

/* ===== Responsive Breakpoints ===== */
@media (max-width: 1024px) {
	.projek-item {
		flex: 1 1 calc(50% - 20px);
	}
}

@media (max-width: 767px) {
	.projek-item {
		flex: 1 1 100%;
	}
}


/* SECTION: Listing Projek */
.listing-projek {
	padding: 60px 20px;
	background-color: #f8f9fa;
}

.listing-projek h2 {
	font-size: 2.5rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
	color: #212529;
	text-transform: uppercase;
}

/* Table styling */
.listing-projek .table {
	width: 100%;
	margin-bottom: 1rem;
	background-color: #fff;
	border-collapse: collapse;
}

.listing-projek .table th,
.listing-projek .table td {
	padding: 12px 15px;
	vertical-align: middle;
	border: 1px solid #dee2e6;
	text-align: center;
}

.listing-projek .table thead th {
	background-color: #343a40;
	color: #fff;
	font-weight: 600;
}

.listing-projek .table tbody tr:nth-child(odd) {
	background-color: #f2f2f2;
}

.listing-projek .table-hover tbody tr:hover {
	background-color: #e9ecef;
	transition: background-color 0.3s ease;
}

.listing-projek .table td strong {
	color: green;
}

/* Responsive styling */
@media (max-width: 768px) {
	.listing-projek h2 {
		font-size: 2rem;
	}
	
	.listing-projek .table-responsive {
		overflow-x: auto;
	}
	
	.listing-projek .table th,
	.listing-projek .table td {
		font-size: 0.9rem;
		padding: 10px;
	}
}

@media (max-width: 480px) {
	.listing-projek h2 {
		font-size: 1.5rem;
	}
	
	.listing-projek .table th,
	.listing-projek .table td {
		font-size: 0.85rem;
		padding: 8px;
	}
}

/* Container utama */
.listing-projek {
	padding: 60px 20px;
	background-color: #f8f9fa;
	display: flex;
	justify-content: center;
}

/* Wrapper dalam section untuk pusatkan kandungan */
.listing-projek .k-table {
	max-width: 1200px;
	width: 100%;
}

/* Tajuk utama */
.listing-projek h2 {
	font-size: 2.5rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
	color: #212529;
	text-transform: uppercase;
}

/* Table styling */
.listing-projek .table {
	width: 100%;
	margin-bottom: 1rem;
	background-color: #fff;
	border-collapse: collapse;
}

.listing-projek .table th,
.listing-projek .table td {
	padding: 12px 15px;
	vertical-align: middle;
	border: 1px solid #dee2e6;
	text-align: center;
}

.listing-projek .table thead th {
	background-color: #343a40;
	color: #fff;
	font-weight: 600;
}

.listing-projek .table tbody tr:nth-child(odd) {
	background-color: #f2f2f2;
}

.listing-projek .table-hover tbody tr:hover {
	background-color: #e9ecef;
	transition: background-color 0.3s ease;
}

.listing-projek .table td strong {
	color: green;
}

/* Responsive styling */
@media (max-width: 768px) {
	.listing-projek h2 {
		font-size: 2rem;
	}
	
	.listing-projek .table-responsive {
		overflow-x: auto;
	}
	
	.listing-projek .table th,
	.listing-projek .table td {
		font-size: 0.9rem;
		padding: 10px;
	}
}

@media (max-width: 480px) {
	.listing-projek h2 {
		font-size: 1.5rem;
	}
	
	.listing-projek .table th,
	.listing-projek .table td {
		font-size: 0.85rem;
		padding: 8px;
	}
}


/* ===============================
Section: Gambar Logo Client
File: client-logos.css
=============================== */

#gambar-logo-client {
	background-color: #ffffff;
	padding: 90px 20px 40px;
}

#gambar-logo-client ul.clients {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	padding: 0;
	margin: 0;
	list-style: none;
}

#gambar-logo-client ul.clients li {
	flex: 0 0 16.666%; /* 6 logo per row on desktop */
	max-width: 16.666%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#gambar-logo-client .client_wrapper {
	padding: 10px;
	transition: transform 0.3s ease;
}

#gambar-logo-client .client_wrapper:hover {
	transform: scale(1.05);
}

#gambar-logo-client .client_wrapper img {
	max-width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
}

/* Tablet View (max-width: 1024px) */
@media (max-width: 1024px) {
	#gambar-logo-client ul.clients li {
		flex: 0 0 25%;
		max-width: 25%; /* 4 per row */
	}
}

/* Mobile View (max-width: 767px) */
@media (max-width: 767px) {
	#gambar-logo-client ul.clients li {
		flex: 0 0 33.333%;
		max-width: 33.333%; /* 3 per row */
	}
}

/* Extra Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
	#gambar-logo-client ul.clients li {
		flex: 0 0 50%;
		max-width: 50%; /* 2 per row */
	}
}






/* === Effect 1 CSS — Scoped to #projek-effect-1 === */
/* === EFFECT 1: Scoped & Footer-safe === */
/* === EFFECT 1 CSS (Scoped & Safe) === */
.projek-next-page {
	text-align: center;
	margin-top: 30px;
}

.projek-next-page a {
	display: inline-block;
	padding: 10px 20px;
	background-color: #333;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	transition: background-color 0.3s ease;
}

.projek-next-page a:hover {
	background-color: #555;
}






#projek-effect-1 {
	max-width: 1200px;
	margin: 60px auto;
	padding: 0 20px;
	box-sizing: border-box;
}

/* Flex grid */
#projek-effect-1 .projek-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: space-between;
}

/* Setiap projek item */
#projek-effect-1 .projek-card {
	flex: 1 1 calc(33.333% - 16px);
	background: #f9f9f9;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

/* Image wrapper (penting untuk hover only on image) */
#projek-effect-1 .image-wrapper {
	position: relative;
	overflow: hidden;
}

/* Gambar */
#projek-effect-1 .image-wrapper img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 0.3s ease;
}

/* Zoom semasa hover */
#projek-effect-1 .image-wrapper:hover img {
	transform: scale(1.05);
}

/* Overlay description atas gambar */
#projek-effect-1 .projek-desc {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	opacity: 0;
	transition: opacity 0.3s ease;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 20px;
	font-size: 14px;
	pointer-events: none;
}

#projek-effect-1 .image-wrapper:hover .projek-desc {
	opacity: 1;
	pointer-events: auto;
}

/* Tajuk di bawah gambar */
#projek-effect-1 .projek-title {
	text-align: center;
	margin: 12px 10px 16px;
}

#projek-effect-1 .projek-title a {
	text-decoration: none;
	color: #111;
	font-weight: 600;
	transition: color 0.3s ease;
}

#projek-effect-1 .projek-title a:hover {
	color: #007bff;
	text-decoration: underline;
}

/* Pagination / Next Page */
#projek-effect-1 .projek-next-page {
	text-align: center;
	margin-top: 40px;
}

#projek-effect-1 .projek-next-page a {
	font-size: 18px;
	text-decoration: none;
	color: #333;
}

#projek-effect-1 .projek-next-page a:hover {
	color: #000;
}

/* === Responsive Mobile View === */
@media screen and (max-width: 768px) {
	#projek-effect-1 .projek-card {
		flex: 1 1 100%;
	}
	
	#projek-effect-1 .projek-desc {
		font-size: 13px;
		padding: 15px;
	}
	
	#projek-effect-1 .projek-title a {
		font-size: 16px;
	}
}






/* --- CSS untuk 4 gambar sebaris --- */
/* ========== Gaya Asas ========== */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	background-color: #f7f7f7;
}

/* Tajuk Section */
.empat-gambar-sebaris .sec-title {
	text-align: center;
	padding: 30px 20px 10px;
}

.empat-gambar-sebaris .sec-title h2 {
	margin: 0;
	font-size: 28px;
	font-weight: bold;
	color: #333;
}

/* ========== Wrapper Projek ========== */
.empat-gambar-sebaris .projek-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	max-width: 1300px;
	margin: 0 auto;
	padding: 20px;
}

/* ========== Kad Projek ========== */
.empat-gambar-sebaris .projek-card {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
	flex: 1 1 calc(25% - 20px); /* 4 kad dalam 1 baris */
	max-width: calc(25% - 20px);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.empat-gambar-sebaris .projek-card:hover {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
	transform: translateY(-5px);
}

/* ========== Gambar Projek ========== */
.empat-gambar-sebaris .projek-card img {
	width: 100%;
	height: auto;
	display: block;
}

/* ========== Deskripsi Projek ========== */
.empat-gambar-sebaris .projek-desc {
	padding: 15px;
	font-size: 14px;
	color: #444;
	text-align: left;
}

/* ========== Tajuk Projek ========== */
.empat-gambar-sebaris .projek-title {
	padding: 10px 15px 15px;
	text-align: center;
}

.empat-gambar-sebaris .projek-title h4 {
	margin: 0;
	font-size: 16px;
}

.empat-gambar-sebaris .projek-title a {
	text-decoration: none;
	color: #007BFF;
}

.empat-gambar-sebaris .projek-title a:hover {
	text-decoration: underline;
}

/* ========== Butang Page (jika ada) ========== */
.empat-gambar-sebaris .projek-next-page {
	text-align: center;
	padding: 20px 0;
}

.empat-gambar-sebaris .projek-next-page a {
	font-size: 16px;
	color: #fff;
	background-color: #007BFF;
	padding: 10px 20px;
	border-radius: 4px;
	text-decoration: none;
}

.empat-gambar-sebaris .projek-next-page a:hover {
	background-color: #0056b3;
}

/* ========== RESPONSIVE DESIGN ========== */

/* Tablet: 2 gambar sebaris */
@media (max-width: 1024px) {
	.empat-gambar-sebaris .projek-card {
		flex: 1 1 calc(50% - 20px);
		max-width: calc(50% - 20px);
	}
}

/* Mobile: 1 gambar sebaris */
@media (max-width: 600px) {
	.empat-gambar-sebaris .projek-card {
		flex: 1 1 100%;
		max-width: 100%;
	}
}





/* Section layout: 2 di atas, 2 di bawah, semuanya di tengah */
/* --- Projek Wrapper: 2 atas 2 bawah --- */
/* Grid 2 kolum (desktop) dan 1 kolum (mobile) */
.projek-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* 2 kad sebaris */
	gap: 30px;
	max-width: 1000px; /* Tengah secara keseluruhan */
	margin: 0 auto;
	padding: 20px;
}

/* Set gaya kad */
.projek-card {
	background-color: #fff;
	border-radius: 8px;
	overflow: hidden;
	text-align: center;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

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

.projek-desc {
	padding: 15px;
	font-size: 16px;
}

/* Mobile: 1 gambar sebaris */
@media (max-width: 768px) {
	.projek-wrapper {
		grid-template-columns: 1fr; /* tukar kepada 1 kolum */
	}
}



/* Kotak pages */
.pagination {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	gap: 10px;
}

.page-box {
	padding: 10px 15px;
	text-decoration: none;
	color: #fff;
	background-color: #2B2E4A;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 16px;
	transition: 0.3s;
}

.page-box:hover {
	background-color: #E84545;
	color: white;
	border-color: #E84545;
}

@media screen and (max-width:1300px) {
	.main-slider {
		height: 70% !important;
	}
	
	.slotholder {
		height: 80% !important;
	}
	

}

	.flex-end {
		display: flex !important;
		justify-content: flex-end !important;
	}







# Floating Icon - multiple

CSS
```
.fab-icon {
    position: absolute;
    top: 18%;
    right: 24%;
}

.floating {
    position: fixed;
    width: 40px;
    height: 40px;
    color: white;
    border-radius: 50px;
    /* box-shadow: 2px 2px 3px rgba(0, 0, 0, .5); */
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, .5));
    z-index: 100;
    transition: ease .3s;
    text-decoration: none;
}

.floating:hover {
    text-decoration: none;
    color: white;
    transform: scale(1.1);
}

.i-fb {
    background-color: #1877F2;
    bottom: 400px;
    right: 16px;
    font-size: 25px;
}

.i-tt {
    background-color: #181818;
    bottom: 370px;
    right: 16px;
    font-size: 25px;
}

.i-wa {
    background-color: #0cc143;
    bottom: 455px;
    right: 16px;
    font-size: 25px;
}


.i-ig {
    background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
    bottom: 420px;
    right: 16px;
    font-size: 25px;
}

.i-rn {
    /* background-color: #ff2b2b; */
    bottom: 330px;
    right: 16px;
    font-size: 25px;
}
```





/* Section video DL Deco – 60% size version */
.section-video-dl-deco {
    background: none !important;
}

.section-video-dl-deco .container-fluid,
.section-video-dl-deco .video-holder {
    background: transparent !important;
}

/* Position & Center */
.section-video-dl-deco .video-holder {
    width: 100%;
    display: flex;
    justify-content: center;   /* center horizontally */
    padding: 0 40px;           /* space kiri & kanan */
    box-sizing: border-box;
}

/* Video size 60% dari asal */
.section-video-dl-deco .video-holder video {
    width: 60%;                /* 60% dari container / saiz asal */
    max-width: 1591px;         /* tidak melebihi asal */
    height: auto;              /* maintain ratio */
    object-fit: cover;
    border-radius: 10px;
    background: transparent !important;
    display: block;
}

/* ================== RESPONSIVE ================== */

/* Tablet */
@media (max-width: 991px) {
    .section-video-dl-deco .video-holder {
        padding: 0 20px;
    }

    .section-video-dl-deco .video-holder video {
        width: 100%;            /* skala penuh untuk tablet */
        height: auto;
        border-radius: 8px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .section-video-dl-deco .video-holder {
        padding: 0 15px;
    }

    .section-video-dl-deco .video-holder video {
        width: 100%;
        height: auto;
        border-radius: 6px;
    }
}






/* Full-width background */
.section-video-di-sebelah .full-bg {
    background-color: #b4bbc2; /* background penuh */
    padding: 50px 0;
}

/* Text Styling */
.section-video-di-sebelah .text-content {
    background: transparent;
    border-radius: 12px;
}

.section-video-di-sebelah .text-content .title {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #ffd700;
}

.section-video-di-sebelah .text-content h2 {
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 15px;
    color: #fff;
}

.section-video-di-sebelah .text-content p {
    font-size: 16px;
    line-height: 1.7;
    color: #fff;
}

/* Video Holder – Landscape */
.section-video-di-sebelah .video-holder {
    overflow: hidden; 
    border-radius: 12px;
    padding: 15px;
    background-color: #f8f9fa;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.section-video-di-sebelah .video-holder video {
    width: 100%;           /* full-width dalam container */
    max-width: 1591px;     /* saiz landskap sebenar */
    height: auto;           /* maintain aspect ratio 16:9 */
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

/* Responsive Tablet */
@media (max-width: 991px) {
    .section-video-di-sebelah .video-holder video {
        width: 100%;
        height: auto;
    }
}

/* Responsive Mobile */
@media (max-width: 576px) {
    .section-video-di-sebelah .video-holder video {
        width: 100%;
        height: auto;
    }
}







/* Section Slide BESAR */
/* Section Slide Besar */
/* Section Slide Besar */
/* Section Slide Besar */
/* Section Slide Besar */
.section-slide-besar {
    position: relative;
    padding: 80px 20px;
    background-color: #f9f9f9;
    overflow: hidden;
    font-family: 'Arial', sans-serif;
}

/* Pattern Layer Background */
.section-slide-besar .pattern-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('images/background/pattern-2.png');
    background-repeat: repeat;
    background-size: cover;
    opacity: 0.1;
    z-index: 1;
}

/* Content Wrapper - Column Layout */
.section-slide-besar .slide-content {
    display: flex;
    flex-direction: column; /* Text atas, video bawah */
    align-items: center;    /* Horizontal center */
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
    gap: 40px; /* jarak antara teks dan video */
}

/* Text Section */
.section-slide-besar .left-column {
    width: 100%;
    text-align: center; /* center text */
}

.section-slide-besar .sec-title .title {
    font-size: 18px;
    font-weight: 600;
    color: #ff6b6b;
    margin-bottom: 10px;
}

.section-slide-besar .sec-title h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.3;
}

.section-slide-besar .text {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
}

/* Video Section */
.section-slide-besar .right-column {
    width: 100%;
    display: flex;
    justify-content: center; /* center video horizontally */
}

.section-slide-besar .video-holder {
    max-width: 720px; /* Video +20% dari 600px */
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.section-slide-besar .video-holder video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
}

/* Responsive */
@media (max-width: 768px) {
    .section-slide-besar {
        padding: 60px 15px;
    }
    .section-slide-besar .sec-title h2 {
        font-size: 28px;
    }
    .section-slide-besar .text {
        font-size: 14px;
    }
    .section-slide-besar .video-holder {
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .section-slide-besar .sec-title h2 {
        font-size: 24px;
    }
    .section-slide-besar .text {
        font-size: 14px;
    }
    .section-slide-besar .video-holder {
        max-width: 100%;
    }
}



/* ================================
   ICON BARU MENGIKUT ELEMEN
================================ */

.icon-baru-elemen {
  padding: 60px 15px;
  background-color: #f8f9fa;
}

.icon-elemen-container {
  max-width: 1200px;
  margin: auto;
}

.icon-elemen-row {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

/* Box */
.icon-elemen-box {
  background: #ffffff;
  padding: 35px 25px;
  text-align: center;
  border-radius: 12px;
  flex: 1 1 100%;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
  transition: transform 0.3s ease;
}

.icon-elemen-box:hover {
  transform: translateY(-8px);
}

/* Icon */
.icon-elemen-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #fff;
}

/* Icon Colors */
.icon-elemen-icon.delivery {
  background: #ff9800;
}

.icon-elemen-icon.team {
  background: #3f51b5;
}

.icon-elemen-icon.client {
  background: #4caf50;
}

/* Text */
.icon-elemen-box h3 {
  font-size: 20px;
  margin-bottom: 15px;
  color: #222;
}

.icon-elemen-box p {
  font-size: 15px;
  color: #555;
  line-height: 1.7;
}

/* ================================
   RESPONSIVE (Tablet & Desktop)
================================ */
@media (min-width: 768px) {
  .icon-elemen-box {
    flex: 1 1 calc(50% - 30px);
  }
}

@media (min-width: 992px) {
  .icon-elemen-box {
    flex: 1 1 calc(33.333% - 30px);
  }
}


/* ================================
   ONGOING PROJECTS - SINGLE CENTER
================================ */

#ongoing-center-section {
  padding: 80px 15px;
}

#ongoing-center-section .ongoing-wrapper {
  display: flex;
  justify-content: center;
}

#ongoing-center-section .projek-card {
  width: 300px;
  text-align: center;
}

#ongoing-center-section .image-wrapper {
  position: relative;
}

#ongoing-center-section img {
  width: 100%;
  height: auto;
  display: block;
}

#ongoing-center-section .projek-desc {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.65);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  transition: 0.3s ease;
}

#ongoing-center-section .image-wrapper:hover .projek-desc {
  opacity: 1;
}

#ongoing-center-section .projek-title {
  margin-top: 10px;
}

/* ================================
   MOBILE VERSION
================================ */
@media (max-width: 768px) {

  #ongoing-center-section {
    padding: 60px 15px;
  }

  #ongoing-center-section .projek-card {
    width: 100%;
    max-width: 320px;
  }

  /* Mobile: description sentiasa nampak */
  #ongoing-center-section .projek-desc {
    position: relative;
    opacity: 1;
    background: #111;
    padding: 15px;
  }

  #ongoing-center-section .image-wrapper:hover .projek-desc {
    opacity: 1;
  }
}

/* Custom Code by UwU */

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:active,
.hvr-grow:focus,
.hvr-grow:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}