* {
		padding: 0;
		margin: 0;
		outline: 0;
		scrollbar-width: auto;
		scrollbar-color: #a0a1ca #dedede;
	}

	/* Scrollbar Styling */
	::-webkit-scrollbar {
		width: 7px;
	}

	::-webkit-scrollbar-track {
		background-color: #ebebeb;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

	::-webkit-scrollbar-thumb {
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: #a0a1ca; 
	}

	@-moz-keyframes spin{
		100%{
			-moz-transform:rotate(360deg);
		}
	}
	@-webkit-keyframes spin{
		100%{
			-webkit-transform:rotate(360deg);
		}
	}
	@keyframes spin{
		100%{
			-webkit-transform:rotate(360deg);
			transform:rotate(360deg);
		}
	}

	body {

		min-width: 320px;

		color: #000;

		font-family: 'Lato', sans-serif;

		overflow-x: hidden;

		background: #fff;
	}

	a{
		text-decoration: none;
		color: #111;
		transition: 0.4s ease-in-out;
	}

	a:hover{
		text-decoration: none;
		color: #3BA23C;

	}

	p{
		font-size: 16px;
		line-height: 30px;
		color: #333;
		margin: 0;
		font-family: 'popins', sans-serif;
	}

	small, strong{
		font-family: 'popins', sans-serif;
	}

	img{
		max-width: 100%;
		vertical-align: middle;
		height: auto;
	}

	article{
		margin: 0 0 30px 0;
		overflow: hidden;
	}

	figure{
		margin: 0;
	}

	.img-wrap{
		position: relative;
	}

	.img-wrap figure{
		position: relative;

		width: 100%;

		padding-top: 75%;

		margin: 0; 
	}

	.img-wrap figure img{
		position: absolute;

		display: block;

		width: 100%;

		height: 100%;

		left: 0;

		right: 0;

		top: 0;

		bottom: 0;

		margin: 0;

		object-fit: cover;
	}

	.imgp-wrap {

		background: #fff;
		transition: all .5s ease;
		display: block;
		width: 100%;
		position: relative;
		height: 0;
		padding-top: 100%;
		overflow: hidden;

	}

	.imgp-wrap img {

		position: absolute;
		display: block;
		max-width: 100%;
		max-height: 100%;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;

	}

	.mb-thirty{
		margin-bottom: 30px;
	}

	/*header*/


	header{
		position: relative;
		background: #000002;
	}

	.top-bar{
		background: #c29957 ;
		padding: 5px 0;
	}

	.terms{
		padding: 0;
		list-style: none;
		margin: 0;
	}

	.terms li{
		display: inline-block;
		margin: 0 10px 0 0;
	}

	.terms li a{
		color: #fff;
		text-transform: capitalize;
		font-size: 14px;
	}

	.social-bar{
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: right;
	}

	.social-bar li a{
		margin: 0 0 0 5px;
	}


	.social-bar li a i{
		color: #fff;
		font-size: 14px;
		width: 25px;
		line-height: 25px;
		text-align: center;
		border-radius: 50%;
		transition: 0.4s ease-in-out;
	}

	.social-bar li a .fa-facebook{
		background: #3b5998;   
	}

	.social-bar li a .fa-twitter{
		background: #1da1f2;   
	}

	.social-bar li a .fa-linkedin{
		background: #1178b3;   
	}

	.social-bar li a .fa-instagram{
		background: #bc2a8d;
	}

	.social-bar li a i:hover{
		background: #fff !important;
		color: #333 !important;
	}

	.contct{
		display: flex;
		list-style: none;
		padding: 20px 0;
		margin: 0;
		justify-content: flex-end;
	}

	.contct li{
		display: flex;
		margin: 0 0 0 25px;
		align-items: center;
	}

	.contct li strong{
		display: block;
		text-transform: capitalize;
		font-size: 18px;
		color: #eee;
	}

	.contct li i{
		font-size: 42px;
		margin: 0 10px 0 0;
		color: #c29957;
	}

	.contct li a{
		color: #eee;
	}

	.contct li a:hover{
		color: #c29957;
	}

	.nav-sec{
		position: absolute;
		left: 100px;
		right: 100px;
		z-index: 9;
		top: 100%;
		background: #c29957;
		box-shadow: 5px 15px 5px -12px #000000ab;
	}

	.nav-sec:before{
		position: absolute;
		content: "";
		right: 100%;
		border-left: 22px solid transparent;
		border-top: 22px solid #c29957;
		border-right: 22px solid #c29957;
		border-bottom: 22px solid transparent;
		top: 0;
	}

	.nav-sec:after{
		position: absolute;
		content: "";
		left: 100%;
		border-left: 22px solid #c29957;
		border-top: 22px solid #c29957;
		border-right: 22px solid transparent;
		border-bottom: 22px solid transparent;
		top: 0;
	}





	/*nav bar*/



	.nav-sec .navbar-collapse{
		justify-content: flex-end;

	}

	.nav-sec .navbar{
		padding: 0;
		position: relative;
	}

	.nav-sec .navbar:before{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
/*		background-image: url(../images/nav-bg1.png);*/
		background-size: contain;
		background-repeat: repeat-x;
		background-position: center;
		opacity: 0.2
	}

	.main-navigation{
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
	}

	.nav-sec .main-navigation .menu-item a{
		padding:12px 25px;
		color: #fff;
		font-weight: 700;
		text-transform: capitalize;
		transition: 0.4s;
		font-size: 14px;
		position: relative;
		display: block;
		text-transform: uppercase;
	}

	.nav-sec .main-navigation .menu-item.active a, .nav-sec .main-navigation .menu-item a:hover  {
		color: #eee;
	}

	.menu-item-has-children{
		position: relative;
	}

	.sub-menu{
		top: 100%;
		left: 0;
		z-index: 1000;
		min-width: 10rem;
		font-size: 1rem;
		color: #0B5D98;
		text-align: left;
		list-style: none;
		border: 1px solid rgba(0,0,0,.15);
		display: none;
		position: absolute;
	}

	.nav-sec .menu-item-has-children .sub-menu {
		margin: 0;
		background: #424242;
		border-radius: 0;
		padding: 0;
		width: 310px;
	}

	.nav-sec .menu-item-has-children:hover .sub-menu {
		display: block !important;
	}

	.nav-sec .menu-item-has-children .sub-menu a{
		transition: 0.4s;
		padding: 10px;
		color: #fff;
		font-size: 14px;
		transition: 0.4s ease-in-out;
		text-align: left;
	}

	.nav-sec .menu-item-has-children .sub-menu a:hover{
		color: #eee;
		background: #c29957;
	}

	.menu-item-has-children > a::after {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: .255em;
		vertical-align: .255em;
		content: "";
		border-top: .3em solid;
		border-right: .3em solid transparent;
		border-bottom: 0;
		border-left: .3em solid transparent;
	}

	.main-navigation{
		position: relative;
		z-index: 5;
	}

	.nav-sec .navbar-collapse{
		justify-content: center;
	}


	/*slider section*/

	.slide-sec{
		position: relative;
	}

	.slide-sec:before{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background: rgba(0,0,0,0.4);
		z-index: 1;
	}

	.s-caption{
		position: absolute;
		top: 50%;
		left:100px;
		max-width: 700px;
		transform: translateY(-50%);
		z-index: 2;
		text-align: left;
		padding: 30px;

	}

	.s-caption strong{
		color: #fff;
		font-size: 42px;
		text-transform: capitalize;
		line-height: 1;
		margin: 0 0 20px 0;
		padding: 0 0 10px 0;
		display: block;
		border-bottom: 1px solid #c29957;
	}

	.s-caption p{
		color: #eee;
		margin: 0 0 30px 0;
	}

	.slider-wrap .owl-carousel .owl-nav button{
		position: absolute;
		top: 50%;
		transform: translateY(-50%;);
		background: rgba(207,175,78,0.7);
		height: 80px;
		width: 20px;
		z-index: 1;
		margin: 0;
		border-radius: 0;
		color: #fff;
		transition: 0.4s ease-in-out;
	}

	.slider-wrap .owl-carousel .owl-nav button.owl-prev{
		left: 0;
	}

	.slider-wrap .owl-carousel .owl-nav button.owl-next{
		right: 0;
	}


	.btn-wrap a{
		align-items: center;
		appearance: none;
		background-image: radial-gradient(100% 100% at 100% 0, #f1dda4 0, #c29957 100%);
		border: 0;
		border-radius: 6px;
		box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
		box-sizing: border-box;
		color: #fff;
		cursor: pointer;
		display: inline-flex;
		height: 42px;
		justify-content: center;
		line-height: 1;
		list-style: none;
		overflow: hidden;
		padding-left: 16px;
		padding-right: 16px;
		position: relative;
		text-align: left;
		text-decoration: none;
		transition: box-shadow .15s,transform .15s;
		user-select: none;
		-webkit-user-select: none;
		touch-action: manipulation;
		white-space: nowrap;
		will-change: box-shadow,transform;
		font-size: 14px;
		text-transform: capitalize;
	}

	.btn-wrap a:hover{
		box-shadow: rgba(0, 0, 0, .4) 0 4px 8px, rgba(0, 0, 0, .3) 0 7px 13px -3px, #c29957 0 -3px 0 inset;
		transform: translateY(-2px); 
	}

	#main-slider .owl-dots {
		position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 4;
	}

	#main-slider .owl-dots .owl-dot span {
		font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3ed";
		position: relative;
		color: #000;
		font-size: 18px;
		width: 10px;
		height: 10px;
		background: #545252;
		border-radius: 0;
	}

	#main-slider .owl-dots .owl-dot.active span{
		background: #1BCD1A;
		height: 10px;
	}

	.slide-img {
		position: relative;
		width: 100%;
		padding-top: 100vh;
		margin: 0;
	}

	.slide-img img {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: 0;
		object-fit: cover;
	}

	.slider-wrap{
		position: relative;
	}

	.slide-books{
	    list-style: none;
	    padding: 0;
	    
	}

	.slide-books li a{
	    color: #fff;
	    font-size: 24px;
	    text-transform: capitalize;
	}

	.slide-books li a:hover{
	    color: #c29957;
	}

	.slide-books li{
	    padding: 0 0 0 30px;
	    position: relative;
	}

	.slide-books li:before{
	    content: "";
	    position: absolute;
	    width: 10px;
	    height: 10px;
	    background: #c29957;
	    left: 0;
	    top: 15px;
	    border-radius: 50%;
	}


	/*welcome section*/

	.welcome-sec{
		padding: 50px 0;
	}

	.wel-contn .wel-head strong{
		font-size: 38px;
		color: #333
	}

	.wel-contn .wel-head small{
		display: block;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #aaa;
		font-size: 18px;
	}

	.wel-contn p{
		margin: 0 0 20px 0;
	}

	.welcome-sec .img-wrap{
		max-width: 400px;
		position: relative;
		margin-top: 100px;
	}

	.welcome-sec .img-wrap:before{
		position: absolute;
		content: "";
		width: 300px;
		height: 300px;
		right: -150px;
		top: -130px;
		background: url(../images/books-pic2.png);
		z-index: -1;
		background-size: contain;
	}

	.welcome-sec .img-wrap:after{
		position: absolute;
		content: "";
		left: 10px;
		right: -10px;;
		bottom: 10px;
		top: -10px;
		border: 5px solid #c29957;
	}

	.welcome-sec .img-wrap img{
		width: 100%;
	}


	/*our book section*/

	.our-books{
		padding: 50px 0;
		background-image: url(../images/book-pattern.jpg);
		background-size: contain;
		background-position: center;
		background-attachment: fixed;
		position: relative;
	}

	.our-books:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background: rgba(255,255,255,0.9);
	}

	.our-books .container{
		position: relative;
	}

	.headings h2{
		display: block;
		margin: 0;
		padding: 0 0 5px 0;
		position: relative;
		text-transform: capitalize;
		font-size: 38px;
		font-weight: 700;
	}

	.headings .h-icon{
		display: inline-block;
		position: relative;
	}

	.headings .h-icon img{
		width: 30px;
	}

	.headings .h-icon:before{
		content: "";
		position: absolute;
		width: 50px;
		height: 2px;
		background: #c29957;
		top: 50%;
		transform: translateY(-50%);
		right: 120%;
	}

	.headings .h-icon:after{
		content: "";
		position: absolute;
		width: 50px;
		height: 2px;
		background: #c29957;
		top: 50%;
		transform: translateY(-50%);
		left: 120%;
	}

	.headings small{
		display: block;
		padding: 10px 0 0 0;
		font-size: 16px;
		text-transform: capitalize;
		color: #555;
	}

	.books-card{
		margin: 0 0 20px 0;
	}

	.books-card .img-wrap figure{
		padding-top: initial;
		aspect-ratio: 1/1.5;
	}

	.books-card .b-price{
		display: inline-block;
		position: absolute;
		bottom: 10px;
		left: 10px;
		background: #c29957;
		padding: 5px 20px;
		color: #fff;
		font-weight: 600;
	}

	.book-dtls{
		text-align: center;
		background: rgba(255,255,255,0.5);
		padding: 10px 10px 20px 10px;
		box-shadow: 0px 10px 15px rgba(1, 19, 60, 0.08);
	}

	.book-dtls .b-tags{
		color: #555;
	}

	.book-dtls h3{
		margin: 0 0 20px 0;
	}

	.book-dtls h3 a{
		text-transform: capitalize;
		font-size: 24px;
		color: #111;
	}

	.book-dtls h3 a:hover{
		color: #c29957;
	}

	.opt-btns a {
		color: #fff;
		padding:  5px;
		border-radius: 100px;
		background-color: #c29957;
		background-image: radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, 0.23) 0%, transparent 86.18%), radial-gradient(66% 87% at 26% 20%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%);
		box-shadow: 2px 10px 31px rgba(0, 0, 0, 0.2);
		font-weight: bold;
		font-size: 14px;
		margin: 5px 10px;
		border: 0;

		user-select: none;
		-webkit-user-select: none;
		touch-action: manipulation;
		display: inline-block;
		cursor: pointer;
		width: 100px;
	}

	.opt-btns a:hover{
		background-color: #111;
	}

	.our-books .btn-wrap{
		text-align: right;
		position: relative;
	}

	.our-books .btn-wrap:before{
		content: "";
		position: absolute;
		left: 0;
		right: 150px;
		top: 50%;
		transform: translateY(-50%);
		height: 2px;
		background: rgba(0,0,0,0.2);
	}

	.our-books .btn-wrap a i{
		margin: 0 0 0 5px
	}

	.books-card .img-wrap{
	    overflow: hidden;
	}

	.b-stat{
	    position: absolute;
	    background-color: #FE261B;
	    display: inline-block;
	    padding: 5px 50px;
	    color: #fff;
	    font-size: 12px;
	    top: 10px;
	    right: -30px;
	    transform: rotate(30deg)
	}


	/*publishing*/

	

	.publishing{
		padding: 50px 0;
		background-image: url(../images/why-bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		background-attachment: fixed;
		position: relative;
	}

	.publishing:before{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background: rgba(0,0,0,0.8);
	}

	.publishing .container{
		position: relative;
	}

	.publishing .headings h2{
		color: #fff;
	}

	.publishing .headings small{
		color: #eee;
	}

	.pub-contn h4{
		color: #c29957;
		text-transform: capitalize;
	}

	.pub-contn p{
		color: #fff;
		margin: 0 0 20px 0;
	}

	.pub-contn ul{
		padding: 0;
		list-style: none;
	}

	.pub-contn ul li{
		margin: 0 0 20px 0;
		color: #eee;
		font-size: 20px;
	}

	.pub-contn ul li a{
		color: #eee;
	}

	.pub-contn ul li a:hover{
		color: #c29957;
	}

	.pub-contn ul li span{
		width: 40px;
		height: 40px;
		line-height: 40px;
		background: #c29957;
		display: inline-block;
		text-align: center;
		color: #fff;
		margin: 0 10px 0 0;
	}

	.publishing .img-wrap width{
		width: 100%;
	}

	.pub-cat{
	    display: flex;
	}

	.pub-cat ul{
	    padding: 0 10px 0 0;
	}



	/*auto sales form*/

	.auto-sales{
		padding: 50px 0;
	}

	.tabs-head{
		display: flex;
		margin: 0 0 20px 0;
		justify-content: space-between;
		border-width:0 0 4px 0;
		border-style: solid;
		border-image: linear-gradient(to right, #000, #1BCD1A) 1;
	}

	.tabs-head .nav-tabs{
		background: #c2fbd7;
	}

	.tabs-head .nav-tabs .nav-item .nav-link{
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
		text-transform: capitalize;
		color: #000; 
		font-size: 18px;
	}

	.tabs-head .nav-tabs .nav-item.show .nav-link, .tabs-head .nav-tabs .nav-link.active, .tabs-head .nav-tabs .nav-item .nav-link:hover{
		border-color: #1BCD1A;
		color: #fff;
		border-radius: 0;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
		background: #1BCD1A;
	}

	.filters select{
		border-color: #1BCD1A;
		padding: 10px 30px 10px 20px
	}

	.sales-card{
		margin: 0 0 20px 0;
	}

	.sales-card .img-wrap{
		margin: 0 0 5px 0;
	}

	.sales-card .img-wrap .price{
		position: absolute;
		left: 20px;
		bottom: 10px;
		display: inline-block;
		background: rgba(28,205,26,0.5);
		padding: 5px 20px;
		color: #fff;
		line-height: 26px;
	}

	.sales-card .img-wrap .tags{
		font-size: 12px;
		position: absolute;
		right: 20px;
		top: -4px;
		display: inline-block;
		background: rgba(255,255,255,0.8);
		padding: 5px 10px;
		border: 2px solid #1BCD1A;
		border-top: none;
		box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.5);

	}

	.sales-card .img-wrap .tags:before{
		content: "";
		position: absolute;
		border-right: 2px solid #aaa;
		border-bottom: 2px solid #aaa;
		border-top: 2px solid transparent;
		border-left: 2px solid transparent;
		left: -6px;
		top: 0;
	}

	.prod-spec{
		list-style: none;
		padding: 0;
		display: flex;
		justify-content: space-between;
		border: 1px solid #eee;
		border-radius: 10px;
		text-align: center;
		margin: 0 0 5px 0;
	}

	.prod-spec li{
		border-right: 1px solid #eee;
		padding: 10px;
		flex: 1;
		color: #888;
		font-size: 14px;
	}

	.prod-spec li:last-of-type{
		border: none;
	}

	.prod-spec li strong{
		display: block;
	}

	.prod-name h4 a{
		color: #222;
		text-transform: capitalize;
	}

	.prod-name h4 a:hover{
		color: #3BA23C;
	}

	.more-btn a{
		--b: 3px;   /* border thickness */
		--s: .45em; /* size of the corner */
		--color: #1BCD1A;
		
		padding: calc(.5em + var(--s)) calc(.9em + var(--s));
		color: var(--color);
		--_p: var(--s);
		background:
		conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0)
		var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));
		transition: .3s linear, color 0s, background-color 0s;
		outline: var(--b) solid #0000;
		outline-offset: .6em;
		font-size: 16px;

		border: 0;

		user-select: none;
		-webkit-user-select: none;
		touch-action: manipulation;
	}

	.more-btn a:hover,
	.more-btn a:focus-visible{
		--_p: 0px;
		outline-color: var(--color);
		outline-offset: .05em;
	}

	.more-btn a:active {
		background: var(--color);
		color: #fff;
	}

	.more-btn{
		padding: 20px 0 0 0;
		text-align: center;
	}


	/*new arrivals section*/

	.new-arrival{
		padding: 50px 0;
		background: url(../images/newa_bg.png)
	}

	.new-arrival .sales-card{
		margin: 5px 15px;
	}

	.new-arrival .prod-name h4 a{
		color: #fff;
	}

	.new-arrival .headings h3{
		color: #eee;
	}


	/*recycling vehicle section*/

	.recycle{
		padding: 50px 0 0 0;
		overflow: hidden;
	}


	.sub-head{
		text-align: center;
		margin: 0 0 30px 0;
	}

	.sub-head strong{
		font-size: 28px;
		text-transform: capitalize;
		display: inline-block;
		padding: 10px 20px;
		border: 1px solid #1BCD1A;
		border-radius: 10px;
	}

	.recycle-dtl{
		height: 100%;
		background: #3BA23C;
		padding: 20px 10px;
		position: relative;
	}

	.recycle-dtl:before{
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: -999999px;
		background: #3BA23C;
	}

	.recycle-dtl p{
		font-size: 16px;
		color: #fff;
		position: relative;
	}

	.recycle .img-wrap{
		padding: 20px;
	}

	.r-contact{
		padding: 50px 0;
		background: #3BA23C;
	}

	.re-contact{
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.re-contact .call-a a, .re-contact .email-a a{
		background-color: #c2fbd7;
		border-radius: 100px;
		box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
		color: green;
		cursor: pointer;
		display: inline-block;
		font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
		padding: 7px 20px;
		text-align: center;
		text-decoration: none;
		transition: all 250ms;
		border: 0;
		font-size: 28px;
		user-select: none;
		-webkit-user-select: none;
		touch-action: manipulation;
		text-transform: uppercase;
		margin: 0 10px;
	}

	.re-contact .call-a a:hover, .re-contact .email-a a:hover{
		box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,rgba(44,187,99,.25) 0 1px 2px,rgba(44,187,99,.25) 0 2px 4px,rgba(44,187,99,.25) 0 4px 8px,rgba(44,187,99,.25) 0 8px 16px,rgba(44,187,99,.25) 0 16px 32px;
		transform: scale(1.05) rotate(-1deg);
	}

	.re-contact .call-a a i, .re-contact .email-a a i{
		margin: 0 5px 0 0;
	}

	.r-form{
		padding: 50px 0;
		background-image: url(../images/recycle-icon.png);
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		background-size: contain;
		position: relative;
	}

	.r-form:before{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		background: rgba(255,255,255,0.7);
	}

	.r-form .container{
		position: relative;
	}

	.rform-head{
		font-size: 24px;
		text-transform: capitalize;
		color: #888;
		display: block;
		margin: 0 0 20px 0;
	}

	.r-form form .form-control{
		margin: 0 0 20px 0;
		height: 50px;
		border-color: #c29957;
	}

	.r-form form .btn{
		align-items: center;
		appearance: none;
		background-image: radial-gradient(100% 100% at 100% 0, #f1dda4 0, #c29957 100%);
		border: 0;
		border-radius: 6px;
		box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
		box-sizing: border-box;
		color: #fff;
		cursor: pointer;
		display: inline-flex;
		height: 42px;
		justify-content: center;
		line-height: 1;
		list-style: none;
		overflow: hidden;
		padding-left: 16px;
		padding-right: 16px;
		position: relative;
		text-align: left;
		text-decoration: none;
		transition: box-shadow .15s,transform .15s;
		user-select: none;
		-webkit-user-select: none;
		touch-action: manipulation;
		white-space: nowrap;
		will-change: box-shadow,transform;
		font-size: 14px;
		text-transform: capitalize;
	}

	.r-form form .btn:hover{
		box-shadow: rgba(0, 0, 0, .4) 0 4px 8px, rgba(0, 0, 0, .3) 0 7px 13px -3px, #c29957 0 -3px 0 inset;
		transform: translateY(-2px);
	}


/*team directory*/


.team-dir{
	padding: 50px 0;
}

.team-card{
	background: var(--white-color);
	-webkit-box-shadow: 0px 10px 15px rgba(1, 19, 60, 0.08);
	-moz-box-shadow: 0px 10px 15px rgba(1, 19, 60, 0.08);
	box-shadow: 0px 10px 15px rgba(1, 19, 60, 0.08);
	margin: 10px;
}

.team-card .img-wrap{
	margin: 0 0 10px 0;
}

.team-card .img-wrap figure{
	padding-top: 100%;
}

.team-card .name-wrap{
	text-align: center;
	display: block;
}

.team-card .name-wrap strong{
	font-size: 24px;
	text-transform: capitalize;
}

.team-dtl{
	text-align: center;
}

.team-post{
	color: #3BA23C;
	margin: 0 0 10px 0;
}

.t-phone{
	text-align: center;
	display: flex;
	justify-content: center;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	margin: 0 0 10px 0;
}

.t-phone strong{
	display: block;
	margin: 0 10px;
	font-size: 18px;
	color: #777
}

.t-social{
	list-style: none;
	padding: 0;
	text-align: center;
	padding: 10px 0;
}

.t-social li{
	display: inline-block;
}

.t-social li a{
	width: 35px;
	height: 35px; 
	line-height: 35px;
	background: #1BCD1A;
	display: inline-block;
	text-align: center;
	color: #fff;
}

.t-social li a:hover{
	background: #3BA23C;
}

.team-contact{
	padding: 0 20px;
}

.t-phone i{
	margin: 0 5px 0 0;
	font-size: 16px;
}


.headings{
	text-align: center;
	margin: 0 0 70px 0;
}

.headings h3{
	font-size: 32px;
	position: relative;
	text-transform: capitalize;
	color: #545252;
}

.headings h3 span{
	color: #1BCD1A;
}

.headings h3:before{
	background: #1BCD1A;
	bottom: -15px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 70px;
	right: 0;
	margin: auto;
}



.why-us{
	padding: 50px 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	background-image: url(../images/why_Yellow_background.jpg);
}

.why-us:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(255,255,255,0.8)
}

.why-us .container{
	position: relative;
}

.why-card{
	width: 250px;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 47px;
	text-align: center;
	margin: 0 auto 40px auto;
	position: relative;	
	border: 20px solid rgba(207,175,78,0.5);
}

.why-card strong{
	font-size: 28px;
	text-transform: capitalize;
	display: block;
	color: #555;
	line-height: 38px;
}

.why-card i{
	position: absolute;
	top: -50px;
	font-size: 30px;
	left: 50%;
	width: 70px;
	height: 70px;
	background: #c29957;
	line-height: 70px;
	color: #fff;
	box-shadow: rgba(0, 0, 0, .2) 0 -25px 18px -14px inset, rgba(0, 0, 0, .15) 0 1px 2px, rgba(0, 0, 0, .15) 0 2px 4px, rgba(0, 0, 0, .15) 0 4px 8px, rgba(0, 0, 0, .15) 0 8px 16px, rgba(0, 0, 0, .15) 0 16px 32px;
	transform: translateX(-50%);
	color: #fff;
}

/*assocaition slider*/

.associatn{
	padding: 50px 0;
}

.associatn .container{
	width: 100%;
	max-width: 100%;
}

.asso-card{
	margin: 30px;
	border: 2px solid #eee;
}


/*footer*/

footer{
	padding: 30px 0 0 0;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

footer:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,0.8);
}

