@charset "utf-8";
/* CSS Document */

h1,h2,h3,h4,h5,h6{font-family: 'Playfair Display', serif; }
p,a,li{ font-family: 'Source Sans Pro', sans-serif;}
ul{ padding:0; margin:0;}
ul li{ list-style-position:inside; list-style:none;}
a{ transition:1s;}
a:hover{ text-decoration:none;}
.section-padding{ padding: 70px 0;}

.header-style span{ color:#d69f67; }


.btn-dak {
	background: rgba(255,255,255,0);
	border: 2px solid #d69f67;
	color: #d69f67;
	padding: 10px 45px; border-radius:none; transition:1s;
}
.btn-dak:hover{ background:rgba(214,153,104); color:#fff;}

.offer-leaf-let{ background-image: url(../img/leaf-let.png); background-size:cover;}
.offer-leaf-let h2{ color:#fff; font-size:40px; text-transform:uppercase; margin-bottom:20px;}
.offer-leaf-let h5{ color:rgba(255,255,255,.3);}
.offer-leaf-let p{ margin-top:16px; color:#fff;}

.add-settings { padding:72px;}

.offer-leaf-let-1{background-image: url(../img/rings.png); background-size:cover;}
.offer-leaf-let-1 h5{ margin-top:135px;}
.offer-leaf-let-1 h5, .offer-leaf-let-1 h2{ color:#fff;}

.counter-section h2, .counter-section h4, .counter-section h3, .counter-section p { color:#fff;}
.counter-section h2 { font-size:3rem;}
@media (max-width: 996px) {.counter-section h2, .counter-section h4, .counter-section h3, .counter-section p { text-align:center;} .timer-area ul{ text-align:center;}}


.content { padding:10px;}
.content p{ font-weight:bold; color:#d69f67; font-size:25px;}
.content a{ text-align:right; color:#d69f67; }
.content a:hover{ color:#000; }
.content i{ margin-top:15px; margin-right:10px;}

.product-feeds .product-details{ position:absolute; top:0; z-index:9999; margin:25px 0 0 25px;}
.product-details h5{ margin-bottom:15px; color:#fff;}
.product-details span{ background:#d69f67; padding:5px; margin-top:25px; border-radius:5px;}


.features{ text-align:center;}
.features-2 { text-align:left; background-image:url(../img/features-1.jpg); background-color:#000; padding:25px; padding-bottom:50px; background-size:cover;}
.features-2 h3, .features-2 p{ color:#fff;}
.features-2 h6{ margin-top:10rem; color:rgba(255,255,255,.5);}
.features-2 p{ margin-bottom:25px;}

.features-3{ text-align:right; background-image:url(../img/features-2.jpg);background-size:cover; padding:118px 25px 83px 25px;}
.features-3 h3, .features-3 p{ color:#fff;}
.features-3 h6{ color:rgba(255,255,255,.5);}
.features-3 p{ margin-bottom:25px;}

.features-1{ text-align:center; background-image:url(../img/features-3.jpg);background-size:cover; padding:40px 25px 195px 25px;}
.features-1 h3, .features-1 p{ color:#000;}
.features-1 h6{ color:rgba(0,0,0,.5);}
.features-1 p{ margin-bottom:25px;}

footer{ padding:70px 0; background:#000;}
.footer-info img{ width:80%;}
.footer-info h3{ font-size:25px; }
.footer-info p, .footer-info h3 { color:#fff;}
.footer-info ul{ margin-left:10px; margin-top:25px;}
.footer-info ul li { margin-bottom:15px;}
.footer-info ul li a{ color:#d69f67;}
.footer-info ul li a:hover{ color:#000;}

 .slider { width: 100%;margin: 10px auto;}
 .slick-slide {margin: 0px 0px; border-left:1px solid #f0f0f0; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
 .slick-slide img { width: 100%;}
 .slick-prev:before,.slick-next:before {color: black;}
 .slick-slide { transition: all ease-in-out .3s; opacity: .2; }
 .slick-active {opacity: 1; }
 .slick-current { opacity: 1; }
  /*slider*/ 
 img { max-width: 100%;}
.caption {position:absolute;top: 50%;left: 8rem;z-index: 9;transform: translateY(-50%);opacity: 0;transition: 500ms ease opacity, 500ms ease transform;transform: translateY(60px);}
@media (max-width: 768px) { .caption { left:3rem; top:25%;}}
.caption.current-caption {transition-delay: 1000ms;opacity: 1;transform: translateY(0);}
.caption.previous-caption {transform: translateY(-60px);}
.caption .caption-heading {transition: 500ms ease-in all;}
.caption .caption-heading h1 {font-size: 4rem;margin-bottom: 1.5rem; text-transform: uppercase;text-indent: -0.2rem;letter-spacing: 0.2rem;font-weight: 300; color:#fff; }
@media (max-width: 768px) { .caption .caption-heading h1 { font-size:3rem;}}
.caption .caption-heading h1 span{ color:#000;}
.caption .caption-subhead {font-size: 1rem;font-weight: 300;text-transform: uppercase;color: white;letter-spacing: 4px;word-spacing: 0.1rem;margin-bottom: 2.5rem;display: block;}
.caption a.btn {color: #333;font-size: 0.8rem;text-decoration: none;background-color: white;padding: 0.5rem 1rem;text-transform: uppercase;letter-spacing: 0.2rem;position: relative;z-index: 9;transition: 250ms ease-in background-color, 500ms ease-in color;}
.caption a.btn:hover {background-color: black;color: white;}
.container-slider {width: 100%;height: 100vh;background-color: #fff;display: flex;position: relative;}
.left-col, .right-col {width: 100%;box-sizing: border-box;height: calc(100% - 4rem);overflow: hidden;}
.left-col {background-size: cover;background-postion: center top;overflow: hidden;margin: .5rem;position: relative;}
.left-col .slide {filter: grayscale(0%);position: absolute;width: 100%;height: 100%;background-position: !important;background-size: cover !important;background-repeat: no-repeat;
opacity: 0;transition: 1000ms cubic-bezier(1, 0.04, 0.355, 1) transform, 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55) clip-path;transform: translateY(-100%);scale: 1;z-index: -1;}
.left-col .slide.previous {z-index: 1;opacity: 1;transform: translateY(0);animation-delay: 1s;clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);transition: 3s ease transform;
will-change: transform;}
.left-col .slide.previous.change {transform: translateY(50%);}
.left-col .slide.next {transform: translateY(-100%);z-index: 3;opacity: 1;clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);}
.left-col .slide.current {opacity: 1;transform: translateY(0) scale(1.25);z-index: 2;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.right-col {display: flex;align-items: center;justify-content: center;}
.right-col .preview {max-width: 400px;}
.nav {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 6;overflow: hidden;}
.nav a {color: #fafafa;font-size: 3rem;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);}
.nav:hover .slide-up, .nav:hover .slide-down {opacity: 0.5;transform: translateX(0);}
.nav .slide-up, .nav .slide-down {display: block;position: absolute;text-align: center;padding: 1rem;opacity: 0;transition: 0.25s ease opacity, 0.25s ease transform;z-index: 99;}
.nav .slide-up:hover, .nav .slide-down:hover {opacity: 1;}
.nav .slide-up a, .nav .slide-down a {text-decoration: none;font-weight: 300 !important;}
.nav .slide-up {top: 50%;left: 0;transform: translateX(-100%);}
.nav .slide-down {top: 50%;right: 0;transform: translateX(100%);}
.top-nav-section{ border-bottom:1px solid #F4F1F1;}
.top-nav ul{ padding:20px 0;}
.top-nav ul li{ display: inline-block; color:#000; margin-left:10px;}
.top-nav ul li a{ color:#000; font-size:15px;}
.top-nav ul li a:hover{ color:#d69f67;}
.caption-heading h1 span{ color:#fff;}
.banner{ background-image:url(../img/slider/1.jpg); background-size:cover; padding:8rem 0; }
.banner-content{ border-left:3px solid #d69f67; padding-left:20px;}
.banner-content h2{ color:#fff; font-size:3.5rem;}
.banner-content p{ color:#fff;}
.contact-feeds{ border:1px solid #d69f67; padding:50px 20px;}
.contact-feeds i {font-size: 20px;margin-bottom: 25px;background: #d69f67;padding: 20px 23px;border-radius: 100%;color: #fff;}
.form-control { margin-bottom:25px;}

.card {
  float: left;
  width: 100%;
}
.card .menu-content {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.card .menu-content::before, .card .menu-content::after {
  content: "";
  display: table;
}
.card .menu-content::after {
  clear: both;
}
.card .menu-content li {
  display: inline-block;
}
.card .menu-content a {
  color: #fff;
}
.card .menu-content span {
  position: absolute;
  left: 50%;
  top: 0;
  font-size: 10px;
  font-weight: 700;
  font-family: "Open Sans";
  transform: translate(-50%, 0);
}
.card .wrapper {
  background-color: #fff;
  min-height: 540px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2);
}
.card .wrapper:hover .data {
  transform: translateY(0);
}
.card .data {
  position: absolute;
  bottom: 0;
  width: 100%;
  transform: translateY(calc(70px + 1em));
  transition: transform 0.3s;
}
.card .data .content {
  padding: 1em;
  position: relative;
  z-index: 1;
}
.card .author {
  font-size: 12px;
}
.card .title {
  margin-top: 10px;
}
.card .text {
  height: 70px;
  margin: 0;
}
.card input[type=checkbox] {
  display: none;
}
.card input[type=checkbox]:checked + .menu-content {
  transform: translateY(-60px);
}

.example-1 .wrapper {
  background: url(assests/img/product/7.jpg) 20% 1%/cover no-repeat;
}
.example-1 .date {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #77d7b9;
  color: #fff;
  padding: 0.8em;
}
.example-1 .date span {
  display: block;
  text-align: center;
}
.example-1 .date .day {
  font-weight: 700;
  font-size: 24px;
  text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.18);
}
.example-1 .date .month {
  text-transform: uppercase;
}
.example-1 .date .month,
.example-1 .date .year {
  font-size: 12px;
}
.example-1 .content {
  background-color: #fff;
  box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3);
}
.example-1 .title a {
  color: gray;
}
.example-1 .menu-button {
  position: absolute;
  z-index: 999;
  top: 16px;
  right: 16px;
  width: 25px;
  text-align: center;
  cursor: pointer;
}
.example-1 .menu-button span {
  width: 5px;
  height: 5px;
  background-color: gray;
  color: gray;
  position: relative;
  display: inline-block;
  border-radius: 50%;
}
.example-1 .menu-button span::after, .example-1 .menu-button span::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background-color: currentColor;
  position: absolute;
  border-radius: 50%;
}
.example-1 .menu-button span::before {
  left: -10px;
}
.example-1 .menu-button span::after {
  right: -10px;
}
.example-1 .menu-content {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  transition: transform 0.3s;
  transform: translateY(0);
}
.example-1 .menu-content li {
  width: 33.333333%;
  float: left;
  background-color: #77d7b9;
  height: 60px;
  position: relative;
}
.example-1 .menu-content a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
}
.example-1 .menu-content span {
  top: -10px;
}

.example-2 .wrapper {
  background: url(assests/img/product/8.jpg) center/cover no-repeat;
}
.example-2 .wrapper:hover .menu-content span {
  transform: translate(-50%, -10px);
  opacity: 1;
}
.example-2 .header {
  color: #fff;
  padding: 1em;
}
.example-2 .header::before, .example-2 .header::after {
  content: "";
  display: table;
}
.example-2 .header::after {
  clear: both;
}
.example-2 .header .date {
  float: left;
  font-size: 12px;
}
.example-2 .menu-content {
  float: right;
}
.example-2 .menu-content li {
  margin: 0 5px;
  position: relative;
}
.example-2 .menu-content span {
  transition: all 0.3s;
  opacity: 0;
}
.example-2 .data {
  color: #fff;
  transform: translateY(calc(70px + 4em));
}
.example-2 .title a {
  color: #fff;
}
.example-2 .button {
  display: block;
  width: 100px;
  margin: 2em auto 1em;
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 1;
  position: relative;
  font-weight: 700;
}
.example-2 .button::after {
  content: "→";
  opacity: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.3s;
}
.example-2 .button:hover::after {
  transform: translate(5px, -50%);
  opacity: 1;
}

/* daksh master color #d69f67 */