html{
	font-size: 62.5%;scroll-behavior: smooth;
}
a{
	text-decoration: none;
}
body{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}
.tp-header{
	background: url('images/footer-bg.jpg');padding: 0.5% 6% 0.5% 6%;
}
.tp-header-phone{
	font-size: 1.4rem;font-weight: 300;
}
.tp-header-mail{
	font-size: 1.4rem;font-weight: 300;
}
.logo-header{
	padding: 0.5% 6% 0.5% 6%;border-bottom: 1px solid #ebebeb;
}
.nav-menu{
	display: flex;justify-content: flex-end;align-items: center;
}
.nav-menu ul li{
	display: inline;margin-right:1.5vw;
}
.nav-menu ul li a{
	font-size: 1.6rem;color: #000;text-decoration: none;
}
.nav-menu ul li a:hover{
	color: #b72025;
}
.respo li.nav-item{
	border-bottom: 1px solid #ebebeb;
}
.respo li.nav-item a{
	font-size: 1.4rem;display:block;padding:10px;color: #000;
}
.respo li.nav-item a:hover{
	color: #fff;
	background:#b72025;
}

.footer{
	padding: 4% 7% 1% 7%;
	background: url('images/footer-bg.jpg');
	background-position: center;
}
.footer p{
	color: #fff;
	line-height: 1.7;font-size: 1.4rem;margin-top: 30px;text-align: justify;
}
.footer h2{
	font-size:2.8rem;color: #fff;font-family: 'Playfair Display', serif;
} 
.footer li{
	margin-top:18px;
}
.footer li{
	margin-top:10px;text-decoration: none;color: #fff;font-size: 1.4rem;line-height: 1.8;
}
.footer li a{
	text-decoration: none;color: #fff;font-size: 1.5rem;
}
.footer-menu{
	display: flex;align-items: center;justify-content: center;
}
.footer-menu ul li {
	display: inline;padding: 0px 15px 0px 15px;color: #fff;font-size: 1.2rem;
}
.footer-menu ul li:nth-child(1){
	border-right: 1px solid #787878;
}
.footer-menu ul li:nth-child(2){
	border-right: 1px solid #787878;
}
.footer-menu ul li:nth-child(3){
	border-right: 1px solid #787878;
}
.footer-menu ul li:nth-child(4){
	border-right: 1px solid #787878;
}
.footer-menu ul li:nth-child(5){
	border-right: 1px solid #787878;
}
.footer-menu ul li:nth-child(6){
}
.footer-menu ul li a{
	color: #fff;text-decoration: none;
}
.footer-copyright{
	color:#fff;font-size:1.4rem;letter-spacing: 1px;display: flex;justify-content: center;
}
.footer-social ul{
	margin-top: 20px;
}
.footer-social ul li{
	display: inline;margin-right: 15px;
}
.footer-social ul li a{
	font-size: 2rem;
}
.footer-menu-row{
	padding-top: 20px;
}

/*========================= INDEX ============================*/

