*{margin: 0px; padding: 0px; box-sizing: border-box;}
img{max-width: 100%;}
a,a:hover,a:visited,a:active,a:focus{text-decoration: none;}
ul{margin: 0px; padding: 0px;}
p{margin: 0px;}

html{
    scroll-behavior: smooth;
}

/* body{    font-family: Open Sans,sans-serif;} */
body{background-color: #eae8e2;}


/* header .headertop{background-color: #ae0000;}
header .headertop .text-center{color: #fff; font-size: 13px;} */


header{position: absolute; left: 0; right: 0; z-index: 99; background-color: #c5b9abc9; transition: .5s;}
/*header:hover{background-color: #c5b9ab;}*/

/* header .headermedim .heaqderlogo{padding-left: 72px;}
header .headermedim .heaqderlogo img{width: 130px;}
header .headermedim{display: flex; justify-content: space-between; align-items: center;}
header .headermedim .headericon li a{color: #fff; font-size: 15px; transition: .5s;}
header .headermedim .headericon{gap: 16px;}
header .headermedim .headericon li a:hover{color: #551817;}
header .heaberbooyem .navbar-brand{padding: 0px !important;} */

/* header dropdown  */

/* header .navbar-nav .down-menu{width: 100%; padding: 20px; left: 0px; right: 0px; display: none; position: absolute; background-color: #c5b9ab; transition: .5s; z-index: 9;}
header .navbar-nav .drop:hover .down-menu{display: block;}
.navbar-expand-lg .navbar-nav .down-menu h3 a{font-size: 13px; letter-spacing: 3px; font-family: 'Montserrat', sans-serif; font-weight: 500; color:#393938;}
.navbar-expand-lg .navbar-nav .down-menu ul li{margin-bottom: 10px;}
.navbar-expand-lg .navbar-nav .down-menu ul li a{font-size: 16px; font-family: "Nunito Sans", sans-serif; color: #000; transition: .5s;} 
.navbar-expand-lg .navbar-nav .down-menu ul li a:hover{padding-left: 10px; color: #393938;} */


header .navbar-nav .dropdown-menu {width: 100%; padding: 25px; left: 0px; right: 0px; border-radius: 0px 0px 10px 10px; background-color: #c5b9ab; top: 125px; border: transparent;}
.navbar-expand-lg .navbar-nav .dropdown-menu h3{font-size: 16px; letter-spacing: 3px; font-family: 'Montserrat', sans-serif; font-weight: 500; color:#551817; text-transform: uppercase;}
.navbar-expand-lg .navbar-nav .dropdown-menu ul li{margin-bottom: 10px;}
.navbar-expand-lg .navbar-nav .dropdown-menu ul li a{font-size: 12px; letter-spacing: .1em; font-family: "Nunito Sans", sans-serif; color: #000; transition: .5s;} 


/*  */

header .heaberbooyem .navbar .navbar-brand{width: 150px;}
header .heaberbooyem .navbar-nav .nav-item .nav-link{font-size: 16px; text-transform: uppercase; transition: .5s; color: #fff;     font-family: 'Montserrat', sans-serif;}
.btn-close{color: #fff;}
header .heaberbooyem .navbar-nav .nav-item .nav-link:hover{color: #551817;}
header .heaberbooyem .navbar-nav .nav-item .nav-link::after{background-color: #551817; height: 2px; width: 0px; content: ''; display: block; top: calc(100% + 4); transition: .5s;}
header .heaberbooyem .navbar-nav .nav-item .nav-link:hover::after{width: 100%;}
header .heaberbooyem .navbar-toggler{border-radius: 0px; border: 2px solid #fff; box-shadow: none;}
header .heaberbooyem .navbar-toggler span i{color:#fff!important;}
header .heaberbooyem .offcanvas{background-color: #ffffff; color: rgb(0, 0, 0); width: 276px;}
header .heaberbooyem button:focus:not(:focus-visible){box-shadow: none;}
header .heaberbooyem .offcanvas-header .btn-close{color: #030303; }

header #logophone{display:none;}

header .second-logo{ display: flex; align-items: center; justify-content: center; margin-right: 170px;}
header .second-logo img{width:200px; height:auto;}
  @media (max-width: 992px) {
      header .second-logo{
          display:none;
      }
      
      #logophone{display:block !important;}
      #logodashtop{display:none;}
  }
/* slider */


  @media (min-width: 992px) {
    .slider,
    .slide {
      height: 100vh;
    }
  }
  .slide {
    position: relative;
  }
  .slide .slide__img {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  @media (min-width: 992px) {
    .slide .slide__img {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
    }
  }
  .slide .slide__img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    opacity: 1 !important;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    transition: all 1s ease;
  }
  .slide .slide__content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .slide .slide__content--headings {
    text-align: center;
    color: #FFF;
  }
  .slide .slide__content--headings h2 {
    font-size: 60px;
    margin: 10px 0;
    font-family: "Baskerville No 2", serif;
  }
  .slide .slide__content--headings .animated {
    transition: all 0.5s ease;
  }
  .slider [data-animation-in] {
    opacity: 0;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
  }
  .slick-dotted .slick-slider {
    margin-bottom: 30px;
  }
  .slick-dots {
    position: absolute;
    bottom: 25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
  }
  .slick-dots li button {
    border: 0;
    display: block;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 50%;
  }
  .slick-dots li button:hover,
  .slick-dots li button:focus {
    outline: none;
  }
  .simple-dots .slick-dots li {
    width: 20px;
    height: 20px;
  }
  .simple-dots .slick-dots li button {
    border-radius: 50%;
    background-color: white;
    opacity: 0.25;
    width: 20px;
    height: 20px;
  }
  .simple-dots .slick-dots li button:hover,
  .simple-dots .slick-dots li button:focus {
    opacity: 1;
  }
  .simple-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
  }
  .stick-dots .slick-dots li {
    height: 3px;
    width: 50px;
  }
  .stick-dots .slick-dots li button {
    position: relative;
    background-color: white;
    opacity: 0.25;
    width: 50px;
    height: 3px;
    padding: 0;
  }
  .stick-dots .slick-dots li button:hover,
  .stick-dots .slick-dots li button:focus {
    opacity: 1;
  }
  .stick-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
  }
  .stick-dots .slick-dots li.slick-active button:hover,
  .stick-dots .slick-dots li.slick-active button:focus {
    opacity: 1;
  }
  /* /////////// IMAGE ZOOM /////////// */
  @-webkit-keyframes zoomInImage {
    from {
      transform: scale3d(1, 1, 1);
    }
    to {
      transform: scale3d(1.1, 1.1, 1.1);
    }
  }
  @keyframes zoomInImage {
    from {
      transform: scale3d(1, 1, 1);
    }
    to {
      transform: scale3d(1.1, 1.1, 1.1);
    }
  }
  .zoomInImage {
    -webkit-animation-name: zoomInImage;
            animation-name: zoomInImage;
  }
  @-webkit-keyframes zoomOutImage {
    from {
      transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
      transform: scale3d(1, 1, 1);
    }
  }
  @keyframes zoomOutImage {
    from {
      transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
      transform: scale3d(1, 1, 1);
    }
  }
  .zoomOutImage {
    -webkit-animation-name: zoomOutImage;
            animation-name: zoomOutImage;
  }
  

/* #slider .owl-theme .owl-dots .owl-dot{display: none;} */





/* category */

#category-a{padding: 50px 30px; background-color: #eae8e2;}
#category-a h2{text-align: center; margin-bottom: 40px; font-size: 28px; letter-spacing: 0.2em; font-family: "Baskerville No 2", serif;}
#category-a .iner{text-align: center;}
#category-a .iner h5{color: #393938 !important; font-family: "Nunito Sans", sans-serif; font-size: 18px; letter-spacing: 0.1em !important; margin-top: 15px; text-transform: uppercase;}
#category-a .owl-theme .owl-dots .owl-dot{display: none;}
#category-a .owl-carousel .owl-nav button.owl-prev{position: absolute; top: 58px; left: -32px; font-size: 54px; color: #a7a39a;}
#category-a .owl-carousel .owl-nav button.owl-next{position: absolute; top: 58px; right: -32px; font-size: 54px; color: #a7a39a;}
#category-a .owl-theme .owl-nav [class*=owl-]:hover{background-color: transparent;}

/* what-new */

#what-new{padding: 50px 30px;}
#what-new h2{text-align: center; margin-bottom: 40px; font-size: 28px; letter-spacing: 0.2em; font-family: "Baskerville No 2", serif;}
#what-new .iner:hover{overflow: hidden;}
#what-new .iner{position: relative; height: 100%;}
#what-new .iner:hover .imgs .img-1{transform: translateY(0)scale(1.1); opacity: 0;  transition: .5s; -o-transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
#what-new .iner .imgs .img-1{width: 100%;}
#what-new .iner .imgs .img-2{position: absolute; top:0px; left: 0px; right: 0px; opacity: 0; transition: .5s; z-index: 99; width: 100%;}
#what-new .iner:hover .imgs .img-2{opacity: 1; overflow: hidden;}
#what-new .iner h5, #what-new .iner h5 a{font-size: 18px; font-family: "Nunito Sans", sans-serif; color: #393938; text-align: center; margin-top: 22px;}
#what-new .iner .btn-class{position: absolute; bottom: 50px; width: 100%; background-color: #fff; z-index: 999; padding: 10px 20px;   transition: .5s; display: none;}
#what-new .iner .btn-class ul li a, #what-new .iner .btn-class ul li{color: #393938; font-size:11px;}
#what-new .iner:hover .btn-class{display: block;}

/* what-new-2 */

#what-new-2{padding: 0px; overflow: hidden;}
#what-new-2 .imgs{overflow: hidden; position: relative;}
#what-new-2 .imgs img{transition: 5s; width: 100%;}
#what-new-2 .imgs:hover img{transform: scale(1.1);}
#what-new-2 .imgs h5{position: absolute; bottom: 40px; left: 50px;}
#what-new-2 h5 a{display: inline-block; padding: 8px 30px; font-size: 18px; position: relative; color: #fff; border: 2px solid #fff; background-color: transparent; z-index: 1; letter-spacing: 2px;}
#what-new-2 h5 a::after{position: absolute; content: ''; left: 0; top: 0px; bottom: 0; width: 0px; background-color: #fff; color: #000; z-index: 99; transition: .5s; z-index: -1;}
#what-new-2 h5 a:hover:after{width: 100%; color: #000;}
#what-new-2 h5 a:hover{color: #551817;}

/* collection */

#collection{padding: 50px 30px; background-color: #eae8e2; border-bottom: 1px solid #c5c5c5;}
#collection h2{text-align: center; margin-bottom: 40px; font-size: 28px; letter-spacing: 0.2em; font-family: "Baskerville No 2", serif;}
#collection .iner{text-align: center;}
#collection .iner h5{color: #393938 !important; font-family: "Nunito Sans", sans-serif; font-size: 18px; letter-spacing: 0.1em !important; margin-top: 15px; text-transform: uppercase;}
#collection .owl-theme .owl-dots .owl-dot{display: none;}
#collection .owl-carousel .owl-nav button.owl-prev{position: absolute; top: 170px; left: -32px; font-size: 54px; color: #a7a39a;}
#collection .owl-carousel .owl-nav button.owl-next{position: absolute; top: 170px; right: -32px; font-size: 54px; color: #a7a39a;}
#collection .owl-theme .owl-nav [class*=owl-]:hover{background-color: transparent;}

/* blog-sec */

#blog-sec{padding: 70px 0px;}
#blog-sec .imgs{overflow: hidden;}
#blog-sec .imgs img{transition: 5s; width: 100%;}
#blog-sec .imgs:hover img{transform: scale(1.1);}
#blog-sec .content{padding: 30px; text-align: center;}
#blog-sec .content h4{font-size: 28px; letter-spacing: 0.2em !important; font-family: "Baskerville No 2", serif; color: #393938; text-transform: uppercase;}
#blog-sec .content .text{font-family: "Nunito Sans", sans-serif;
    font-size: 17px;
    margin: 10px auto 30px;
    color: #1c1b1b;
    width: 92%;
    line-height: 1.65;
    text-align: center;
    font-weight: 200;
}
#blog-sec .content a{font-size: 15px; display: inline-block; padding: 13px 30px; letter-spacing: 2px; font-family: 'Montserrat', sans-serif; color: #5f554f; border: 1px solid #5f554f; position: relative; z-index: 1;}
#blog-sec .content a::after{position: absolute; content: ''; left: 0; top: 0px; bottom: 0; width: 0px; background-color: #5f554f; z-index: 99; transition: .5s; z-index: -1;}
#blog-sec .content a:hover:after{width: 100%;}
#blog-sec .content a:hover{color: #fff;}

/* our-stores */

#our-stores{padding: 0px 0px 50px; border-bottom: 1px solid #c5c5c5;}
#our-stores h2{text-align: center; margin-bottom: 40px; font-size: 28px; letter-spacing: 0.2em; font-family: "Baskerville No 2", serif;}
#our-stores .row{row-gap: 100px;}
#our-stores .iner{text-align: center;}
#our-stores .iner .imgs img{width: 80px;}
#our-stores .iner h5{color: #1c1b1b; font-family: "Nunito Sans", sans-serif; font-size: 17px; font-weight: 600; text-transform: uppercase; margin: 30px 0px 15px;}
#our-stores .iner .text{color: #1c1b1b; line-height: 1.65; font-family: "Nunito Sans", sans-serif; width: 70%; margin: auto;}

/* testimonials */

#testimonials{padding: 50px 0px; border-bottom: 1px solid #c5c5c5;}
#testimonials .iner{text-align: center;}
#testimonials .iner h5 i{font-size: 12px; color: #6a6a6a; margin-bottom: 10px;}
#testimonials .iner .text{font-family: "Baskerville No 2", serif; font-size: 27px; width: 55%; margin: auto; font-weight: 500; color: #1c1b1b; font-style: italic;}
#testimonials .iner h6{margin-top: 22px; font-family: 'Montserrat', sans-serif; font-size: 17px; color: #1c1b1b;}

.gallery-sec {padding: 40px 0 0px !important;}

.gallery-sec h2 {
text-align: center;
margin-bottom: 40px;
font-size: 28px;
letter-spacing: 0.2em;
font-family: "Baskerville No 2", serif;
}

#gallery .owl-carousel .owl-nav button.owl-next,
#gallery .owl-carousel .owl-nav button.owl-prev,
#gallery .owl-carousel button.owl-dot {
display: none;
}
.img-wrapper {
position: relative;
margin-top: 15px;
}
.img-wrapper img {
width: 100%;
}
.img-overlay {
background: #000000b3;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
}
.img-overlay i {
color: #ffffff;
font-size: 21px;
}
#overlay {
background: #000000b3;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#overlay img {
margin: 0;
width: 45%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
padding: 5%;
}
#nextButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
}
#nextButton:hover {
opacity: 0.7;
}
#prevButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
}
#prevButton:hover {
opacity: 0.7;
}
#exitButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
position: absolute;
top: 15px;
right: 15px;
}
#exitButton:hover {
opacity: 0.7;
}

/* footer */

footer {background-color: #c5b9ab; padding:0px 50px 50px;}
footer .footer-top{padding: 80px 0px;}
footer .footer-top .row{justify-content: center;}
footer .footer-top .iner{text-align: center;}
footer .footer-top .iner h2 {text-align: center; margin-bottom: 20px; font-size: 28px; letter-spacing: 0.2em; font-family: "Baskerville No 2", serif;}
footer .footer-top .iner .text{color: #393938; font-family: "Nunito Sans", sans-serif; font-size: 16px; text-shadow: 0 1px rgba(0, 0, 0, 0.5); width: 92%; margin: 10px auto 35px;}
footer .footer-top .iner form .form-control{background-color: transparent; padding: 11px 20px; border: 1px solid #d4d0d0; box-shadow: none; border-radius: 0px;}
footer .footer-top .iner form .form-control::placeholder{color: #000;}
footer .footer-top .iner form .submit-btn{padding: 11px 30px; border: 1px solid #393938; background-color: #393938; color: #fff;}


footer .footer-bottom h3{font-size: 20px; font-family: 'Montserrat', sans-serif; letter-spacing: .2em; color: #393938; margin-bottom: 20px; text-transform: uppercase;}
footer .footer-bottom .text{text-align: justify; width: 85%;}
footer .footer-bottom .link-info li a{display: inline-block; margin-bottom: 15px; color: #393938; font-size: 16px;}
footer .footer-bottom .contact-info li{margin-bottom: 8px; color: #393938;}
footer .footer-bottom .contact-info li a{color: #393938; font-size: 16px;}
footer .footer-bottom .contact-info li:nth-child(2) a{border-bottom: 1px solid #393938;}
footer .footer-bottom .contact-info li:last-child{margin-top: 15px;}


/* whatapp */
.quickcontact {
width: 40px;
position: fixed;
top: 77%;
right: 30px;
z-index: 9999;
}

/* modal */

.modal form.row {
  row-gap: 20px;
}

.modal .btn-theme {
  border-radius: 0px;
  background: #551817;
  color: #fff;
}

.modal .btn-theme:hover {
  background-color: #000;
  color: white;
}

.modal .form-control {
  border-radius: 0px;
  border: none;
  box-shadow: none;
  background-color: #f1f1f1;
}

.modal .form-control:focus {
  border-color: #000;
}

.modal .submit {
  background-color: #551817;
  color: #fff;
  font-weight: 500px;
  padding: 10px;
  border: 0;
  transition: .5;
}

.modal .submit:hover {
  background-color: #000;
}

/* search ka popup */

#search-menu {
position: fixed;
width: 100%;
height: 20em;
top: -20em;
left: 0;
right: 0;
white-space: nowrap;
z-index: 9999;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(50%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.01)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.01) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc000000", endColorstr="#1a000000",GradientType=0);
opacity: 0;
visibility: hidden;
-webkit-transition: 500ms ease all;
-moz-transition: 500ms ease all;
transition: 500ms ease all;
}
#search-menu.toggled {
top: 0;
opacity: 1;
visibility: visible;
}
#search-menu .wrapper {
position: relative;
margin: 3em auto 0 auto;
padding: 0 1em;
}
#search-menu .wrapper input {
width: 58%;
padding: 0 0 0.125em 0;
background: transparent;
border: none;
border-bottom: 3px solid #bfbfbf;
font-size: 25px;
color: #bfbfbf;
}
#search-menu .wrapper input:focus {
outline: none;
}
#search-menu .wrapper button {
/* position: absolute;
display: block;
width: 10%; */
right: 0;
top: 0;
background: transparent;
border: none;
color: #bfbfbf;
font-size: 40px;
-webkit-transition: 500ms ease all;
-moz-transition: 500ms ease all;
transition: 500ms ease all;
}
#search-menu .wrapper button:hover {
color: #fff;
}
#search-menu .wrapper button:focus {
outline: none;
}

#search-icon {
padding: 0 0.5em 0.25em 0.5em;
font-size: 20px;
color: #fff;
cursor: pointer;

text-align: center;
-webkit-transition: 500ms ease all;
-moz-transition: 500ms ease all;
transition: 500ms ease all;
}
#search-icon:hover {
color: #fff;
}

/*  */


.slider a:hover {
    color: #551817;
}
.slider a {
    display: inline-block;
    padding: 7px 60px;
    font-size: 18px;
    position: relative;
    color: #fff;
    border: 2px solid #fff;
    background-color: transparent;
    z-index: 1;
}

.slider a:hover:after {
    width: 100%;
    color: #000;
}
.slider a::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0px;
    bottom: 0;
    width: 0px;
    background-color: #fff;
    color: #000;
    z-index: 99;
    transition: .5s;
    z-index:-1;
}
/* index clos */