footer .container{
	position: relative;
}

.foot-wrap .logo-wrap{
	margin: 0 0 20px 0;
}

footer .socio-bar li a i{
	width: 35px;
	height: 35px;
	line-height: 29px;
	font-size: 16px;
	position: relative;
}

.foot-wrap h4{
	text-transform: capitalize;
	position: relative;
	color: #fff;
	margin: 0 0 40px 0;
	padding: 0 0 10px 0;
	font-size: 20px;
}

.foot-wrap h4:before{
	content: "";
	position: absolute;
	width: 40px;
	height: 2px;
	bottom: -10px;
	background: #eee;
	left: 30px;
}

.foot-wrap h4:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 20px;
	height: 15px;
	background-image: url(../images/open-book.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.foot-wrap ul{
	list-style: none;
	padding: 0;
}

.foot-wrap ul li{
	padding: 0 0 0 30px;
	position: relative;
	width: 49%;
	margin: 0 0 15px 0;
	display: inline-block;
}

.foot-wrap ul.foot-list li:before{
	content: "\f30b";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	color: #c29957;
	font-size: 14px;
}

.foot-wrap .foot-list li a{
	text-transform: capitalize;
	font-size: 16px;
	color: #eee;
	font-weight: 300;
}

.foot-wrap .foot-list li i{
	width: 30px;
	text-align: center;
	color: #c29957;
}

.foot-wrap .foot-list li a:hover{
	color: #c29957;
}


footer .socio-bar{
	text-align: center;
	padding: 0;
}

footer .socio-bar li{
	padding: 0;
}

footer .socio-bar li a i:after{
	content: "";
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	border-radius: 50%;
	border: 1px solid #eee;
}

footer .socio-bar li a i:hover{
	border-color: #1BCD1A;
}

footer .social-bar{
	text-align: center;
	padding: 0;
}

footer .social-bar li{
	padding: 0;
}

footer .logo-wrap img{
	max-width: 300px
}

.foot-mid{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0;
	border-top: 1px solid rgba(207,175,78,0.3)
}

.foot-contact li a{
	color: #eee;
}

.foot-contact {
	display: flex;
	margin: 0;
}

.foot-contact li{
	margin: 0 10px;
}

.foot-contact li a i{
	margin: 0 5px 0 0;
}

.foot-contact li a:hover{
	color: #c29957;
}

.copy-r{
	padding: 20px 0;
	color: #fff;
	text-align: center;
	font-size: 14px;
	position: relative;
	background: #1B1F29;
	border-top: 1px solid #2A2F3D;
}

.copy-r a{
	color: #c29957; 
}

.copy-contn{
	display: flex;
	justify-content: space-between;
}

.scrollTop {
	position: fixed;
	right: 4%;
	bottom: 10px;
	opacity: 0;
	transition: all 0.4s ease-in-out 0s;
	z-index: 9;
	color: #fff;
}

.scrollTop:hover {
	bottom: 15px;
}

.scrollTop i {
	color: #fff;
	background-color: #c29957;
	height: 40px;
	line-height: 40px;
	width: 40px;
	text-align: center;
	border-radius: 5px;
	transition: 0.4s ease-in-out;
	border-radius: 10px;
}


/*inner page about us*/


.page-banner{
	padding: 140px 0 100px 0;
	text-align: center;
	background-image: url(../images/banner-bg.jpg);
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
}

.page-banner:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.8);
}