.slider-overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	background:rgba(0.5, 0.5, 0.5, 0.5);
}
.sliderContent{
	position: absolute;top:50%;left:12%;transform: translateY(-50%);z-index: 11;
}
.sliderContent h1{
	z-index: 11;
	font-family: "Playfair Display";
	height: auto;
	color: rgb(255, 255, 255);
	white-space: normal;
	text-align: left;
	line-height:16vh;
	font-weight: 700;
	font-size:8vw;
}
.sliderContent p{
	font-size: 1.2vw;
	font-weight: 300;
	color: rgb(255, 255, 255);margin-top:20px;
}
.sliderContent a{
	padding:13px 50px;background: #000;color: #fff;
	text-decoration: none;font-size: 1.6rem;margin-top: 20px;
}
.about-index{
	padding: 4% 18% 4% 18%;background: url('images/map_transparent_dark@2x.png');
	display: none;
}
.about-heading-index{
	position: relative;
}
.about-heading-index h2{
	line-height: 54px;font-weight: 700;
	font-size: 48px;font-family: 'Playfair Display', serif;z-index: 1;position: relative;
}
.about-heading-index p{
	position: absolute;
	left: -30px;
	z-index: 0;
	font-weight: 900;
	opacity: 1;
	color: #f5f5f5;
	bottom: -20px;
	font-size: 120px;
}
.about-heading-content p{
	font-size: 1.5rem;
	line-height: 2;margin-top: 1.7rem;
}
.about-heading-content a{
	padding: 8px 40px;border-radius: 25px;border: 2px solid #b72025;
	background: #4d0d0f;color: #fff;font-size: 1.6rem;margin-top: 2rem;
}
.speciality{
	padding: 3% 13%;
}
.image-ic{
	height: 110px;
}
.image-ic::after{
	border: 2px solid #dea02d;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
	top: 100%;
	animation: blobbing-reverse 25s ease-in-out infinite both alternate;
}
@keyframes blobbing-reverse{
	0%, 100% {
  border-radius: 73% 27% 62% 38% / 26% 36% 64% 74%;
}
7% {
  border-radius: 50% 50% 54% 46% / 69% 69% 31% 31%;
}
14% {
  border-radius: 71% 29% 42% 58% / 35% 67% 33% 65%;
}
21% {
  border-radius: 47% 53% 68% 32% / 70% 68% 32% 30%;
}
28% {
  border-radius: 25% 75% 62% 38% / 39% 60% 40% 61%;
}
35% {
  border-radius: 70% 30% 64% 36% / 43% 59% 41% 57%;
}
42% {
  border-radius: 44% 56% 67% 33% / 33% 46% 54% 67%;
}
49% {
  border-radius: 66% 34% 35% 65% / 68% 69% 31% 32%;
}
56% {
  border-radius: 43% 67% 29% 71% / 43% 46% 54% 57%;
}
63% {
  border-radius: 25% 75% 62% 38% / 39% 60% 40% 61%;
}
70% {
  border-radius: 71% 29% 27% 73% / 52% 59% 41% 48%;
}
77% {
  border-radius: 49% 51% 72% 28% / 32% 36% 64% 68%;
}
84% {
  border-radius: 74% 26% 43% 57% / 51% 25% 75% 49%;
}
91% {
  border-radius: 30% 70% 57% 43% / 53% 38% 62% 47%;
}
}
.pro-index-img h3{
	font-size: 2.2rem;font-weight: 600;text-transform: uppercase;
	margin-top: 3.5rem;
}
.img-speciality-index{
	width: 50%;
}
.img-speciality-index{
	position: relative;
}
.img-speciality-index h4{
	position: absolute;
	font-size: 15px;
	letter-spacing: 6px;
	font-weight: 400;
	transform: rotate(270deg);
	top: 150px;
	left: -120px;
}
.img-speciality-index h3{
	font-weight: 800;font-size: 4rem;
}
.img-speciality-index a{
	border: 1px solid #000;padding: 10px 40px;border-radius: 0;
	font-size: 1.5rem;text-transform: uppercase;margin-top: 2.5rem;
}
.video{
	padding:12% 13% 8% 13%;background: url(images/video-bg.jpg);
}
.video h4{
	font-weight: 300;font-size: 1.7rem;text-transform: uppercase;
	letter-spacing: 3px;color: #fff;
}
.video h1{
	font-size: 48px;
	line-height: 60px;
	text-transform: capitalize;
	font-weight: 700;color: #fff;
}
.video-content-box{
	display: flex;align-items: center;
}
.video-content-box h3{
	font-weight: 600;color: #fff;font-size: 2.4rem;
}
.video-content-box p{
	font-size: 1.4rem;color: #fff;margin-top: 20px;
}
.products{
	padding: 5% 13%;background: url(images/blog-bg.webp);
}
.products h5{
	text-transform: uppercase;letter-spacing: 3px;font-size: 2rem;text-align: center;
}
.logo-brands h2{
	font-size: 4rem;text-transform: capitalize;
	font-weight: 800;text-align: center;margin-top: 20px;
}
.logo-brands h5{
	text-transform: uppercase;letter-spacing: 3px;font-size: 2rem;text-align: center;
}
.products h2{
	font-size: 4rem;text-transform: capitalize;
	font-weight: 800;text-align: center;margin-top: 20px;
}
.collection-img{
	width: 32%;margin-top: 15px;
}
.collection-img h4{
	font-size: 2.2rem;font-weight: 600;margin-top: 2rem;
}
.projects-col-index{
	height: 500px;position: relative;
}
.projects-col-index::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background:linear-gradient(0deg, rgba(0,0,0,0.569), transparent);
}
.projects-col-index::after{
	content: "";
	border: 1px solid #fff;
	position: absolute;
	top: 3%;
	width: 94%;
	height: 94%;
	bottom: 3%;
	opacity: 1;
	left: 3%;
	transition: all .35s ease-out;
	transform: scale(0.01);
	z-index: 100;
}
.hover1:hover.projects-col-index::after{
	transform: scale(1.0);
}
.hover1:hover.project-name{
	position: absolute;
	bottom:80px;
}
.hover2:hover.projects-col-index::after{
	transform: scale(1.0);
}
.hover3:hover.projects-col-index::after{
	transform: scale(1.0);
}
.hover4:hover.projects-col-index::after{
	transform: scale(1.0);
}
.hover5:hover.projects-col-index::after{
	transform: scale(1.0);
}
.hover6:hover.projects-col-index::after{
	transform: scale(1.0);
}
.project-name{
	position: absolute;
	bottom: 30px;left: 40px;
}
.project-name h3{
	color: #fff;font-family: 'Playfair Display', serif;font-size: 3rem;
}
.project-name p{
	color: #fff;font-size: 1.8rem;margin-top: 1.5rem;
}
.project-overlay{
	content: "";
	display: block;
	position: absolute;
	top: 70%;
	width: 100%;
	height: 100%;
	transition: all .45s ease-out;
	background: linear-gradient(0deg, rgba(0,0,0,0.569), transparent);
}
.logo-brands{
	padding: 2%;
}
.btn-hover:hover{
	background: #000;
	transition: all 0.3s ease-in;
	color: #fff;
}
.videoModal{
	position: fixed;left: 0;
	top: 0;background: rgba(0.5, 0.5, 0.5, 0.6);
	z-index: 11;width: 100%;height: 100%;display: none;
}
.video-popup{
	position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
}
.tp-page{
	background: url(images/tpheader.jpg);position: relative;padding:4%;
}
.tp-page::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0.5, 0.5, 0.5, 0.5);
}
.tp-page h4{
	text-align: center;
	color: #fff;font-size: 1.6rem;
}
.tp-page h4 a{
	color: #dea02d;text-decoration: none;
}
.tp-page h1{
	color: #fff;font-weight: 700;font-size: 5.8rem;text-align: center;
	font-family: 'Playfair Display', serif;letter-spacing: 2px;
}
.contact-form{
	padding: 3% 18%;
}
.ctForm-ic{
	font-size: 3rem;
}
.ctForm-address h4{
	font-weight: 600;font-family: 'Playfair Display', serif;
	font-size: 2.4rem;
}
.ctForm-address p{
	font-size: 1.6rem;line-height: 1.8;
}
.blog{
	padding:4% 13%;
}
.blog h3{
	font-size: 2.2rem;font-weight: 600;
}
.blog-column{
	padding-bottom: 20px;
}
.blog-column h4{
	font-size:2.2rem;font-weight: bold;line-height: 1.5;margin-top: 20px;
}
.blog-column p{
	font-size: 1.4rem;color: grey;margin-bottom:4rem;
}
.blog-column a{
	padding: 10px 50px;border: 1px solid #000;border-radius: 0;
	text-transform: uppercase;letter-spacing: 2px;font-size: 1.6rem;
	color: #000;text-decoration: none;
}
.blog h4:hover{
	color: #dea02d;cursor: pointer;transition: all 0.3s ease-in;
}
.gallery{
	padding: 3% 13%;
}
.brands{
	padding:8vh 18vw
}
.brands-content h3{
	font-size: 28px;font-weight: 500;font-family: 'Playfair Display', serif;color: #b72025;
}
.brands-content h5{
	font-size: 18px;font-weight: 500;margin-top: 15px;
}
.brands-content p{
	font-size: 14px;line-height: 2;
}
.about-container{
	padding: 8vh 18vw;
}
.about-container h2{
	font-size: 3vw;font-weight: 600;font-family: 'Playfair Display', serif;
}
.line{
	width: 100px;height: 3px;background: #b72025;
}
.about-container p{
	font-size: 16px;line-height: 2;margin-top: 20px;text-align: justify;
}
.logo-brands{
	text-align: center;
}
.logo-brands h5{
	text-transform: uppercase;letter-spacing: 3px;font-size: 2rem;text-align: center;
}
.logo-brands h2{
	font-size: 4rem;text-transform: capitalize;
	font-weight: 800;text-align: center;margin-top: 20px;
}
.about-page ul li{
	font-size: 16px;line-height: 2;
}
.brands a img{
	margin:10px;
}
.brands a img:hover{
	transform: scale(1.1);
	transition: all 0.3s;
}
.singlebrand{
	padding: 3vw;
}
.singlebrandcat{
	box-shadow: 1px 1px 14px 1px rgb(0 0 0 / 9%);border: solid 1px #e5e5e8;
	width: 23%;margin: 1%;
}
a.whatsapp{
	position: fixed;cursor: pointer;bottom: 22px;z-index: 1000;border: none;left: 30px;animation: pulse 0.8s infinite;
}
@keyframes pulse{
	from{
		transform: scale(1.0);
	}
	to{
		transform: scale(1.1);
	}
}
a.whatsapp img{
	width: 50px;
}