/* about-mn-hed */

#about-mn-hed{padding: 10px 50px;}
#about-mn-hed .text, #about-mn-hed .text a{text-align: start; font-size: 18px; letter-spacing: 0.2em; text-transform: uppercase; font-family: "Baskerville No 2", serif; color: #393938;}

/* about-start */

#about-frist{padding: 40px 0px;}
#about-frist .content{width: 75%; text-align: center; margin: auto;}
#about-frist h2{font-family: "Baskerville No 2", serif; letter-spacing: 1px; font-size: 30px; font-weight: 600; text-align: center; color: #7e112c;}
#about-frist .text{color: #000000; letter-spacing: .02em; font-size: 16px; text-align: center; margin: 20px 0px 70px;}
#about-frist .iner{text-align: center;}
#about-frist .iner .imgs{overflow: hidden;}
#about-frist .iner .imgs img{transition: .5s;}
#about-frist .iner .imgs:hover img{transform: rotate(5deg);}
#about-frist .iner h3{color: #232323; margin: 15px 0px; font-size: 20px; font-weight: 700;}
#about-frist .iner .text{color: #000000a6; font-size: 16px; width: 90%; margin: auto;}

/* about-tow */

#about-tow{padding: 50px 0px;}
#about-tow .row{row-gap: 30px; background-color: #f8f8f8; align-items: center;}
#about-tow .content{margin-left: 40px;}
#about-tow .content h3{font-size: 25px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px; color: #000000;}
#about-tow .content .text{color: #000000a6; font-size: 16px; text-align: justify; line-height: 22px; width: 80%;}