.page-banner .container{
	position: relative;
}

.banr-wrap h2{
	color: #fff;
	text-transform: capitalize;
	font-size: 38px;
	font-weight: 500;
}

.about-wrap{
	padding: 50px 0;
}

.about-contn h3{
	color: #c29957;
	font-size: 34px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}

.about-contn h3 small{
	display: block;
	text-transform: capitalize;
	margin: 0 0 10px 0;
	color: #888;
	font-size: 20px;
}

.about-wrap .img-wrap{
	text-align: center;
}

.about-contn p{
	font-size: 18px;
	line-height: 34px;
}

/*mission page*/


.misn-wrap h3{
	border-bottom: 1px solid #eee;
}

.misn-wrap .about-contn p{
	margin: 0 0 20px 0;
}

.misn-wrap .img-wrap{
	margin: 0 0 20px 0;
}

.mission-card{
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.mission-card li{
	padding: 0 0 0 30px;
	margin: 0 0 20px 0;
	position: relative;color: #333
}

.mission-card li:before{
	content: "\f101";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	left: 0;
	color: #c29957;
	font-weight: 900;
}

/*career page*/

.career-wrap{
	padding: 50px 0;
}

.faq-body{
	padding: 50px 0;
	background-image: url(../images/serv-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
}

.faq-body .container{
	position: relative;
}

.faq-body .mb-0 > a {
	display: block;
	position: relative;
	font-size: 18px;
	color: #fff;
}

.faq-body .mb-0 > a:after {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: 0;
	font-weight: 600;
	color: #Fff;
}

.faq-body .card-header{
	background: #c29957;
	border:none;
	border-bottom: 1px solid #fff;
	padding: 15px;
	color: #fff;
}

.faq-body .mb-0 > a[aria-expanded="true"]:after {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
}

.faq-body .card-body{
	color: #7e7e7e;
	font-size: 18px;
	line-height: 26px;
}

.faq-body  .card{
	border: none;
}

#career-form .r-form:before{
	display: none;
}

#career-form .r-form{
	background: none;
	padding: 10px 0;
}



