html.noscroll{overflow: hidden;}
body{ font-family: 'Roboto', sans-serif; font-size:14px; color:#321321; line-height: normal; box-sizing: border-box;}
button{border:none; background: none;}
p{margin:0 !important;}
.serif-body {
    font-family: 'Maison Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Specify serif fonts in preferred order */
}
/* body{font-family: "Maison Neue Book"; font-size:14px; color:#321321; line-height: normal;} */

header{ transition: all 0.4s ease-in-out;}
.header-top{padding:20px 60px;}
.topnavbar{display: flex; justify-content: space-between; align-items: center;}
.menubar,.brand-logo,.right-navbar{max-width:33.33%; flex:0 0 33.33%;}
.brand-logo{display: flex;justify-content: center;align-items: center;}
.logo-image{width:120px; height: 60px;}
.logo-image img{max-width: 100%;}
.menubar a{font-family: "Roboto", sans-serif;padding:10px 30px 10px 0; text-transform: uppercase; color: #6f6c6c; text-decoration: none; letter-spacing: 0.7px; font-size: 13px; cursor: pointer; font-weight: 600;}
.right-navbar{display: flex; justify-content: flex-end; align-items: center;}
/* .search-box{width:100%; background: #fff;} */
/* .search-box input{border:none; padding: 8px 10px; width:100%;outline:none;} */
.search-form {
	right: 200px;
	top: 200px;
}
.search-field {
	background-color: transparent;
	background-image: url(../images/icons8-search-22.png);
	background-position: 5px  center;
	background-repeat: no-repeat;
	/* background-size: 24px 24px; */
	border: none;
	cursor: pointer;
	height: 40px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width:0px;
   cursor: pointer;
}
.search-field::before{
    content: "<i class="ti-search"></i>";
    position: absolute;
}

.search-field:focus {
	background-color: #fff;
	/* border: 2px solid #c3c0ab; */
	cursor: text;
	outline: 0;
	width: 250px;
  color:black;
}
.search-form
.search-submit { 
display:none;
}
.right-navbar a{color: #6f6c6c; text-decoration: none; padding:10px 0; font-size:18px; margin-left: 13px;}
.sm-menubar-btn{background-color:transparent; border: none; font-size:20px; display: none;}

.close-sidebar-btn{position: absolute; top: 10px; right: 10px; border: none; background-color: transparent; transform: rotate(45deg);}
.top-wrap{background-image: url(../images/home-banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;height: 100vh;}
#topHeader.sticky{position: fixed; width: 100%; z-index: 11; background-color: #f5f5f594;  backdrop-filter: blur(10px) saturate(1);box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px; transition: all 0.4s ease-in-out;}
#topHeader.sticky .header-top{padding-top:10px; padding-bottom:10px;}
#topHeader.sticky .header-top .brand-logo img{height:60px;}
#topHeader.sticky + section{padding-top: 220px;}
.leftsidebar{position: fixed; top: 0; left: 0; width: 340px; background: #fff; height: 100%; z-index: 11; padding: 30px; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; opacity: 0; transform: translateX(-100%); transition: 0.5s linear;}
.leftsidebar .sidebar-tab{display: flex; justify-content: center; text-align: center; margin: 0 0 30px;}
.leftsidebar .sidebar-tab a{padding: 10px 0; max-width: 50%; flex: 0 0 50%; text-transform: uppercase; text-decoration: none; color: #757575; letter-spacing:2px; cursor:pointer; transition: all 0.4s ease-in-out;}
.leftsidebar .sidebar-tab a.active{border-bottom: 1px solid #757575; color: #000; transition: all 0.4s ease-in-out;}

.leftsidebar .side-menubar{list-style: none; padding:0; margin:0;}
.leftsidebar .side-menubar a{display: block; text-decoration: none; color:#333; font-family:'JansonText-Roman'; font-size:18px; font-size: 20px; padding: 8px 15px;}
.leftsidebar .side-menubar li:hover {border-left: 4px solid;border-radius:4px;}
.backdrop{position: fixed; top: 0; right:-100%; width: calc(100% - 340px); height: 100%; background-color: #000;  transition: 0.5s linear;  z-index: 11}
.backdrop.show{right:0; transition: 0.5s linear; opacity: .5;}

.leftsidebar.show{transform: translateX(0); transition: 0.5s linear; opacity: 1; z-index: 12;}

.home-banner{ padding:60px 0;}
.home-banner img{width: 100%;}
.home-banner h1{margin-bottom:30px;}
.home-banner p{font-size: 16px;}
h1,h2,h3,h4,h5,h6{font-family:'JansonText-Roman';}

.section-title h2{font-size:46px; text-transform:capitalize;}
section{position: relative;}

.showcase{background-color:#c1b6a4; margin:0 -12px;}
.showcase img{width:100%;}
.carousel-block{display: flex; justify-content: center; align-items: center; height: 100%; flex-wrap: wrap;}
.carousel-container{width:100%;}
.showcase-carousel{text-align: center; max-width:100%; flex:0 0 100%;}
.showcase-carousel a{text-decoration:none; color:#757575;}
.showcase-carousel a h6{color:#000; font-size:24px; margin-bottom: 20px;}
.showcase-carousel a p{color:#77787b; font-size:18px;}
.showcase-carousel a img{max-width:100%; width:auto !important; display:inline-block !important;}
.showcase-carousel-content{max-width: 450px; margin:auto;}
.carousel-text{margin:40px 0;}
.explore-more{text-align: center; margin:50px 0 0; text-transform: uppercase;}
.explore-more a{color:#757575; text-decoration: none; border-bottom:1px solid #757575; padding-bottom:3px; }
.explore-more a:hover{color:#000;}

.img-bg img{width: 100%; object-fit: cover;}

.collection-row{position: relative;}
.collection-row .collection-content{position: absolute; top:0; width: 50%; height:100%; display:flex; flex-wrap:wrap; justify-content: center; align-items: center;}
.collection-row:nth-child(even) .collection-content{right: 0;}
.collection-row h2{color:#fff;}
.collection-row .explore-more{margin-top:20px}
.collection-row .explore-more a{color:#fff; border-color:#fff;}
.border-lefts {padding: 40px 0px; display: block;text-align: center;margin-left: -1px;text-decoration: none;transition: all 0.4s ease-in-out;border-right: 1px solid #dadada;border-bottom: 1px solid #dadada;}
.border-bottom {display: block;text-align: center;margin-left: -1px;text-decoration: none;transition: all 0.4s ease-in-out;border-bottom: 1px solid #dadada;}
.creations{padding:20px 0;}
/* .product-carousel{padding:60px 0 0;} */
.product-card{display: block; padding: 60px 0 90px; text-align: center; border: 1px solid #dadada; margin-left:-1px; text-decoration: none; transition: all 0.4s ease-in-out;}
.product-card img{max-width:100%; margin:0 auto; width: auto !important;}
.product-card span,
.service-box span{display: block; color:#757575; text-transform: uppercase;}
.product-card:hover span,
.service-box:hover span{color:#000000; transition: all 0.4s ease-in-out;}

.our-services{padding:60px 0 90px;}
/* .service-block{} */
.service-box{padding:0 40px 0; text-decoration: none; color:#000; text-align: center; display: block; transition: all 0.4s ease-in-out;}
.service-box:hover{color:#000; transition: all 0.4s ease-in-out;}
.service-box h5{font-size: 24px; margin-bottom: 25px;}
.service-box p{margin-bottom: 25px;}
.service-box span{font-size:11px; letter-spacing:1.6px;}

.owl-dots{display: flex; justify-content: center;}
.owl-dots .owl-dot{margin:0 5px;}
.owl-dots .owl-dot span{display: block; width:7px; height:7px; background-color:#c4b9a7; border-radius:50%;}
.owl-dots .owl-dot.active span{background-color:#000;}

.product-carousel .owl-dots{margin-top:30px;}

.main-footer{border-top:1px solid #dadada; padding:40px 0 0;}
.footer-logo{display:inline-block; margin-bottom:30px;}
.footer-logo img{height:48px;}
.footer-links{display:flex; justify-content: center; text-align: center; flex-wrap: wrap;}
.footer-links a{margin: 5px 12px; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; color: #757575; transition: all 0.4s ease-in-out;}
.footer-links a:hover{color:#000; transition: all 0.4s ease-in-out;}
.footer-social-links{display: flex; justify-content: center; margin-top:30px;}
.footer-social-links a{display:block; width:36px; height:36px; border:1px solid #ededed; color:#757575; text-decoration:none; text-align: center; line-height: 36px; margin: 10px; font-size: 14px; border-radius: 50%; transition: all 0.4s ease-in-out;}
.footer-social-links a:hover{color:#fff; background-color:#000; transition: all 0.4s ease-in-out;}
.footer-bottom{border-top:1px solid #dadada; padding:30px 0; font-size:11px; margin-top:40px;}
.footer-btm-links a{text-decoration: none; color:#757575; display: inline-block; margin-right:10px; transition: all 0.4s ease-in-out;font-size: 13px ;font-weight: 600;}
.footer-btm-links a:hover{color:#000; transition: all 0.4s ease-in-out;}
.copyright{font-weight:600; text-align: right;}
.sm-img{display:none;}
.product-main{ padding: 50px 0;}
.product-wrapp{position: relative;}
/********************* product page css************************************* */
.imgSlides {
    display: inline-block;
    text-align: center;
    border: 1px solid #e1e1e1;
}

.tab-images {
    display: flex;
    gap: 40px;
    padding: 30px 0;
    flex-wrap: wrap;
}

.imgSlides img {
    max-width: 100%;
}

.cursor {
    cursor: pointer;
}

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 35%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: #e1e1e1;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

.caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.tab-images img {
    height: 130px !important;
}

.demo {
    opacity: 0.6;
}

.active,
.demo:hover {
    opacity: 1;
}

.column {
    border: 1px solid #e1e1e1;
}

.about-product-wrapp {
    /* padding: 0 50px; */
    position: relative;
    display: flex;
    flex-direction: column;
    gap:50px;
   
}
.product-wrapp a{text-decoration: none;}
/* .about-product-wrapp *{
    color:#d7d7d7 !important;
} */
.about-product-wrapp strong {
    color: #6f6c6c;
    font-weight: 600;
    font-size: 22px;
}

.offcanvas-body p {
    text-align: justify;
}

.rase-65 button {
    border: none;
    background: none;
    text-decoration: underline;
}
.rase-65{ display: flex;
justify-content: space-between;}
.rase-65 span {
    /* border-bottom: 1px solid #e1e1e1 */
    font-size: 13px;
}
.rase-65 span i{font-size: 18px;}
.sag-er {
    border: 2px solid #e1e1e1;
    padding: 8px 16px;
}

.offcanvas-body {
    text-align: center;
}

.offcanvas-body p {
    padding-top: 40px;
}
.product-type{
    border-top:2px solid #e1e1e1 ;
    border-bottom:2px solid #e1e1e1 ;
    padding: 10px 0px;
}
.product-type a{ float: right; text-decoration: none;}
.product-type button{background:none !important;}
.product-select-bttn {
    padding: 10px 0;
    border: 1px solid #e1e1e1;
    text-align: center;
}
.product-size {font-size: 15px;}
.product-size button{text-decoration: underline;}
.product-details-wrap{
padding:100px 0;
}
.product-wrapp .next,.product-wrapp .prev{ position: absolute; top:26%;}
.related-pices{padding:100px 0; text-decoration: underline #dadada;}
/********************* product page css************************************* */
@media screen and (max-width:991px){
    header{background-color: #fff;}
    .header-top{padding:10px 15px;}
    .menubar{max-width:50px;}
    .header-top .brand-logo img,
    #topHeader.sticky .header-top .brand-logo img{height: 48px; margin-top: -10px;}
    .right-navbar{padding-top: 7px;}
    .right-navbar a{font-size: 14px;  margin-left: 10px;}
    img{max-width:100%;}
    .sm-menubar-btn{display: block; width:36px; height:36px; color: #757575; line-height: 40px;}
    .menubar .menulist{display: none;}
    .carousel-block{padding-bottom:50px;}
    .collection-row .collection-content{display: block; padding:80px 15px; text-align: center; width: 100%;}
    .section-title{margin-bottom:50px;}
    .section-title h2{font-size:30px;}
    .creations{padding:50px 0}
    .creations .section-title{margin-bottom: 0;}
    .product-card{padding:30px 0 40px; margin-left: 0;}
    .product-carousel{padding-top: 30px; width: 80%;  margin: 0 auto;}
    .our-services{padding:20px 0 0;}
    .service-box{padding: 0 0 40px;}
    .copyright{text-align: center; margin-top: 15px;}
    .footer-btm-links{text-align:center;}
    .sm-img{display: block;}
    .lg-img{display: none;}
    .celerbrity-imgs{margin: 6px 0;}
}