/* contact-sec */

#contact-sec{padding: 40px 50px;}
#contact-sec .hed, #contact-sec .hed a{color: #999999; font-size: 15px; font-weight: 600; margin-bottom: 40px; transition: .5s;}
#contact-sec h2{font-size: 22px; color: #7e112c; text-transform: uppercase; font-weight: 600; margin-bottom: 20px;}
#contact-sec .from .text-a{font-size: 16px;}
#contact-sec .from .text-a.text-b{margin-bottom: 30px;}
#contact-sec .from .form-control{padding: 10px 20px; box-shadow: none; background-color: transparent; background: 1px solid #c7c7c7; margin-bottom: 15px; border-radius: 0px;}
#contact-sec .from .form-label{font-size: 16px;}
#contact-sec .content{margin-left: 55px;}
#contact-sec .content h6{font-size: 16px; color: #7e112c; font-weight: 600; margin-bottom: 30px;}
#contact-sec .content .text-a{font-size: 16px; width: 60%; margin-bottom: 25px;}
#contact-sec .content h4 i{font-size: 16px; color: #7e112c;}
#contact-sec .content h4 a{font-size: 16px; color: #000;}
#contact-sec .content h6{margin: 10px 0px; color: #7e112c; font-size: 16px; width: 60%; line-height: 25px;}
#contact-sec .content ul li{margin-bottom: 15px; color: #7e112c; font-size: 16px;}
#contact-sec .submit{padding: 11px 75px; background-color: #7e112c; border: 1px solid #000; color: #fff; transition: .5s; margin-top: 20px; display: inline-block;} 
#contact-sec .submit:hover{background-color: transparent; color: #7e112c;} 