/*parts page*/

.parts-search{
	background: #3BA23C;
	text-align: center;
}

.srch-wrap{
	display: flex;
	padding: 20px 0;
	max-width: 800px;
	margin: 0  auto;
}

.srch-wrap input{
	height: 50px;
	border-radius: 10px 0 0 10px;
}

.srch-wrap .btn{
	border-radius: 0 10px 10px 0;
	height: 50px;
	background-color: #c2fbd7;
	box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
	color: green;
	cursor: pointer;
	display: inline-block;
	font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
	padding: 7px 20px;
	text-align: center;
	text-decoration: none;
	transition: all 250ms;
	border: 0;
	font-size: 16px;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

.srch-wrap .btn:hover{
	border: 2px solid #000;
}

.srch-wrap .btn{
	display: flex;
	align-items: center;
}

.srch-wrap .btn i{
	margin: 0 5px 0 0 ;
}


.parts-shop{
	padding: 50px 0;
}

.parts-card{
	text-align: center;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 4px 30px rgba(1, 19, 60, 0.1);
	-moz-box-shadow: 0px 4px 30px rgba(1, 19, 60, 0.1);
	box-shadow: 0px 4px 30px rgba(1, 19, 60, 0.1);
	margin: 0 0 30px 0;
}

.parts-card .img-wrap figure{
	padding-top: 100%;
}

.parts-dtl{
	padding: 10px 10px 20px 10px;
	min-height: 205px;
}

.p-tag a{
	color: #888;
	font-size: 14px;
	text-transform: capitalize;
}

.p-name{
	padding: 10px 0;
}

.p-name a{
	font-size: 18px;
	text-transform: capitalize;
}

.p-name a:hover{
	color: #3BA23C;
}

.p-price{
	margin: 0 0 10px 0;
}

.p-price strong{
	color: #3BA23C;
}

.buy-prod a{
	background-color: #c2fbd7;
	border-radius: 100px;
	box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset,rgba(44, 187, 99, .15) 0 1px 2px,rgba(44, 187, 99, .15) 0 2px 4px,rgba(44, 187, 99, .15) 0 4px 8px,rgba(44, 187, 99, .15) 0 8px 16px,rgba(44, 187, 99, .15) 0 16px 32px;
	color: green;
	cursor: pointer;
	display: inline-block;
	font-family: CerebriSans-Regular,-apple-system,system-ui,Roboto,sans-serif;
	padding: 7px 20px;
	text-align: center;
	text-decoration: none;
	transition: all 250ms;
	border: 0;
	font-size: 16px;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

.buy-prod a:hover{
	box-shadow: rgba(44,187,99,.35) 0 -25px 18px -14px inset,rgba(44,187,99,.25) 0 1px 2px,rgba(44,187,99,.25) 0 2px 4px,rgba(44,187,99,.25) 0 4px 8px,rgba(44,187,99,.25) 0 8px 16px,rgba(44,187,99,.25) 0 16px 32px;
	transform: scale(1.05) rotate(-1deg);
}


/*product single page*/

.pdetail-wrap{
	padding: 50px 0;
}	

.prod-images {
	margin: 0 0 20px 0;
}

.prod-images .img-wrap{
	overflow:hidden;
	display:inline-block;
	border: 1px solid #e8e8e8;
	transition: all .5s ease;
	display: block;
	width: 100%;
	position: relative;
	height: 0;
	padding-top:100%;
	background: rgba(255,255,255,0.3);
}

.prod-images .img-wrap img{
	position: absolute;
	display: block;
	max-width: 100%;
	max-height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: 0.4s ease-in-out;
}

.prod-images .img-wrap:hover img{
	transform: scale(1.5,1.5);
}

.prod-images .carousel-indicators li{
	width:50px;
	height:50px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #000\9;
	background-color: rgba(0,0,0,0);
	border: 1px solid #fff;
	border-radius: 10px;
	cursor:pointer;
}
.prod-images .carousel-indicators li , .prod-img .carousel-indicators li.active  {
	width: 50px;
	height: 50px;
	border: 0;
	background: none;
	border-radius: 0;
	margin: 0 5px;
	cursor: default;
	text-indent: 0;
	letter-spacing: 0;
	position:relative;
	cursor:pointer;
	border:2px solid transparent;
	text-align:center;
}

.prod-images .carousel-indicators li.active  {
	border:2px solid #3BA23C;
}

.prod-images .carousel-indicators li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.prod-images .carousel-indicators {
	position: initial;
	width: auto;
	margin: 0 -5px;
	letter-spacing: -5px;
	bottom:20px;
	margin-top:20px;
}

.prod-images .carousel-indicators li.active:after{
	position:absolute;
	content:'';
	top:0;
	left:0;
	right:0;
	bottom:0;
}

/*product price and post details*/

.detail-top{
	margin: 0 0 20px 0;
}

.prod-posted{
	display: flex;
	justify-content: flex-start;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 5px 0;
	margin: 0 0 15px 0;
	align-items: center;
}

.p-views{
	color: #777;
	font-size: 12px;
	margin: 0 10px 0 0;
}

.p-views i, .p-date i{
	margin: 0 3px 0 0;
}

.p-date{
	color: #777;
	font-size: 12px;
	margin: 0 10px 0 0;
	text-transform: capitalize;
}

.p-price{
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	align-items: center;
	margin: 0 0 10px 0;
	justify-content: center;
}

.p-price .price{
	font-size: 20px;
	color: #10112f;
}

.p-price .price span{
	color: #3BA23C;
}

.p-price .price-fc {
	font-size: 20px;
	color: #10112f;
}

.p-price .price-mp {
	font-size: 20px;
	color: #10112f;
}

.p-price .p-condition{
	font-size: 12px;
	color: #ed1e24;
}

/*product description*/

.prod-single{
	padding: 30px 0;
}

.product-info h2{
	font-size: 24px;
	color: #10112f;
}

.prod-description strong{
	font-size: 16px;
	background:  #3BA23C;
	padding: 5px 10px;
	margin: 0 0 5px 0;
	display: block;
	color: #fff;
	border-radius: 5px;
}

.des-box{
	padding: 20px;
	background: #f1f1f1;
	border-radius: 10px;
	margin: 0 0 15px 0;
}

.des-box p{
	font-size: 14px;
	line-height: 20px;
}

/*product specification*/

.prodct-spec h3{
	font-size: 16px;
	color:  #fff;
	margin: 0 0 10px 0;
	display: block;
	background:  #3BA23C;
	padding: 5px 10px;
	border-radius: 5px;
}

.prodct-spec ul{
	padding: 20px;
	list-style: none;
	background: #f1f1f1;
	border-radius: 10px;
}

.spec-wrap{
	display: flex;
	justify-content: space-between;
	line-height: 40px;
}

.spec-wrap .label span{
	font-size: 14px;
	font-weight: 600;
	color: #777;
}

.spec-wrap .label{
	min-width: 150px;
	width: 30%;
}

.spec-wrap .label_desc{
	width: 68%;
	word-break: break-all;
}

.spec-wrap .label_desc span{
	font-size: 14px;
	color: #777;
}

.pdetail-wrap .r-form{
	padding: 0;
	background: none;
}

.pdetail-wrap .r-form:before{
	display: none;
}

.pdetail-wrap .r-form > strong{
	padding: 5px 10px;
	background: #3BA23C;
	color: #fff;
	border-radius: 5px;
}


/*buy pictures page*/

.pictures-wrap{
	padding: 30px 0;
}

.picture-card .img-wrap figure{
	padding-top: 100%;
}

.picture-card figure:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 100%;
	top: 0;
	background: rgba(207,175,78,0.5);
	z-index: 1;
	transition: 0.4s ease-in-out;
}

.picture-card:hover figure:before{
	bottom: 0;
}

.picture-card{
	position: relative;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.pic-dtls{
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: -60px;
	text-align: center;
	transition: 0.4s ease-in-out;
}

.picture-card:hover .pic-dtls{
	bottom: 40px;
}

.pic-dtls a{
	margin: 0 5px;
}





.service-form{
	padding: 50px 0;
	background-image: url(../images/whyus-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: relative;
}

.service-form:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
}

.service-form .container{
	position: relative;
}

.service-form h4{
	color: #fff;
	text-transform: capitalize;
}

.quot-form form .form-control, .quot-form form .form-select{
	background: rgba(255, 255, 255, 0.7);
	min-height: 50px;
	margin: 0 0 10px 0;
	color: #111;
	border-radius: 0;
}

.quot-form form input::placeholder{
	color: #545252;
}

.quot-form form textarea::placeholder{
	color: #545252;
}

.quot-form form .btn{
	display: block;
	height: 50px;
	border-radius: 0;
	width: 100%;
	background: #F26A21;
	border: none;
	font-size: 20px;
	text-transform: uppercase;
	transition: 0.4s ease-in-out;
}

.quot-form form .btn:hover{
	background: rgba(84,82,82,1);
}

.pagination{
	justify-content: center;
}

.pgnation .page-item.active .page-link{
	background-color: #c29957;
	border-color: #c29957;
	color: #fff;
}

.pgnation .page-item .page-link{
	color: #1B2B69;
}


.inner-pg .container{
	position: relative;
}	



.inner-pg {
	padding: 50px 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.inner-pg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.8);
}

#single-prod{
	display: flex;
}

