/* Archo HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. Experience Section
7. Project Section
8. Services Section
9. Counter Section
10. Work Section
11. Testimonial Section
12. Clients Section
13. Blog Section
14. Main Footer
15. Page Banner Section
16. Team Section
17. Page Title Section
18. Blog Masonry Section
19. Project Detail Section
20. Blog Section
21. Blog Detail Section
22. Map Section
23. Contact Info Section
24. Contact Section

base change :-
#ebad2e ==> #ebad2e
#ebad2e ==> #ebad2e
001871 ==> #ebad2e

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

/*
	
	font-family: 'Libre Baskerville', serif;
	font-family: 'Poppins', sans-serif;
	font-family: 'Roboto', sans-serif;
	font-family: 'Teko', sans-serif;
	
*/

@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('animation.css');

/*** 

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

 ***/

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




.pull-left {
	float: left;
}

.pull-right {
	float: right;
}






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


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





/*** 

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

***/

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

.sec-title h2 {
	position: relative;
	color: #000000;
	font-weight: 600;
	margin-bottom: 12px;
	text-transform: uppercase;
}




/*** 

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

***/

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

.project-tab {
	position: relative;
}

.project-tab .tabs-header {
	position: relative;
	text-align: center;
}

.project-tab .product-tab-btns {
	position: relative;
	text-align: center;
	padding-top: 15px;
	padding-left: 70px;
}

.project-tab .product-tab-btns .p-tab-btn {
	position: relative;
	display: inline-block;
	margin-right: 45px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	color: #999999;
	z-index: 1;
	cursor: pointer;
	margin-bottom: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	border-bottom: 1px solid transparent;
}

.project-tab .product-tab-btns .p-tab-btn:hover,
.project-tab .product-tab-btns .p-tab-btn.active-btn {
	color: #000000;
	border-color: #000000;
}

.project-tab .projects {
	position: relative;
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	margin: 12px 0px;
	display: block;
	text-transform: uppercase;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.project-tab .projects:hover {
	color: #ebad2e;
}

.project-tab .p-tabs-content {
	position: relative;
	display: block;
}

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

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

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

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

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

.project-section .owl-nav {
	position: absolute;
	left: 60px;
	top: 50%;
	right: 60px;
	margin-top: -32px;
}

.project-section .owl-nav .owl-prev {
	position: absolute;
	left: 0px;
	width: 55px;
	height: 55px;
	color: #ffffff;
	font-size: 26px;
	line-height: 58px;
	text-align: center;
	border-radius: 0px;
	display: inline-block;
	background-color: #333333;
	-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-section .owl-nav .owl-next {
	position: absolute;
	right: 0px;
	width: 55px;
	height: 55px;
	color: #ffffff;
	font-size: 26px;
	line-height: 58px;
	text-align: center;
	border-radius: 0px;
	display: inline-block;
	background-color: #333333;
	-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-section .owl-nav .owl-prev:hover,
.project-section .owl-nav .owl-next:hover {
	color: #ffffff;
	background-color: #ebad2e;
}

.gallery-block {
	position: relative;
}

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

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

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

.gallery-block .inner-box .image .overlay-box {
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.gallery-block .inner-box .image .overlay-box:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 100%;
	bottom: 0px;
	right: 0px;
	background-color: #ffffff;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
}

.gallery-block .inner-box:hover .image .overlay-box:before {
	top: 0%;
}

.gallery-block .inner-box .image .overlay-box .content {
	position: relative;
	padding: 44px 60px;
}

.gallery-block .inner-box .image .overlay-box .category {
	position: relative;
	font-size: 14px;
	color: #ffffff;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
}

.gallery-block .inner-box:hover .image .overlay-box .category {
	color: #000000;
}

.gallery-block .inner-box:hover .image .overlay-box h2 a {
	color: #ebad2e;
}

.gallery-block .inner-box .image .overlay-box h2 {
	position: relative;
	font-weight: 600;
	line-height: 1.3em;
	margin-top: 8px;
}

.gallery-block .inner-box .image .overlay-box h2 a {
	position: relative;
	color: #ffffff;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
}