/* gallery */

#gallery {
  background-color: #ffffff;
  padding: 20px 50px;
  overflow: hidden;
}

#gallery .row{row-gap: 20px;}

#gallery .img-wrapper {
  position: relative;
  margin-top: 15px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 0 8px #00000033;
}

#gallery .img-wrapper img {
  width: 100%;
}

#gallery .img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

#gallery .img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 5%;
}

@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}

#nextButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 1;
}

#prevButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

#exitButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}

/* blog */

#blog{padding: 20px 50px 40px;}
#blog .row{row-gap: 25px;}
#blog .imgs{overflow: hidden;}
#blog .imgs img{transition: 5s;}
#blog .imgs:hover img{transform: scale(1.1);}
#blog .content{padding: 25px 20px;}
#blog .content h6{font-size: 12px; letter-spacing: 1.35px; color: #393938; font-family: 'Montserrat', sans-serif; text-transform: uppercase; margin-bottom: 15px; font-weight: 500;}
#blog .content h3 a{font-size: 18px; font-family: "Baskerville No 2", serif; color: #393938; font-weight: 400; text-transform: uppercase; width: 90%; display: inline-block; line-height: 29px;}
#blog .content .text {font-size: 16px; font-family: "Nunito Sans", sans-serif; color: #1c1b1b; margin: 20px 0px;}
#blog .content .read-btn {font-size: 16px; font-family: "Nunito Sans", sans-serif; color: #1c1b1b; border-bottom: 1px solid #1c1b1b;}