#single-prod .carousel-indicators{
	display: flex;
	flex-direction: column;
	padding: 10px;
	justify-content: flex-start;
	margin: 0;
}


.prod-dtl .prc span{
	color: #c29957;
	font-size: 28px;
	font-weight: 500;
	height: 22px;
	line-height: 22px;
	margin: 20px 0 10px 0 ;
	display: inline-block;
}

.prod-dtl h2{
	font-weight: 600;
	font-size: 26px;
	text-transform: uppercase;
	color: #111;
}

.inner-pg .add-cart{
	margin:0 20px 10px 0;
	display:inline-block;
}

.inner-pg .wish-l{
	margin:10px 0px ;
	display:inline-block;
}

.cat-sec {
	border-top: 2px solid rgba(109,72,51,0.1);
}


.prod-dtl .cat-sec ul{
	padding:0;
	list-style:none;
}

.prod-dtl .cat-sec li a{
	transition: 0.4s;
	margin: 0 5px;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #555;
}

.prod-dtl .cat-sec li a i{
	margin: 0 5px 0 0;
	color: #c29957;
}

.prod-dtl .cat-sec li a:hover{
	color:111;
}

.prod-dtl .cat-sec li span{
	color:#777777;
	font-weight:bold;
	margin-right:10px;
}
.prod-dtl .cat-sec li{
	padding:10px 0px;
	border-bottom:1px solid #e8e8e8;
}

