header.bar-header-wrap .sticky{
	background-color: #181818;
}
.bar-header-wrap{
	top: 0;
}
.bar-header-wrap .main-header{
	background: transparent;
}
header.bar-header-wrap .main-header .menu-area nav ul li a{
	color: #ffffff;
}
header.bar-header-wrap .main-header .menu-area nav ul li.drop-menu .down-menu{
	background: #cf9c67 none repeat scroll 0 0;
}
header.bar-header-wrap .main-header .menu-area nav ul li.drop-menu .down-menu li a{
	background: #cf9c67 none repeat scroll 0 0;
}
header.bar-header-wrap .main-header .menu-area nav ul li.menu-btn li .cart-top .cart-btn span{
	bottom: auto;
}
header.bar-header-wrap .main-header .menu-area nav ul li.drop-menu .down-menu li{
	overflow: hidden;
}
header.bar-header-wrap .main-header .menu-area nav ul li.drop-menu .down-menu li a{
	transition: all 0.5s;
}
header.bar-header-wrap .main-header .menu-area nav ul li.drop-menu .down-menu li a:hover{
	transform: translateX(15px);
	color: #ffffff;
}


/* sidebar */
.side-area{
	position: absolute;
    top: 0;
    height: 100%;
    width: 100px;
    background: #cf9b67;
    z-index: 99999;
}
.side-area svg{
	width: 30px;
	fill: #ffffff;
}
.side-toggle{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}
.side-area ul{
	height: 90%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    align-items: center;
    justify-content: center;
}
.side-area ul svg{
	width: 20px;
	height: 25px;
}
.side-area  p.follow{
    font-size: 20px;
    transform: rotate(-90deg);
    color: #ffffff;
    position: absolute;
    bottom: 20%;
}
.side-area p.follow:before{
	content: '';
    position: absolute;
    width: 75px;
    height: 1px;
    background: white;
    top: 50%;
    right: -85px;
}

.cate-sidebar{
	position: absolute;
    width: 600px;
    height: 100%;
    background: #333333;
    top: 0;
	padding: 40px;
	z-index: 99;
	display: flex;
    flex-direction: column;
    justify-content: center;
	transition: all 0.5s;
	left: -600px;
}
.cate-sidebar ul{
	flex-direction: row;
	column-gap: 30px;
	margin-top: 40px;
}
.cate-sidebar ul img{
	max-height: 150px;
}
.cate-sidebar p{ 
	font-size: 20px;
	color: #ffffff;
	text-align: center;
}
.cate-sidebar h4{ 
	font-size: 34px;
	color: #ffffff;
	text-align: center;
	margin: 40px 0 15px;
	font-weight: 500;
}
.cate-sidebar a{
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	display: block;
}
.cross{
	position: absolute;
    top: 25px;
    right: 30px;
}
.cate-sidebar.main{
	left: 0;
}






.banner-slider{
	position: relative;
}
.banner-slider .carousel-item{
	background-image: url('images/home2/banner-slider.png');
	padding: 290px 0;
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
}
.item p{
	font-size: 35px;
	color: #ffffff;
}
.item h1{
	font-size: 70px;
	font-weight: 700;
	color: #ffffff;
}
.item h1 span{
	color: #cf9b67;
}
.item h1 span .cont{
	margin-top: -60px;
}

.item .cont{
	margin-top: -60px;
}
.item .text-img{
	position: relative;
}
.item .text-img:before{
	content: '';
	background-image: url('../images/home2/header-leaf.html');
	background-repeat: no-repeat;
	background-position: center;
	width: 120px;
	position: absolute;
	left: 0;
	top: -110px;
	height: 100px;
}
.main-btn{
	min-width: 160px;
	height: 50px;
	display: inline-block;
	border-radius: 50px;
	background-color: #cf9b67;
	color: #ffffff;
	transition: all 0.5s;
	text-transform: uppercase;
	line-height: 50px;
	text-align: center;
	border-top-left-radius: 0;
	font-weight: 600;
}
.main-btn:hover{
	border-bottom-right-radius: 0;
	color: #ffffff;
}
.banner-slider .carousel-control-prev span,.banner-slider .carousel-control-next span{
	width: 20px;

}
.banner-slider .carousel-control-prev span svg,.banner-slider .carousel-control-next span svg{
	fill: #ffffff;
	transition: all 0.5s;
}
.carousel-control-next, .carousel-control-prev{
	height: 50px;
	width: 50px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 1;
}
.carousel-control-next:hover span svg, .carousel-control-prev:hover span svg{
	fill: #cf9b67;
}
.carousel-control-prev{
	top: 48%;
}
.carousel-control-next{
	top: 54%;
}
.carousel-control-prev{
	right: 60px;
	left: auto;
}
.carousel-control-next{
	right: 60px;
}