/* blog-detail */

#blog-detail {padding: 0px 50px 40px;}
#blog-detail .row {row-gap: 30px; justify-content: center;}
#blog-detail .img img {width: 100%;}
#blog-detail .content h5 a {color: #000; font-size: 22px; display: inline-block; margin-bottom: 10px;}
#blog-detail .content span {color: #6d6d6d; display: inline-block; margin: 15px 0; font-size: 15px;}
#blog-detail .content span i {color: #642d2b;}
#blog-detail .content p {color: #6d6d6d; font-size: 16px; text-align: justify;}
#blog-detail .blog {background-color: #e5621513; padding: 15px 30px 30px; border: 1px solid #642d2b; position: sticky;
top: 100px;}
#blog-detail .blog h4 {color: #642d2b; margin-bottom: 15px; text-align: center; font-size: 28px; font-weight: bold;}
#blog-detail .blog ul {list-style: none; background-color: #fff; border: 1px solid #e4e4e4; padding: 10px;}
#blog-detail .blog ul li {margin-bottom: 15px; align-items: center;}
#blog-detail .blog ul li:last-child {margin-bottom: 0;}
#blog-detail .blog a {color: #000; font-size: 16px; display: inline-block;}
#blog-detail .blog p {color: #6d6d6d; display: inline-block; font-size: 16px;}
#blog-detail .blog p i {color: #642d2b;}