/*================================= RESPONSIVE =================================*/

@media(max-width: 768px){
	.respo li.nav-item{
		border-bottom: 1px solid #ebebeb;
}
.respo li.nav-item a.nav-link{
	font-size: 16px;display:block;padding:10px;color: #000;
}
.respo li.nav-item a:hover{
	color: #fff;
	background:#b72025;
}
	.footer{
		padding:4%;
	}
	.footer-copyright{
		color:#fff;font-size:1.1rem;letter-spacing: 1px;display: flex;justify-content: center;padding-bottom: 8px;
	}
	.mar-resp-15{
		margin-top: 15px;
	}
	.mar-resp-25{
		margin-top: 25px;
	}
	.footer-menu-row{
		padding-top:20px;margin-top: -15px;
	}
	.carousel-item img{
		height:250px;
	}
	.sliderContent{
		position: absolute;top:50%;left:13%;transform: translateY(-50%);z-index: 11;
	}
	.sliderContent h1{
		z-index: 11;
		font-family: "Playfair Display";
		height: auto;
		color: rgb(255, 255, 255);
		white-space: normal;
		text-align: left;
		line-height:1.2;
		font-weight: 700;
		font-size:36px;
	}
	.sliderContent p{
		font-size: 1.3rem;
		font-weight: 300;
		color: rgb(255, 255, 255);margin-top:0px;
	}
	.sliderContent a{
		padding:7px 20px;background: #000;color: #fff;
		text-decoration: none;font-size: 1.4rem;margin-top: 10px;
	}
	.tp-page{
		padding:6%;
	}
	.contact-form{
		padding: 4%;
	}
	.blog{
		padding:4%;
	}
	.speciality{
		padding:4%;
	}
	.img-speciality-index{
		width:100%;
	}
	.img-speciality-index{
		position: relative;
	}
	.img-speciality-index h4{
		position: absolute;
		font-size: 15px;
		letter-spacing: 6px;
		font-weight: 400;
		transform: rotate(270deg);
		top: 150px;
		left: -140px;
	}
	.img-speciality-index h3{
		font-weight: 800;font-size: 4rem;
	}
	.img-speciality-index a{
		border: 1px solid #000;padding: 10px 30px;border-radius: 0;
		font-size: 1.5rem;text-transform: uppercase;margin-top: 2.5rem;
	}
	.video{
		padding:12% 8% 8% 8%;background: url(images/video-bg.jpg);
	}
	.video h4{
		font-weight: 300;font-size: 1.7rem;text-transform: uppercase;
		letter-spacing: 3px;color: #fff;
	}
	.video h1{
		font-size: 48px;
		line-height: 60px;
		text-transform: capitalize;
		font-weight: 700;color: #fff;
	}
	.video-content-box{
		display: flex;align-items: center;
	}
	.video-content-box h3{
		font-weight: 600;color: #fff;font-size: 2.4rem;
	}
	.video-content-box p{
		font-size: 1.4rem;color: #fff;margin-top: 20px;
	}
	.collection-img{
		width:100%;margin-top: 15px;
	}
	.products{
		padding: 5% 8%;background: url(images/blog-bg.webp);
	}
	.products h5{
	text-transform: uppercase;letter-spacing: 3px;font-size: 1.2rem;text-align: center;
}
.products h2{
	font-size: 2.8rem;text-transform: capitalize;
	font-weight: 800;text-align: center;margin-top: 20px;
}
.logo-brands h5{
	text-transform: uppercase;letter-spacing: 3px;font-size: 1.2rem;text-align: center;
}
.logo-brands h2{
	font-size: 2.8rem;text-transform: capitalize;
	font-weight: 800;text-align: center;margin-top: 20px;
}
	.brands{
		padding:4vw;
	}
	.brands-content h3{
		font-size: 24px;font-weight: 500;text-align:left;font-family: 'Playfair Display', serif;
	}
	.brands-content h5{
		font-size: 16px;font-weight: 500;text-align: justify;
	}
	.brands-content p{
		font-size: 12px;line-height: 2;text-align: justify;
	}
	.about-container{
		padding:5vw;
	}
	.about-container h2{
		font-size:26px;font-weight: 600;font-family: 'Playfair Display', serif;margin-top: 20px;
	}
	.line{
		width: 100px;height: 3px;background: #b72025;
	}
	.about-container p{
		font-size: 16px;line-height: 2;margin-top: 20px;text-align: justify;
	}
	a.whatsapp img{
		width: 40px;
	}

}