.share{
	margin-top:50px;
}

.share ul li{
	display:inline-block;
}

.share ul li span{
	color:#777777;
	font-weight:bold;
	margin-right:10px;
}

.prod-dtl form{
	padding: 30px 0;
}

.prod-dtl form select{
	border: 1px solid #333366;
}

.prod-info{
	margin: 0 0 20px 0;
}

.prod-info p{
	font-weight: 400;
	color: #303030;
	font-size: 16px
}

.prod-dtl .prc {
	border-top: 1px solid #eee;
	margin: 0 0 10px 0;
}

.prod-qntity .input-group-btn .btn{
	background: #111;
	color: #fff;
	background-image: radial-gradient(100% 100% at 100% 0, #fff 0, #000 100%);
}

.prod-qntity .input-group-btn .btn span{
	font-size: 12px;
}

.prod-qntity .input-group-btn .btn:focus{
	box-shadow: none;
}

.prod-qntity .input-group-btn #down{
	border-radius: 6px 0 0 6px;
}

.prod-qntity .input-group-btn #up{
	border-radius: 0 6px 6px 0;
}

.prod-qntity .input-group{
	width: 130px;
}

.prod-qntity{
	margin: 0 0 20px 0;
}

.prod-img{
	max-width: 500px;
	margin: 0 auto 20px auto;
}