/* category */

#category{padding: 30px 40px;}
#category .row{row-gap: 25px;}
#category .iner-a:hover{overflow: hidden;}
#category .iner-a{position: relative; height: 100%;}
#category .iner-a:hover .imgs .img-1{transform: translateY(0)scale(1.1); opacity: 0;  transition: .5s; -o-transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
#category .iner-a .imgs .img-1{width: 100%;}
#category .iner-a .imgs .img-2{position: absolute; top:0px; left: 0px; right: 0px; opacity: 0; transition: .5s; z-index: 99; width: 100%;}
#category .iner-a:hover .imgs .img-2{opacity: 1; overflow: hidden;}
#category .iner-a h5, #category .iner-a h5 a{font-size: 16px; font-family: "Nunito Sans", sans-serif; color: #393938; text-align: center; margin-top: 22px;}
#category .iner-a .btn-class{position: absolute; bottom: 47px; width: 100%; background-color: #fff; z-index: 999; padding: 10px 20px;   transition: .5s; display: none;}
#category .iner-a .btn-class ul li a, #category .iner-a .btn-class ul li{color: #393938; letter-spacing: 1px;}
#category .iner-a:hover .btn-class{display: block;}


#category .accordion-item{background-color: #eae8e2;}
#category .accordion-button{background-color: transparent; box-shadow: none; border-radius: 0px; border-bottom: 1px solid #232323; color: #7e112c; font-weight: 600; text-transform: uppercase; font-size: 16px;
padding: 10px 1px;}