/* category section css */
.cate-main-wrap {
	padding: 100px 0;
}
.cate-main-wrap ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 30px;
}
.cate-main-wrap ul li{
	position: relative;
}
.cat img {
	width: 100%;
	height: 100%;
	transition: width linear 0.5s, height linear 0.5s, margin linear 0.5s, transform linear 0.8s;
  }
  
  .cat:hover img {
	width: 150%;
	height: 150%;
	align-self: center;	
	transform: scale(1.3);
  }
  
  .catOverlay {
	position: relative;
	display: block;
	overflow: hidden;
  }


  
  .catOverlay:before{
	position: absolute;
	top: 0;
	left: 0;
	height: 10%;
	width: 10%;
	opacity: 0;
	content: "";
	transition: background-color linear 0.5s, height linear 0.5s, width linear 0.5s, opacity linear 0.5s;
	z-index: 9;
  }
  .catOverlay:hover:before{
	opacity: .6;
	background-color: #181818;
	height: 100%;
	width: 100%;
  }
  .catOverlay:after{
	position: absolute;
	bottom: 0;
	right: 0;
	height: 10%;
	width: 10%;
	opacity: 0;
	content: "";
	 transition: background-color linear 0.5s, height linear 0.5s, width linear 0.5s, opacity linear 0.5s;
  }
  .catOverlay:hover:after{
	opacity: .6;
	background-color: #181818;
	height: 100%;
	width: 100%;
  }
  .catTitle {
	position: absolute;
	display: block;
	color: #FFFFFF;
	text-shadow: 5px 5px 10px black;
	left: 50%;
	height: auto;
	z-index: 2;
	transform: translate(-50%, -50%) scale(0);
	top: 50%;
	font-size: 30px;
	transition: all 0.5s ease-in-out;
	z-index: 10;
  }
  .catOverlay:hover .catTitle{
	transform: translate(-50%, -50%) scale(1);
	box-shadow: 2px 0 57px rgba(0,0,0, 0.11);
  }
  .common-heading{
	padding-bottom: 60px;
  }
  .common-heading h2{
	font-size: 60px;
	color: #181818;
	font-weight: 600;
	margin-bottom:10px;
  }
  .common-heading p{
	font-size: 25px;
	font-weight: 500;
	color: #cf9b67;
	padding-bottom: 30px;
	position: relative;
  }
  .common-heading p:before{
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	background-color: #292929;
	height: 1px;
	bottom: 0;
  }

  .product-main-wrap .img{
	height: 370px;
	position: relative;
	border: 1px solid #e1e1e1;
  }
  .product-main-wrap .img img{
	height: 100%;
  }
  .product-main-wrap .img svg{
	width: 25px;
  }
  .product-main-wrap .row{
	row-gap: 22px;
  }
  .product-main-wrap .img a{
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #FFFFFF;
	position: absolute;
	bottom: 20px;
	right: 20px;
	text-align: center;
	line-height: 50px;
	opacity: 0;
  }
  .product-main-wrap .img::before{
	content: '';
    position: absolute;
    width: 94%;
    height: 88%;
    background: rgb(255 255 255 / 20%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
	transition: all 0.5s;
  }
  .product-main-wrap .img:hover::before{
	transform: translate(-50%, -50%) scale(1);
  }
  .pd-heading{
	font-size: 30px;
	position: absolute;
	left: -50px;
	top: 50%;
	transform: translateY(-50%);
	color: #ffffff;
	transform: translateY(-50%) rotate(-90deg);
  }
  .product-main-wrap .img:hover a{
	background-color: #cf9b67;
	opacity: 1;
  }
  .product-main-wrap .img:hover a svg{
	fill: #ffffff;
  }


  .p-access-section{
	padding: 100px 0;
	background-image: url('images/home2/bg-image.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
  }
  .product-box{
	position: relative;
	overflow: hidden;
  }
  .product-box .product-img{
	position: relative;
  }
  .product-box .product-img img{
	width: 100%;
  }
  .prev-img{
	opacity: 1;
    text-align: center;
    transition: all .5s ease;
  }
  .hover-img{
	opacity: 0;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    transition: all .5s ease;
    transform: translate(-100px);
  }
  .product-box:hover  .hover-img{
	opacity: 1;
    transition: all .5s ease;
    transform: translate(0);
  }
  .product-box:hover  .prev-img{
	opacity: 0;
  }
  .product-img p{
	position:absolute;
	z-index: 2;
	background-color: #cf9b67;
	padding: 5px 20px 5px 36px;
	color: #ffffff;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 32% 100%);
	text-transform: uppercase;
	right: 0;
  }
  .product-box .product-img ul li svg{
	width: 20px;
	fill: #FFFFFF;
  }
  .product-box .product-img ul {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: 9;
	column-gap: 10px;
  }
  .product-box .product-img ul li a{
	background-color: #cf9b67;
    position: relative;
    z-index: 1;
    height: 40px;
    width: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
  }
  .product-box:hover .product-img ul{
	opacity: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .product-box:hover .product-img ul li:first-child{
	-webkit-animation: fadeInUp 400ms ease-in-out;
    animation: fadeInUp 400ms ease-in-out;
  }
  .product-box:hover .product-img ul li:nth-child(2){
	-webkit-animation: fadeInUp 600ms ease-in-out;
    animation: fadeInUp 600ms ease-in-out;
  }
  .product-box:hover .product-img ul li:nth-child(3){
	-webkit-animation: fadeInUp 800ms ease-in-out;
    animation: fadeInUp 800ms ease-in-out;
  }
  @keyframes fadeInUp{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
  }
  .product-cont {
	text-align: center;
  }
  .product-cont h6{	
	font-size: 18px;
	margin: 15px 0 7px;

  }
  .product-cont h6 a{
	color: #181818;
  }
  strong{
	display: block;
	font-size: 20px;
	color: #cf9b67;
  }
  .product-box:hover h6 a{ 
	color: #cf9b67;
  }
  .product-box .btn4{
	background-color: transparent;
	border: 1px solid #e1e1e1;
  }
  .product-box .btn4::before, .product-box .btn4::after{
	background-color: #cf9b67;
  }
  .product-box .btn4 span{
	color: #181818;
  }
  .product-box .btn4:hover span{
	color: #ffffff;
  }

  .video-wrap{
	background-image: url('images/home2/video-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	height: 700px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  }
  .video-play-button {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	box-sizing: content-box;
	display: block;
	width: 32px;
	height: 30px;
	background: #ffffff;
	border-radius: 50%;
	padding: 18px 20px 18px 28px;
  }
  
  .video-play-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #ffffff;
	border-radius: 50%;
	animation: pulse-border 1500ms ease-out infinite;
  }
  
  .video-play-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #ffffff;
	border-radius: 50%;
	transition: all 200ms;
  }
  
  .video-play-button:hover:after {
	background-color: darken(#fa183d, 10%);
  }
  
  .video-play-button img {
	position: relative;
	z-index: 3;
	max-width: 100%;
	width: auto;
	height: auto;
  }
  .video-play-button span {
	display: block;
	position: relative;
	z-index: 3;
	width: 0;
	height: 0;
	border-left: 25px solid #cf9b67;
	  border-top: 15px solid transparent;
	  border-bottom: 15px solid transparent;
	border-radius: 5px;
  }
  @keyframes pulse-border {
	0% {
	  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	  opacity: 1;
	}
	100% {
	  transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
	  opacity: 0;
	}
  }
  .offer-main-wrapper{
	background-color: #fff6ec;
	padding: 100px 0;
  }
  .img-cont{
	text-align: end;
  }
  .img-cont h2{
	font-size: 60px;
	margin: 40px 0;
  }
  .img-cont h2 span{
	color: #cf9c67;
  }
  .offer-main-wrapper.side-leaf:before{
	transform: rotate(-100deg);
	left: 0;
	right: auto;
  }
  .offer-main-wrapper.side-leaf1:after{
	transform: rotate(-98deg);
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
  }


  /* testimonial wrapper */	

  .testi-main-wrap{
	padding: 100px 0;
	background-image: url('images/home2/testi-imge.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
  }
 
  .swiper.side-leaf:before{
	transform: rotate(-100deg);
	left: 0;
	right: auto;
  }
  .swiper.side-leaf1:after{
	transform: rotate(-98deg);
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
  }
  .testi-slider-wrap{
	position: relative;
  }
  
  .testi-slider-wrap:before{
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	width: 100%;
	height:100%;
	border: 5px solid #cf9b67;
	border-top: 0;
  }

  .testi-main-wrap .common-heading h2{
	color: #ffffff;
  }
  .testi-main-wrap .common-heading p:before{
	background-color: #ffffff;
  }
  .swiper {
	width: 100%;
	height: 100%;
  }

  .swiper-slide{
	padding: 80px 0;
  }

  .swiper-slide img{ 
	margin: 0 auto;
  }
  .swiper-slide h5{
	color: #ffffff;
	font-size: 20px;
	max-width: 340px;
	margin: 30px auto;
	line-height: 32px;
  }
  .swiper-slide p{
	color: #ffffff;
	font-size: 16px;
	max-width: 750px;
	margin: 0 auto;
  }
  .swiper-pagination{
	/* top: 0;
	font-size: 24px;
	color: #ffffff; */
  }
  .swiper-pagination-fraction{
	top: 0;
	bottom: auto;
	color: #ffffff;
	font-size: 24px;
  }
  .swiper-pagination-fraction:before{
	content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 45%;
    height: 100%;
	border-top: 5px solid #cf9b67;
  }
  .swiper-pagination-fraction:after{
	content: '';
    position: absolute;
    top: 12px;
    right: 0;
    width: 45%;
    height: 100%;
	border-top: 5px solid #cf9b67;
  }
  .swiper-button-prev:after{
	display: none;
  }
  .swiper-button-next:after{
	display: none;
  }
  .swiper-button-prev{
	left: 48%;
    bottom: 0;
    top: auto;
  }
  .swiper-button-next{
	left: 52%;
    bottom: 0;
    top: auto;
  }
  .swiper-button-prev svg{
	width: 30px;
	fill: #cf9b67;
  }
  .swiper-button-next svg{
	width: 30px;
	fill: #cf9b67;
  }

  .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
  }
  .swiper-button-prev.swiper-button-disabled svg{
	fill: #ffffff;
  }
  .swiper-button-next.swiper-button-disabled svg{
	fill: #ffffff;
  }

  /* blog section start */
  .blog-img a {
	position: relative;
	display: block;
	}
	.overlay {
		background-color: rgb(207 155 103 / 72%);
		color: #fff;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		top: 50%;
		left: 50%;
		overflow: hidden;
		position: absolute;
		text-align: center;
		transition: all 0.3s ease 0s;
		height: 90%;
		width: 90%;
		transform: translate(-50%, -50%) scale(0);
	}
	  .blog-box:hover .overlay {
		transform: translate(-50%, -50%) scale(1);
		}
  .blog-box{
	position: relative;
  }
  .blog-cont svg{
	width: 20px;
  }
  .blog-cont h4{
	font-size: 26px;
	margin: 15px 0;
  }
  .blog-cont ul{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	column-gap: 30px;
	flex-wrap: wrap;
	row-gap: 20px;
  }
	.blog-cont ul li span{
		font-size: 20px;
		color: #181818;
		vertical-align: bottom;
	}
	.blog-cont p{
		font-size: 16px;
		margin-top: 10px;
	}
	.blog-box .blog-cont h4 a{
		color: #181818;
	}
	.blog-box:hover .blog-cont h4 a{
		color: #cf9b67;
	}
	.gallery-wrapper{
		padding: 100px 0;
	}
	.gallery-wrap{
		display: flex;
		align-items: center;
		justify-content: start;
		column-gap: 15px;
	}
	.gallery-list img {
		height: 270px;
		width: 395px;
	}
	.gallery-list{
		margin-bottom: 15px;
	}
	.gallery-list .overlay img{
		width: 40px;
		height: 40px;
	}
	.gallery-list:hover  .overlay{
		transform: translate(-50%, -50%) scale(1);
	}

.side-leaf{
	position: relative;
}
.side-leaf:before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background-image: url('../images/home2/get-shape.html');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 420px;
	height: 360px;
}
.side-leaf1:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url('../images/home2/get-shape2.html');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 420px;
	height: 360px;
}

.footer2{
	background-color: #cf9b67;
	background-image: none;
	padding: 0 100px 0;
}
footer.footer2 .footer-top .foo-link ul li a span{
	opacity: 1;
}
footer.footer2 .footer-top  .footer-top .foo-about .content p{
	opacity: 1;
}
footer.footer2 .footer-top .offer .content p{
	max-width: 320px;
	opacity: 1;
}
footer.footer2 .footer-top .foo-link ul li a {
	transition: all 0.5s;
}
footer.footer2 .footer-top .foo-link ul li a {
	transition: all 0.5s;
} 
footer.footer2 .footer-top .foo-link ul li a:hover {
	transform: translateX(15px);
}
footer.footer2 .footer-top .foo-link ul li a:hover {
	transform: translateX(15px);
}
footer.footer2 .footer-top .foo-link ul li a:hover span{
	color:#ffffff;
}
footer.footer2  .footer-top .foo-link ul li a i{
	color: #ffffff;
}
footer.footer2  .footer-top .foo-about ul li a:hover{
	background-color: #b56f27;
}
footer.footer2  .footer-top .foo-about ul li a:after{
	background-color: #b56f27;
}
.content a svg{
	width: 20px;
	height: 20px;
	fill: #ffffff;
}
.content a{
	display: flex !important;
	align-items: flex-start;
	column-gap: 15px;
	color: #ffffff;
	margin-bottom: 10px;
}
.footer-bottm2{
	background-color: #c88c4f;
}
.brand-list{
	text-align: center;
}





@media (max-width:1366px){
	.common-heading h2{
		font-size: 40px;
	}
	.common-heading p{
		font-size: 18px;
    	padding-bottom: 15px;
	}
	.video-wrap{
		height: 600px;
	}
	.side-leaf:before{
		width: 200px;
		height: 170px;
	}
	.side-leaf1:after{
		width: 200px;
		height: 170px;
	}
	.side-area{
		width: 70px;
	}
	.side-area p.follow{
		font-size: 14px;
		bottom: 11%;
	}
	.cate-sidebar{
		width: 430px;
	}
	.banner-slider .carousel-item{
		padding: 170px 0;
	}
	.item .text-img img{
		width: 550px;
	}
	.item p {
		font-size: 32px;
	}
	.item h1{
		font-size: 42px;
	}
	.item{
		padding-left: 30px;
	}
}

@media (max-width:991px){
	.item .text-img img{
		width: 500px;
	}
	.item p {
		font-size: 30px;
	}
	.item h1{
		font-size: 40px;
	}
	.banner-slider .carousel-item{
		padding: 210px 0 100px;
	}
	.carousel-control-prev{
		top: 45%;
	}
	.img-cont img{
		width: 240px;
	}
	.img-cont h2 {
		font-size: 26px;
		margin: 20px 0;
	}
	.swiper-slide p{
		max-width: 530px;
		padding:0 25px;
	}
	.gallery-wrap{
		flex-wrap: wrap;
		justify-content: center;
	}
	.product-box,.blog-box{
		margin-bottom: 25px;
	}

}

@media (max-width:767px){
	.cate-main-wrap ul{
		flex-direction: column;
		row-gap: 25px;
	}
	.footer2 {
		padding: 0 15px 0;
	}
}
@media (max-width:580px){
	.item .text-img img {
		width: 250px;
	}
	.item h1 {
		font-size: 22px;
	}
	.item p {
		font-size: 20px;
	}	
	.carousel-control-prev, .carousel-control-next{
		right: 0;
	}
	.main-btn{
		min-width: 135px;
		height: 40px;
		line-height: 40px;
	}
	.common-heading {
		padding-bottom: 15px;
	}
	.common-heading h2 {
		font-size: 26px;
		margin-bottom: 3px;
	}
	.video-wrap {
		height: 230px;
	}
	.img-cont {
		text-align: center;
	}
	.swiper-pagination-fraction:before{
		width: 40%;
	}
	.swiper-pagination-fraction:after{
		width: 40%;
	}
	.swiper-button-prev{
		width: 15%;
	}
	.swiper-button-next{
		width: 40%;
	}
	.header-mobile{
	    display:block !important;
	}
	
}
.booking{
    margin-top: 35PX;
}
.color-header{
    color: #fff;
}

.header-div{
    margin-top: -8%;
    padding-left: 62%;
   
}

.header-mobile{
     display: none;
}