/*cart page*/

.cart-sec .table{
	color:#555;
}
.cart-sec .table tbody .name{
	font-weight:500;
	color:#c29957;
}
.cart-sec .table tbody .des{
	font-size:14px;
	color:#555
}
.cart-sec .table tbody .totl-p{
	font-size:20px;
	font-weight:500;
}

.btn-sec ul{
	padding:0;
	list-style:none;
	text-align:right;
}
.btn-sec ul li{
	display:inline-block;
	margin:5px;
}


.cart-sec{
	padding: 30px 0;
}



/*contact us page*/

.contace-body{
	padding: 40px 0;
	background: #f7eed3;
	position: relative;
}

.contact-dtl h3{
	color: #111;
}

.contact-dtl p{
	color: #7e7e7e;
	font-size: 14px;
	line-height: 28px;
}

.contact-num{
	list-style: none;
	margin: 50px 0;
}

.contact-num li{
	margin: 0 0 30px 0;
	font-size: 22px;
	font-weight: 500;
	color: #111;
	display: flex;
	align-items: center;
}

.contact-num li a{
	font-size: 22px;
	font-weight: 500;

}

.contact-num li i{
	width: 60px;
	line-height: 60px;
	height: 60px;
	background: #c29957;
	text-align: center;
	color: #fff;
	margin: 0 10px 0 0;
	font-size: 20px;
	border-left: 4px solid #111;
	border-top: 4px solid #111;
	border-radius: 50%;
}

.contact-form{
	padding: 50px;
	background: #c29957;
}

.contact-form > strong{
	font-size: 22px;
	text-transform: capitalize;
	margin: 0 0 15px 0;
	display: block;
}

.contact-form .form-control{
	height: 50px;
	border-radius: 0;
	margin: 0 0 20px 0;
}

.contact-form .form-group{
	margin: 0 0 30px 0;
}

.contact-form .btn{
	display: inline-block;
	color: #fff;
	padding: 10px 40px;
	font-size: 16px;
	text-transform: uppercase;
	transition: 0.4s ease;
	background-color: #111;
	border-radius: 10px;
	border: none;
}

.contact-form .btn:hover{
	background-color: #5a5959; 
}

.map-wrap{
	height: 100%;
}

#quick-q .r-form{
	background: none;
	padding: 20px 0;
}

#quick-q .r-form:before{
	display: none;
}

#quick-q .modal-header{
	border-color: #3BA23C;
}


/*blogs*/

.blogs{
	padding: 80px 0;
	background: #f3f4f9;
}

.blog-wrap {
	box-shadow: 0 2px 23px 0 rgb(0 0 0 / 10%);
    background: #fff;
}

.blog-wrap .img-wrap {
	margin: 0 0 20px 0;
}

.blog-contn {
	padding: 0 20px 20px 20px;
}

.blog-contn .tags a {
	color: #c29957;
}