#category .iner{position: sticky; top: 30px;}
#category .accordion-body{padding: 10px 0px;}
#category .accordion-item {margin-bottom: 30px;}
#category .accordion-body .category-cl li a{color: #232323; font-size: 16px; display: flex; margin-bottom: 10px; transition: .5s; text-transform: uppercase;}
#category .accordion-body .category-cl li a i{display: none; transition: .5s;}
#category .accordion-body .category-cl li a:hover i{display: block;}
#category .accordion-body .category-cl li a span{transition: .5s;}
#category .accordion-body .category-cl li a:hover span{padding-left: 15px; color: #7e112c;}
#category .accordion-item{border: transparent;}
#category .accordion-button::after{filter: grayscale(1);}
#category .accordion-body .size-info li{display: flex; justify-content: space-between; margin-bottom: 13px;}
#category .accordion-body .color-info .color-cl{display: inline-block; height:35px; width: 35px; margin-left: 5px; border-radius: 50px; background-color: #000000;}


/* rang slider */
.range-slider {
width: 300px;
text-align: center;
position: relative; margin-left: 40px; margin-bottom: 40px;}
.rangeValues {
display: block; margin-right: 91px;}


input[type=range] {
-webkit-appearance: none;
border: 1px solid white;
width: 240px;
position: absolute;
left: -12px;
top: 35px;
}

input[type=range]::-webkit-slider-runnable-track {
width: 300px;
height: 5px;
background: #ddd;
border: none;
border-radius: 3px;

}

input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #21c1ff;
margin-top: -4px;
cursor: pointer;
position: relative;
z-index: 1;
}

input[type=range]:focus {
outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
background: #ccc;
}

input[type=range]::-moz-range-track {
width: 300px;
height: 5px;
background: #ddd;
border: none;
border-radius: 3px;
}

input[type=range]::-moz-range-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #21c1ff;

}


/*hide the outline behind the border*/

input[type=range]:-moz-focusring {
outline: 1px solid white;
outline-offset: -1px;
}

input[type=range]::-ms-track {
width: 300px;
height: 5px;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
background: transparent;
/*leave room for the larger thumb to overflow with a transparent border */
border-color: transparent;
border-width: 6px 0;
/*remove default tick marks*/
color: transparent;
z-index: -4;

}

input[type=range]::-ms-fill-lower {
background: #777;
border-radius: 10px;
}

input[type=range]::-ms-fill-upper {
background: #ddd;
border-radius: 10px;
}

input[type=range]::-ms-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #21c1ff;
}

input[type=range]:focus::-ms-fill-lower {
background: #888;
}

input[type=range]:focus::-ms-fill-upper {
background: #ccc;
}

/* rang slider clos */

/* zoomproduct */


#zoomp{padding: 30px 40px;}
#zoomp .row{row-gap:15px;}
#zoomp .zoom-gallery{position: sticky; top: 10px;}
#zoomp .owl-carousel {
max-width: 320px;
.owl-nav {
padding-top: .4em;
font-family: sans-serif;
font-size: .8em;
> div {
    padding: .4em 1.4em;
    border: 1px solid #333;
    background: #000;
    color: white;
    border-radius: .4em;
    background-image: linear-gradient(rgba(255, 255, 255, .3), rgba(0, 0, 0, .2));
    box-shadow: .1em .1em .4em rgba(0, 0, 0, .5);
    &:hover {
    background-color: #333;
    }
}
#zoomp .owl-prev {
    float: left;
}
#zoomp .owl-next {
    float: right;
}
}
}

.slick-prev, .slick-next {background: none; border: none; color: #333; font-size: 20px; cursor: pointer; margin: 5px auto; display: block;}
#zoomp .zoom-gallery .selectors{max-width:100px; overflow: hidden;}



#zoomp .content{margin-left: 35px;}
#zoomp .content h3{font-size: 20px; color: #000000; font-weight: 700; text-transform: uppercase;}
#zoomp .content .star li i{font-size: 12px; margin: 10px 0px;}
#zoomp .content .text{font-size: 16px; font-weight: 600; margin: 10px 0px;}
#zoomp .content .text del{color: #7e112c;}

#zoomp .content h6 a{display: inline-block; width: 100%; background-color: #000000; color: #fff; border: 1px solid #000000; transition: .5s;
padding: 11px; letter-spacing: 2px; text-transform: uppercase; border-radius: 0px; text-align: center; margin: 15px 0px;}
#zoomp .content h6 a:hover{background-color: #c5b9ab; color: #000000;}
#zoomp .content .specifications{font-size: 15px; background-color: #f1f1f1; padding: 1px 10px; margin-bottom: 10px;}
#zoomp .content .fabric-cl{columns: 2; margin-top: 20px;}
#zoomp .content .fabric-cl li{color: #000000; margin-bottom: 15px;}
#zoomp .content .icon-info{margin-top: 10px;}
#zoomp .content .icon-info li a{color: #000000;}
#zoomp .content .accordion-item{border: transparent; margin-top: 20px; background-color: transparent;}
#zoomp .content .accordion-button{background-color: transparent; border-radius: 0px; padding: 10px 0px; color: #000; font-weight: 600; box-shadow: none; border-bottom: 1px solid #000;}
#zoomp .content .accordion-button:not(.collapsed)::after {filter: brightness(0.5);}
#zoomp .content .accordion-body{padding: 10px 0px;}
#zoomp .content .accordion-body .ds-a{font-size: 16px; margin-bottom: 15px;}
#zoomp .content .accordion-body .read-btn{padding: 10px 30px; display: inline-block; background-color: #000000; color: #fff; transition: .5s; border: 1px solid #000000;}
#zoomp .content .accordion-body .read-btn:hover{background-color: #c5b9ab; color: #000000;}


/* login */

#login{text-align: center;  border-top: 1px solid #dfdfdf; padding: 30px 0px;}
#login .row{justify-content: center;}
#login h2{font-size: 25px; color: #000; text-align: center; margin-bottom: 30px; letter-spacing: .05em;}
#login p{font-size: 16px; margin-bottom: 40px; color: grey;}
#login .form-control{border-radius: 0; padding: 15px;}
#login .form-control:focus{box-shadow: none; border-color: #000;}
#login form{row-gap: 20px;}

#login .view{display: inline-block; border: 1px solid #000; color: #ffffff; transition: .5s; padding: 10px 30px; font-size: 18px; position: relative; z-index: 1; background-color: #c5b9ab;}
#login .view::before{background-color: #000; position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; content: ''; transition: .5s; margin: auto;}
#login .view:hover{ color: #000;}
#login .view:hover::before{width: 0%;}

/* related-products */

#related-products{padding: 50px 0px;}
#related-products h2 {text-align: center; margin-bottom: 40px; font-size: 28px; letter-spacing: 0.2em; font-family: "Baskerville No 2", serif;}
#related-products .iner:hover{overflow: hidden;}
#related-products .iner{position: relative; height: 100%;}
#related-products .iner:hover .imgs .img-1{transform: translateY(0)scale(1.1); opacity: 0;  transition: .5s; -o-transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
#related-products .iner .imgs .img-1{width: 100%;}
#related-products .iner .imgs .img-2{position: absolute; top:0px; left: 0px; right: 0px; opacity: 0; transition: .5s; z-index: 99; width: 100%;}
#related-products .iner:hover .imgs .img-2{opacity: 1; overflow: hidden;}
#related-products .iner h5{font-size: 16px; font-family: "Nunito Sans", sans-serif; color: #393938; text-align: center; margin-top: 22px;}
#related-products .iner .btn-class{position: absolute; bottom: 47px; width: 100%; background-color: #fff; z-index: 999; padding: 10px 20px;   transition: .5s; display: none;}
#related-products .iner .btn-class ul li a, #related-products .iner .btn-class ul li{color: #393938; letter-spacing: 1px;}
#related-products .iner:hover .btn-class{display: block;}


#what-new .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 0px;
    top: 120px;
    height: 35px;
    width: 35px;
    background: #000;
    font-size: 48px;
    color: #fff;
}

#what-new .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: 0px;
    top: 120px;
    height: 35px;
    width: 35px;
    background: #000;
    font-size: 48px;
    color: #fff;
}
#what-new .owl-carousel .owl-nav button.owl-prev span,.owl-carousel .owl-nav button.owl-next span{
	position:relative;
	top:-25px
}