.blog-contn h6{
	position: relative;
	margin: 0 0 20px 0
}

.blog-contn h6:before{
	content: "";
	left: 0;
	bottom: -10px;
	width: 50px;
	height: 2px;
	background: #c29957;
	position: absolute;
}

.blog-contn h6 a{
	font-weight: 600;
	font-size: 22px;
}

.blog-contn h6 a:hover{
	color: #c29957;
}

.blog-contn p{
	font-size: 14px;
	color: #333;
	line-height: 30px;
	margin: 0 0 20px 0;
}

.post-time{
	font-size: 12px;
	color: #555;
	margin: 0 0 5px 0;
}

.post-time i{
	color: #c29957;
	margin: 0 5px 0 0;
}

.read-m{
	display: inline-block;
	color: #1B2B69;
}

/*resume page*/

.rs-body{
    padding: 50px 0;
}

.rs-contn p{
    font-size: 16px;
    margin: 0 0 20px 0;
}

.rs-upload h4{
    padding: 10px;
    background: #000002;
    color: #c29957;
    text-transform: capitalize;
    position: relative;
    margin: 0 0 20px 0;
    border-radius: 5px;
}

.rs-upload h4:before{
    content: "";
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 3px;
    top: 3px;
    border: 1px solid #c29957;
    border-radius: 5px;
}

.rs-upload a{
        align-items: center;
    appearance: none;
    background-image: radial-gradient(100% 100% at 100% 0, #f1dda4 0, #c29957 100%);
    border: 0;
    border-radius: 6px;
    box-shadow: rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, rgba(58, 65, 111, .5) 0 -3px 0 inset;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 16px;
    text-transform: capitalize;
}

.rs-upload{
    border: 2px solid #eee;
    padding: 15px;
    border-radius: 5px;
    background: rgba(194, 153, 87, 0.2)
}

.rs-upload a:hover{
        box-shadow: rgba(0, 0, 0, .4) 0 4px 8px, rgba(0, 0, 0, .3) 0 7px 13px -3px, #c29957 0 -3px 0 inset;
    transform: translateY(-2px);
}

.rs-create > span{
    display: inline-block;
    margin: 0 0 0 5px;
    background:#008000;
    padding: 5px;
    color: #fff;
    text-transform: capitalize;
    font-size: 18px;border-radius: 5px
}

.rs-create > span small{
    margin: 0 5px 0 0;
    font-size: 12px
}

.rs-img{
	margin: 0 0 20px 0;
}

.rs-table{
    padding:0 0 50px 0;
}

.rs-table table th, .rs-table table td{
    text-transform: capitalize;
}

.rs-table .rs-more{
    padding: 5px;
    background: #c29957;
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
    border-radius: 3px;
}

.rs-table .rs-more:hover{
    background: #000002;
}

/*business advertise page*/

.ba-card{
    display: flex;
    align-items: center;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e5e5e5;
}

.ba-card .ba-img{
    margin: 0 20px 0 0;
}

.ba-card .imgp-wrap{
    background: #111;
    border-radius: 50%;
}

.ba-card .imgp-wrap figure{
    padding-top: 100%;
    width: 150px;
}

.ba-head{
    border-bottom: 2px solid #888;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.ba-head h3{
    text-transform: capitalize;
    margin: 0 0 5px 0;
    color: #c29957;
}

.ba-head small{
    color: #000002;
    font-size: 16px;
}

.ba-contn{
    padding: 0 15px 0 0;
}

.ba-dtl a{
    display: inline-block;
    background: #c29957;
    padding: 10px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 5px;
    font-size: 14px
}

.ba-dtl a:hover{
    background: #000002;
}

/*register page*/

.register-sec{
    padding: 50px 0;
    background: rgba(194,153,87,0.2)
}

.register-sec .form-wrap {
	border: 1px solid #c29957;
	padding: 30px;
    background: #fff;
}

.register-sec .form-wrap h4 {
	display: block;
	font-size: 14px;
	text-transform: capitalize;
}

.register-sec .form-control {
	margin: 0 0 20px 0;
	font-size: 15px;
	border-color: #ececec;
	line-height: 35px;
	background: #f5f5f5;
}

.register-sec .btn{
	padding: 0px 23px;
	font-size: 14px;
	border-radius: 0;
	line-height: 46px;
	font-weight: 500;
	background: #c29957;
	transition: 0.4s ease-in-out;
    border: none;
    text-transform: uppercase;
}

.register-sec .btn:hover{
	background: rgba(194,153,87,0.5);
}

.prop-des h4{
	font-size: 20px;
}

.prop-summary h4{
	font-size: 20px;
}

.register-sec h4{
	font-size: 20px;
}
/*j manage page*/

.mng-body .container{
    max-width: 100%;
}

.mng-profile{
    margin: 5px;
    border: 1px solid #eee;
    padding: 10px;
    text-transform: capitalize;
}

.mng-profile strong small{
    display: block;
    font-size: 12px;
}

.mng-menu{
        height: 100%;
    background: #c29957;
    margin: 5px;
}

.mng-menu ul{
    padding: 0;

}

.mng-menu ul li{
    list-style: none;
}

.mng-menu ul li a{
    display: block;
    color: #fff;
    padding: 10px;
    border-bottom: 1px solid #e9e9e9;
    transition: 0.4s ease-in-out;
}

.mng-menu ul li:last-of-type a{
    border: none;
}

.mng-menu ul li.active a, .mng-menu ul li a:hover{
    background-image: radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, 0.23) 0%, transparent 86.18%), radial-gradient(66% 87% at 26% 20%, rgba(255, 255, 255, 0.41) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%);
    background-color: #000
}

.mng-right{
    padding: 10px;
}

.mng-topic{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.mng-topic h2{
    font-size: 24px;
}

.mng-add a{
    text-transform: capitalize;
    background: green;
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
}

.mng-add a i{
    margin: 0 3px 0 0 ;
}

.mng-right .rs-table{
    padding: 10px;
    border: 1px solid #eee;
    border-top: 3px solid #000;
}

.rs-dlt{
       padding: 5px;
    background: #D12129;
    color: #fff;
    font-size: 12px;
    text-transform: capitalize;
    border-radius: 3px;
    margin: 3px;
    display: inline-block;

}

.rs-dlt:hover{
    background: #000;
    color: #fff;
}

#j-mng .r-form{
    padding: 0;
}

#j-mng .r-form:before{
    display: none;
}

#j-mng .r-form form .form-control{
    height: 40px;
}

#j-mng .r-form form h4{
    font-size: 14px;
    text-transform: capitalize;
}
#payment-mng .r-form{
    padding: 0;
}

#payment-mng .r-form:before{
    display: none;
}

#payment-mng .r-form form .form-control{
    height: 40px;
}

#payment-mng .r-form form h4{
    font-size: 14px;
    text-transform: capitalize;
}