.category-section-87{width:100%; height:auto; padding: 50px 0px;  background: #fbc40b url('../../assets/images/Bg-9.png');
    background-size: 100% 100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;}
.category-section-87 .title1 .title-inner1{color: #000}
.category-section-87 .section-t-space{padding-top: 0px;}





.shop-by-stait{width:100%; height:auto; padding:120px 0px; background: #fff}
.shop-by-stait .section-t-space{padding-top: 0px;}


.babies-st{width: 236px;
    min-height: 450px;
    border: 2px solid #aeb442;
    background: #f8ffc4;
    border-radius: 196px;
    /* float: left; */
    position: revert;
    overflow: hidden;
    margin: 0px auto;}
.babies-st-name {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    padding: 76px 0px 0;
}
.babies-st-name h2 a{ font-size:20px; color:#000;word-break: break-word; }
.babies-st-name span{ font-size:15px; color:#6b6b6b}
.babies-picture {
    width: auto;
    height: auto;
    margin-top: 180px;
    margin: 207px auto 0;
    display: table;
}
.babies-picture img{width: 100%; height: auto;}

.best-selling-card{width:100%;height:auto;
    margin: 0px auto;}


.best-selling-section {
    margin-top: 100px;
}
.best-selling-card-inner {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}
.best-selling-card-inner .product-content-top {
    color: var(--white);
}
.best-card-image {
    position: relative;
    transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    background-color: var(--white);
}
.best-card-image .best-img {
    position: relative;
    height: 458px;
    display: block;
    padding-top: 130%;
    transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
}
.best-card-image .best-img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    object-fit: cover;
    transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
}
.best-content {
    position: absolute;
    bottom:158px;
    left: 20px;
    right: 20px;
    height: auto;
    z-index: 1; text-align: center;
}
.best-card-image .best-img:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
.product-content-bottom {
  text-align: center;
    bottom: 90px;
    top: auto;
}

.product-content-top {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.product-content-bottom .product-content-top {
    margin-bottom: 70px;
}
.sub-title {
    font-weight: 600;
    margin-bottom: 8px;
    font-size:30px; color: #000;font-family: 'Poppins', sans-serif;
}


.product-content-top h4 {color: #000; margin-bottom: 15px; font-size: 25px; font-weight: 800;font-family: 'Poppins', sans-serif;}

.product-title a{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.best-card-btn {
    padding: 0 20px;
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 1;
}

.best-selling-section .btn-secondary, .best-selling-section .btn {
    width: 100%;
    padding: 15px 10px;
}
.btn-secondary.white-btn {
	width: 100%;
	font-size: 18px;
	font-weight: 600;
    background:#fff;
    color:#000;font-family: 'Poppins', sans-serif;
}
.btn-secondary {
    display: inline-flex;
    align-items: center;
    padding: 14px 15px;
    color: var(--black);
    background: var(--second-color);
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    transition: all ease-in-out .4s;
    -webkit-transition: all ease-in-out .4s;
    -moz-transition: all ease-in-out .4s;
    -ms-transition: all ease-in-out .4s;
    -o-transition: all ease-in-out .4s;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    text-transform: capitalize;
    border: none;
    min-width: 135px;
    gap: 10px;
}
.btn-secondary.white-btn:hover, .btn-secondary:hover {
    transition: all ease-in-out .5s;
    transform: translateY(-5px);
    box-shadow: 0 11px 10px -10px #cfcfcf;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}




.btn.theme-btn:hover, .btn.theme-btn:focus {
    transition: all ease-in-out .5s;
    transform: translateY(-5px);
    box-shadow: 0 11px 10px -10px #cfcfcf;
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}

.shopify-section{width:100%; height:auto; padding:80px 0px; float: left; 
  background-image: url(../../assets/images/springoo-home3-slide1.jpg); 
 background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;}
.light-grey-bg-white{width:100%; height:auto; padding:80px 0px; 
	float: left;
	background:#f8f8f8 url(../../assets/images/decoration-shop.png); background-position: top right; background-repeat:no-repeat; position: relative;}
/*.light-grey-bg-white:before{width: 259px; height: 327px; background-image: url(../../assets/images/decoration-blog.png); position: absolute; bottom: 10px; left: 0px; content: ""}*/
.owl-carousel .item {
    height: auto;
    padding: 0px;
}



/* home beauty */
.tp-category-item-3 {
  min-height: 360px; border-radius: 8px;
}
.tp-category-item-3:hover .tp-category-content-3 {
  bottom: 35px;
}
.tp-category-item-3:hover .tp-category-btn-3 {
  visibility: visible;
  opacity: 1;
}
.tp-category-item-3:hover .tp-category-thumb-3 {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.tp-category-item-3:hover .tp-category-thumb-3::after {
  opacity: 0;
  visibility: hidden;
}
.tp-category-item-3:hover .tp-category-thumb-3::before {
  visibility: visible;
  opacity: 1;
}
.tp-category-thumb-3 {
  z-index: -1;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.tp-category-thumb-3::after, .tp-category-thumb-3::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(180deg, rgba(1, 15, 28, 0) 0%, rgba(1, 15, 28, 0.5) 100%);
  background-image: -moz-linear-gradient(180deg, rgba(1, 15, 28, 0) 0%, rgba(1, 15, 28, 0.5) 100%);
  background-image: -ms-linear-gradient(180deg, rgba(1, 15, 28, 0) 0%, rgba(1, 15, 28, 0.5) 100%);
  background-image: -o-linear-gradient(180deg, rgba(1, 15, 28, 0) 0%, rgba(1, 15, 28, 0.5) 100%);
  background-image: linear-gradient(180deg, rgba(1, 15, 28, 0) 0%, rgba(1, 15, 28, 0.5) 100%);
}
.tp-category-thumb-3::before {
  background: none;
  background: rgba(1, 15, 28, 0.5);
  opacity: 0;
  visibility: hidden;
}
.tp-category-title-3 {
  font-weight: 600;
  font-size: 24px;
  color: var(--tp-common-white);
  margin-bottom: 0;padding: 0px 10px;
}
.tp-category-title-3 a {
	font-size: 20px; color: #fff;font-family: 'Poppins', sans-serif;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 88%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.tp-category-title-3 a:hover {
  background-size: 0 1px, 100% 1px;
}
.tp-category-content-3 {
  position: absolute;
  bottom: 41px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}
.tp-category-content-3 span {
  font-weight: 500;
  font-size: 14px;
  color: var(--tp-common-white);
  display: inline-block;
  margin-bottom: 22px;
}
.tp-category-btn-3 {
  visibility: hidden;
  opacity: 0;
}
.tp-category-btn-3 .tp-link-btn-2 {
  color: var(--tp-common-white);
}
.tp-category-btn-3 .tp-link-btn-2::after, .tp-category-btn-3 .tp-link-btn-2::before {
  background-color: var(--tp-common-white);
}
.tp-category-more-3 .tp-btn {
  font-size: 14px;
  color: var(--tp-common-black);
  border-color: rgba(1, 15, 28, 0.12);
  background-color: transparent;
}
.tp-category-more-3 .tp-btn:hover {
  background-color: var(--tp-theme-brown);
  border-color: var(--tp-theme-brown);
  color: var(--tp-common-white);
}


.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.tp-category-thumb-3, 
.tp-author-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    object-fit: cover;
}
.fix {
    overflow: hidden;
}

.transition-3 {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

















/*----------------------------------------*/
/*  8.23 Collection CSS
/*----------------------------------------*/
.tp-collection-item:hover .tp-collection-thumb {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.tp-collection-height {
  min-height: 400px; border-radius: 10px;margin-bottom: 15px;
    margin-top: 15px;
}
.grey-bg {
    background-color:#f6f7f9;
}
.z-index-1 {
    z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-collection-height {
    min-height: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-collection-height {
    min-height: 600px;
  }
}
@media (max-width: 575px) {
  .tp-collection-height {
    min-height: 400px;
  }
}
.tp-collection-thumb {
  z-index: -1;
}
.tp-collection-thumb.has-overlay::after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 15, 28, 0.1);
}
.tp-collection-title {
  font-weight: 500;
  font-size: 50px;
  line-height: 1;
  margin-bottom: 34px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-collection-title {
    font-size: 35px;
  }
}



@media (max-width: 575px) {
  .tp-collection-title {
    font-size: 32px;
  }
}
.tp-collection-title a {
  background-image: linear-gradient(#010F1C, #010F1C), linear-gradient(#010F1C, #010F1C);
  background-size: 0% 2px, 0 2px;
  background-position: 100% 100%, 0 80%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.tp-collection-title:hover a {
  background-size: 0 2px, 100% 2px;
}
.tp-collection-title-1 {
  background-color: #fff; border-radius: 10px 10px 0px 0px; padding: 10px 10px;
  font-weight: 600; text-align: center;
  line-height: 26px;
  margin-bottom: 10px;
  text-transform: uppercase;
  color:#000;margin: 0px 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-collection-title-1 {
    font-size: 35px;
  }
}
@media (max-width: 575px) {
  .tp-collection-title-1 {
    font-size: 30px;
  }
}
.tp-collection-title-1 a {
	font-size: 20px; color: #000;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 80%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
}
.tp-collection-title-1:hover a {
  background-size: 0 1px, 100% 1px;
}
.tp-collection-content {
  position: absolute;
  top: 55px;
  left: 55px;
  right: 55px;
  word-wrap: break-word;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .tp-collection-content {
    top: 35px;
    left: 30px;
    right: 30px;
  }
}
.tp-collection-content span {
  font-size: 16px;
  color: var(--tp-common-black);
  display: inline-block;
  margin-bottom: 9px;
}
.tp-collection-content-1 {
  position: absolute;
  bottom: 20px;
  left: 15px;
  right: 15px;
  word-wrap: break-word;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .tp-collection-content-1 {
    bottom: 30px;
    left: 30px;
    right: 30px;
  }
}
.tp-collection-btn .tp-btn {
  font-size: 14px;
  background-color: var(--tp-common-white);
  border-color: var(--tp-common-white);
  color: var(--tp-common-black);
  padding: 6px 19px;
}
.tp-collection-btn .tp-btn:hover {
  background-color: var(--tp-theme-brown);
  border-color: var(--tp-theme-brown);
  color: var(--tp-common-white);
}
.tp-collection-btn-1 .tp-link-btn-line {
  color:#fff; text-transform: uppercase;font-family: 'Poppins', sans-serif; font-size: 16px;
}
.tp-collection-btn-1 .tp-link-btn-line::after {
  background-color: var(--tp-common-white);
}
.tp-collection-offer-wrapper {
  padding-left: 33px;
}
.tp-collection-offer-wrapper p {
  font-size: 18px;
  line-height: 1.11;
  color: var(--tp-common-black);
}
.tp-collection-offer-wrapper p span {
  color: #0989FF;
}
.tp-collection-countdown .tp-product-countdown {
  background: var(--tp-common-white);
  border: 1px solid #DDE0E3;
  box-shadow: 0px 1px 2px rgba(1, 15, 28, 0.1);
  padding: 4px 14px;
  height: 50px;
}
.tp-collection-countdown .tp-product-countdown:not(:last-child) {
  margin-right: 4px;
}
.tp-collection-countdown .tp-product-countdown.has-second {
  width: 50px;
  height: 50px;
}
.tp-collection-countdown .tp-product-countdown ul li {
  width: inherit;
  height: inherit;
  font-weight: 500;
  font-size: 10px;
  line-height: 8px;
  text-align: center;
  text-transform: uppercase;
  color: var(--tp-text-2);
  border: none;
  border-radius: 0;
  position: relative;
}
.tp-collection-countdown .tp-product-countdown ul li:not(:last-child) {
  padding-right: 17px;
  margin-right: 9px;
}
.tp-collection-countdown .tp-product-countdown ul li:not(:last-child)::after {
  position: absolute;
  content: ":";
  top: 50%;
  right: 0;
  font-size: 14px;
  font-weight: 700;
  color: var(--tp-common-black);
}
.tp-collection-countdown .tp-product-countdown ul li span {
  font-weight: 500;
  font-size: 22px;
  line-height: 14px;
  color: var(--tp-common-black);
  margin-bottom: 4px;
}

.tp-collection-thumb{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height:506px;
  border-radius: 15px;
       background-size: 100% 100%;
}


.tp-collection-btn-1{background: #ff8d8d; padding: 15px 15px 13px; border-radius: 10px; text-align: center;}


.categori-grid {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}

.categori-grid li {
    width: 220px;
    height: 220px;
    display: inline-block;
   margin: 20px 20px 60px
}


.categori-grid li .ch-item-two {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: default;
    
}

.ch-img-1-two {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 50%;
    margin-top: 23px;
}
.ch-img-1-two img{width: 100%; height: 100%}
.ch-info-two{ width: 100%; float: left; height: auto; text-align: center; margin-top: 25px;}
.ch-info-two h3 {
    text-transform: uppercase;
    position: relative;
    margin: 0 30px;
    padding: 0px 0 0 0;
    height: auto;
    
}
.ch-info-two h3 a{color: #000; letter-spacing: 2px;  font-family: 'Open Sans', Arial, sans-serif;text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); text-transform: uppercase;text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);font-size: 22px;}




/*----------------------------------------*/
/*  8.7 Featured Product CSS START
/*----------------------------------------*/
.tp-featured-slider {
  margin-right: -660px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .tp-featured-slider {
    margin-right: 0;
  }
}
.tp-featured-slider-arrow button {
  font-size: 30px;
  color: #fff;
  position: relative; border: 0px; background: #000;
}
.tp-featured-slider-arrow button:not(:last-child) {
  padding-right: 14px;
  margin-right: 10px;
}
.tp-featured-slider-arrow button:not(:last-child)::after {
  position: absolute;
  content: "";
  right: -6px;
  top: 25%;
  height: 30px;
  width: 1px;
  background-color: #D6D9E0;
}
.tp-featured-slider-arrow button:hover {
  color:#fbc40b;
}
.tp-featured-item {
  min-height: 380px;
  padding: 87px 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tp-featured-item {
    padding: 87px 35px;
  }
}
@media (max-width: 575px) {
  .tp-featured-item {
    min-height: 280px;
    padding: 35px 35px;
  }
}
.tp-featured-item .tp-product-rating-icon-2 {
  margin-bottom: 20px;
}

.tp-featured-title {
  font-weight: 400;
  font-size: 36px;
  line-height: 1.17;
  margin-bottom: 7px;
  color: #fff;
}

.tp-featured-title a{color: #fff}

@media (max-width: 575px) {
  .tp-featured-title {
    font-size: 25px;
  }
}
.tp-featured-title a:hover {
  color: var(--tp-theme-secondary);
}
.tp-featured-price {
  font-weight: 500;
  font-size: 20px;
  color: var(--tp-common-black);
  line-height: 1;
}
.tp-featured-price-wrapper {
  line-height: 1;
  margin-bottom: 2px;
}
.tp-featured-price.new-price {
  color:#fff;
}
.tp-featured-price.old-price {
  font-weight: 400;
  font-size: 14px;
  text-decoration-line: line-through;
  color: var(--tp-text-1);
}

.tp-featured-item-3 {
  padding: 0px 50px 40px;
  background-color: var(--tp-common-white);
  border: 1px solid var(--tp-border-4);
  margin-right: -1px;
  margin-top: -1px;
}
@media (max-width: 575px) {
  .tp-featured-item-3 {
    padding: 0px 30px 40px;
  }
}
.tp-featured-thumb-3 {
  margin-bottom: 20px;
}
.tp-featured-thumb-3 img {
  max-width: 100%;
}
.tp-featured-thumb-3.has-translate img {
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
}
.tp-featured-title-3 {
  font-weight: 400;
  font-size: 26px;
  line-height: 1.15;
  margin-bottom: 14px;
}
.tp-featured-title-3 a:hover {
  color: var(--tp-theme-brown);
}
.tp-featured-thumb-3 {
  min-height: 210px;
}
.tp-featured-content-3 p {
  font-size: 16px;
  line-height: 1.38;
  margin-bottom: 19px;
}
.tp-featured-price-3 span {
  font-size: 20px;
  color: var(--tp-theme-brown);
}

.swiper-container-pointer-events {
    touch-action: pan-y;
}

.tp-featured-slider-area{width: 100%; height: auto; background:#e7efff; padding: 60px 0px;}


.tp-featured-thumb {
  z-index: -1;
}
.tp-featured-content{margin-top: 180px;}

.mt-45 {
    margin-top: 45px;
}


.tp-featured-srt{width: 100%; height: auto; padding: 80px 0px; 
  background: url("../images/43.jpg");
    background-position: right;
    background-repeat: no-repeat;}
.tp-featured-freiat{width: 100%; height: auto; padding: 0px 0px 80px; background:#fdd9b7}

.blog-inner {
    position: relative;
    background-color: var(--white);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.blog-img{width: 100%; height: auto; position: relative; overflow: hidden;}
.blog-img a {
    position: relative;
    display: block;
    padding-top: 55%;
    overflow: hidden; 
    border-radius: 15px;

}

.blog-img a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}


.blog-content {
    flex: 1;
    width: 250px;
    height: 100%;
    right: 0;
    display: flex;
    flex-direction: column;
    padding: 15px;
    position: absolute; border-radius: 0px 15px 15px 0px;
    background-color: rgba(0, 0, 0, 0.3);
}
.blog-content-top {
    flex: 1;
}

.blog-content-top h5 a{font-size:24px; text-align: center; color: #fff;font-family: 'Poppins', sans-serif; position: absolute; bottom: 30px;}

.slick-list-one .owl-carousel .item {
    height: auto;
    padding: 10px;
}
.latest-product-dt{width: 100%; height: auto; float: left;}
.latest-product-dt .owl-carousel{width: 100%; height: auto; float: left;}


.latest-product-box{width: 100%; height:420px; float: left; overflow: hidden; position: relative;}
.latest-product-box img{width: 100%; height:100%; float: left; border-radius: 16px;
    border: 5px solid #fff; }
.latest-product-box-picture {
    height: 350px;
}
.latest-product-con-caption {
    position: absolute;
    bottom: 20px;
    background: #fbc40b;
    left: 0px;
    right: 0px;
    width: 78%;
    border-radius: 10px;
    margin: 0px auto;
    padding: 27px 10px 8px;
}
.latest-product-con-caption h3 {
    background: #fff;
    width: 88%;
    top: -15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px auto;
    color: #000;
     border-radius: 4px;
    font-size: 18px;
    padding: 5px;
    position: absolute;
}
.latest-product-con-caption p{margin-bottom: 0px; color: #000; text-align: center; font-size: 14px;}
.latest-product-con-caption a.add-more {
    padding: 6px 15px;
    background: #000;
    border-radius: 10px;
    color: #fff;
    display: table;
    margin: 8px auto;
}
.tp-featured-csre{width: 100%; height: auto; padding: 80px 0px; background: #fff}




.trends-product-ft {
    width: 100%; height: auto; float: left;
}
.trends-product-ft h2 {
    text-align: center;
    color: #000;
    font-size: 18px;
    padding: 5px; 
}

.trends-product-ft .item{width: 100%; height: auto; float: left; background: #f2586e; padding: 15px;}

.trends-product-ft .item .trends-pop-box{width: 100%; height: auto; float: left; }
.trends-pop-picture{width: 100%; height:350px; float: left; }
.trends-pop-picture img{border-radius: 0px; width: 100%; height: 100%}
.trends-pop-con-caption{width: 100%; height: auto; float: left;    margin-top: 25px;}

.trends-pop-con-caption h3{text-align: center; font-size: 20px; color: #fff}



.tp-featured-fun{width: 100%; height: auto; padding: 80px 0px; background:#fff7cc;background-size: cover;
    background-position: right;
    background-repeat: no-repeat;}




.ch-grid {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  display: block;
  text-align: center;
  width: 100%;
}


.ch-item:before {
  width: 220px;
  height: 220px;

  content: '';
    display: table;
    position: absolute;
    z-index: 9999;
    border-radius: 50%;
    box-shadow: 
    inset 0 0 0 0 rgba(200,95,66, 0.4),
    inset 0 0 0 16px rgba(255,255,255,0.6),
    0 1px 2px rgba(0,0,0,0.1);
    
}

.ch-grid:after {
  clear: both;
}

.ch-grid li {
  width: 220px;
  height: 220px;
  display: inline-block;
  margin: 20px;
}

.ch-item {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  cursor: default;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.ch-img-1 { position: absolute; top:0px; left: 0px; }

.ch-img-1 img{width: 100%; height: auto; aspect-ratio: 1/1;}

.ch-info {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  
  -webkit-backface-visibility: hidden; /*for a smooth font */

}

.ch-info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 95px 0 0 0;
  height: 110px;
  font-family: 'Open Sans', Arial, sans-serif;
  text-shadow: 
    0 0 1px #fff, 
    0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
  color: #fff;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
  display: block;
  color: #fff;
  color: rgba(255,255,255,0.7);
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  padding-top: 4px;
  font-family: 'Open Sans', Arial, sans-serif;
}


.ch-item:hover .ch-info {
  background-color:rgba(0,0,0, 0.4);
  position: relative;
  top: 0;left: 0px;
  width: 220px;
  z-index: 99999999;

}

.ch-item:hover .ch-info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);  
  z-index: 9999999;
}


.best-selling-con{width:100%; height:auto; float:left; }
.best-selling-con ul{display: block;}
.best-selling-con ul li{width: 28%; height: auto; float: left; margin-right: 25px}


/*-- 15/02/24--*/


.categori-grid {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}

.categori-grid li {
    width: 220px;
    height: 220px;
    display: inline-block;
    margin: 20px;
}


.categori-grid li .ch-item-two {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    cursor: default;
    
}

.ch-img-1-two {
    width: 100%;
    height: 100%;
}
.ch-info-two{ width: 100%; float: left; height: auto; text-align: center;}
.ch-info-two h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 95px 0 0 0;
    height: 110px;
    font-family: 'Open Sans', Arial, sans-serif;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);
}

/* 12/02/24 */


.inner-background-two {
    background-size: cover;
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}
.inner-background-two img {
    width: 100%;
    height: 100%;
}
.latest-overlay-two {
    width: 100%;
    height:100%;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px 300px;
    text-align: left;
    margin-top:0px;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
}
.latest-overlay-two h2 {
    font-size:30px;
    position: absolute;
    top: 36%;
    font-weight: 800;
    border: 0px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}


.page-about-section{width: 100%; height: auto; overflow: hidden; padding: 80px 0px;}
.about-our-mission {
    margin: 5rem 0;
}
.about-our-mission__split {
    padding: 0 2rem;
}

.about-our-mission__heading {
    text-align: center;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.about-our-mission p {
    font-size: 1.125rem;
    line-height: 1.78;
}

.about-our-mission__image {
    position: relative;
    display: block;
    margin: 0 auto;
    z-index: 10;
}

.about-image{width: 100%; height: auto; float: left; padding: 25px; }
.about-image p {
    font-size: 1rem;
    font-weight: 300;
    line-height:1.5;
    color: #75787b;
    letter-spacing: 1.2px;
}
.title {
    width: 100%;
    color: #000;
    font-size: 2.25em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3.6px;
    margin-bottom:20px;
    position: relative;
}

.about_picture{width:80%; height: auto; float: left;}
.about_picture img{width: 100%; height: auto;}


.about-products {
    background-color: #eaf0f6;
    padding: 2.75rem 0;
    width: 100%;
    display: inline-block;
}
.about-products__header {font-size: 24px; color: #000; margin-bottom: 15px}
.about-products__wrapper p{font-size: 16px; line-height: 20px;}

@media(min-width:768px) {
    .about-products {
    padding: 8rem 0;
}
}.about-products .about-products__container {
    margin-bottom: 2rem;
}
.about-products .about-products__wrapper {
    margin: 0 auto 2rem;
    width: 100%; padding: 25px}
@media(min-width:768px) {
    .about-products .about-products__wrapper {
    margin: 0 2% 2rem 0;
    width: 100%}
}@media(max-width:1024px) {
    .about-products .about-products__wrapper {
    margin: 0 0 3rem;
    text-align: center;
    width: 100%}
}@media(max-width:767px) {
    .about-products .about-products__wrapper {
    text-align: left;
}
}.about-products .about-products__wrapper .about-products__description {
    text-align: left;
}
.about-products .about-products__card {
    backface-visibility: hidden;
    background: #fff;
    border-radius: .1875rem;
    box-shadow: 0 0 11px #eaf0f6;
        min-height: 366px;
    cursor: pointer;
    display: flex;
    margin-bottom: 1rem;
    padding: 1rem;
    position: relative;
    transition: box-shadow .15s ease-in-out, transform .15s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%}
.about-products .about-products__card:hover {
    box-shadow: 0 10px 50px -5px rgba(46, 71, 93, .12);
    transform: scale(1.014);
}
@media(min-width:768px) {
    .about-products .about-products__card {
    margin-right: 2%;
    padding: 2rem;
    width:100%}
}.about-products .about-products__card:hover {
    cursor: auto;
}
.about-products .about-products__card:nth-child(3n) {
    margin-right: 0;
}
@media(max-width:1024px) {
    .about-products .about-products__card: not(.full-width) {
    width: 48%}
}@media(max-width:767px) {
    .about-products .about-products__card: not(.full-width) {
    width: 100%}
}.about-products .about-products__card--image {
    display: inline-block;
    height: 1.5rem;
    margin-right: 10px;
    width: 1.5rem;
}
.about-products .about-products__card--image-wrapper {
    align-items: center;margin-bottom: 18px;
    display: flex;
}
.about-products .about-products__card.full-width {
    margin-right: 0;
    padding: 0;
    width: 100%}
@media(max-width:767px) {
    .about-products .about-products__card.full-width {
    display: flex;
    flex-direction: column;
}
}.about-products .about-products__card.full-width:before {
    background: #f6f9fc;
    background-image: url(//cdn2.hubspot.net/hubfs/53/assets/hubspot.com/home/2018/Integrations_Illustration@2x.png);
    background-position: 40% 50%;
    background-repeat: no-repeat;
    background-size: 30%;
    content: "";
    height: 7rem;
    padding: 1rem 0;
    width: 100%}
@media(min-width:768px) {
    .about-products .about-products__card.full-width: before {
    background-position: 50% 50%;
    background-size: 50%;
    height: auto;
    width: 50%}
}@media(min-width:501px)and (max-width:767px) {
    .about-products .about-products__card.full-width: before {
    background-size: 25%}
}.about-products .about-products__card.full-width .about-products__card--text-wrapper {
    padding: 2rem;
}
@media(min-width:768px) {
    .about-products .about-products__card.full-width .about-products__card--text-wrapper {
    width: 100%}
}
.about-products .about-products__card--content p {
   font-size: 15px;
    line-height: 23px;
}
.about-products .about-products__ctas {
    display: flex;
    flex-direction: column;
}
@media(max-width:1024px) {
    .about-products .about-products__ctas {
    flex-direction: row;
    justify-content: space-evenly;
}
}@media(max-width:767px) {
    .about-products .about-products__ctas {
    flex-direction: column;
}
}.about-products .about-products__ctas a {
    margin: .5rem 0;
}
@media(max-width:1024px) {
    .about-products .about-products__ctas a {
    margin: 0 .5rem;
}
}@media(max-width:767px) {
    .about-products .about-products__ctas a {
    margin: .5rem 0;
}
}

.vision-page-one{width: 100%; height: auto; float: left; }

.vision-section{width: 100%; height: auto; padding: 80px 0px; overflow: hidden;}



.vision-pict {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 500px;
    color: #fff;
    background-size: cover;
    background-position: 50% 50%;
}

.vision-pict__title {
    font-size: 2.57143em;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 3.6px;
}

.vision-pict .vision-pict__text {
    max-width: 610px;
}
.vision-pict__text p{
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 40px;
    text-align: center;
    max-width: 100%;
}



.goals-image__content {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: transform;
    width:800px;
     height:100%;
        margin-left: -23%;
    background-color: #f9f9f9;
    padding: 4.6875em 5% 5%;
    position: relative;
    z-index: 2;
}
.goals-image__content ul{display: block; margin-left:35px }

.goals-image__content ul li{width: 100%; height: auto; float: left; margin-bottom: 25px;}

.goals-image__picture[id] {
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: transform,opacity;
    opacity: 0;
    -webkit-transition-duration: .6s,1s;
    transition-duration: .6s,1s;
    -webkit-transform: translate3d(-20vw,0,0);
    transform: translate3d(-20vw,0,0);
}
.goals-image__picture {
    position: relative;
    width:100%;
    padding-top: 50%;
    background-size: cover;
    background-position: 50% 50%;
    margin-top: 80px;
    z-index: 1;
}

.goals-image__picture img {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    will-change: opacity;
    position: absolute;
        top: 46%;
    right: -28%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 90%;
    width: 100%;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
}

.top-box-78{width: 100%; height: auto;display: inline-block;}
.phone-one{width: 100%; min-height:270px; padding:45px 25px;display: inline-block;background: #fff; border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.phone-one h2{font-size:20px; color: #000; margin-bottom: 10px; text-align: center;}
.phone-one p{font-size: 17px;
    color: #8f8f8f; text-align: center;}
.phone-one span {
   width: 70px;
    height: 70px; 
    border-radius: 50px;
    background: #c2a074;
    text-align: center;
        margin: 0px auto;
    display: table;
    padding: 22px;
    margin-bottom: 25px;
}
.phone-one span i{color: #fff; font-size:24px;}

.contact-wrap {
    background:#e9e9e9;padding: 55px 45px; border-right: 2px solid #000;
}
.cont-body{width: 100%; height: auto; margin-top: 50px; float: left;box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);}

.contact-wrap .form-control {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   padding: 15px;
}

.contact-wrap .form-group{margin-bottom: 26px;}
.no-padding{padding: 0px;}


.contact-wrap .label {
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.contact-wrap .form-control:focus, .contact-wrap .form-control:active {
    border-color: #01d28e !important;
}
.btn.btn-primary {
    background: #222;
    border-color: #222 ;
    color: #fff;
    padding: 15px 25px;
}

.dt-text {
    float:left;width: 148px;
}

.dt-text h2{font-size: 14px;margin-bottom: 3px;font-weight: 600;}

.dt-text p{font-weight: normal;margin-bottom: 4px;}

.icon-dr{position: absolute; right:8px; top: 25px;}
.icon-dr .fa-angle-right{color: #000}
.manage-st{width: 100%; height: auto; display: inline-block; background: #f3f3f3; margin-bottom: 15px; padding: 10px; text-align: center; border: 2px solid #d7d7d7; border-radius: 5px}
.manage-st h2{font-size: 18px; font-weight: 600; color: #424242; margin-bottom: 10px;}
.manage-st p{font-size: 16px; font-weight: 400; color: #424242; margin-bottom:0px;}

.tabs ul li a.active .icon-dr .fa-angle-right{color: #000}

.tabs li a span {
   background: #d1a205;
    color: #fff;
    width: 32px;
    margin-right: 10px;
    padding: 6px;
    float: left;
    height: 32px;
    text-align: center;
    border-radius: 50px;
    margin-left: 0px;
    margin-top: 3px;
    display: inline-block;
}

.item-content .accordion-button{ margin-bottom:0px }
.item-content .accordion-button:focus{box-shadow:none;border-color{none}}
.item-content .accordion-button:not(.collapsed){color: #fff;
    background-color: #d1a205; border: 0px solid #d1a205;
}
#faq .card {
  margin-bottom:15px;
  border: 0;
}
#faq .card .card-header {
  border: 0;
 background: transparent;
  padding: 0;
}

#faq .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: transparent;
  color: #222;
  border-bottom: 1px solid #ccc;
  padding: 10px 15px;
}

#faq .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#faq .card .card-header .btn-header-link.collapsed {
  background: #222;
  color: #fff;
}

#faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#faq .card .collapsing {
  background: #FFE472;
  line-height: 30px;
}

#faq .card .collapse {
  border: 0;
}

#faq .card .collapse.show {
  background: #fff;
  line-height: 30px;
  color: #222;
}




#faq2 .card {
  margin-bottom:15px;
  border: 0;
}
#faq2 .card .card-header {
  border: 0;
 background: transparent;
  padding: 0;
}

#faq2 .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: transparent;
  color: #222;
  border-bottom: 1px solid #ccc;
  padding: 10px 15px;
}

#faq2 .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#faq2 .card .card-header .btn-header-link.collapsed {
  background: #222;
  color: #fff;
}

#faq2 .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#faq2 .card .collapsing {
  background: #FFE472;
  line-height: 30px;
}

#faq2 .card .collapse {
  border: 0;
}

#faq2 .card .collapse.show {
  background: #fff;
  line-height: 30px;
  color: #222;
}


.size-Chart-section{width: 100%; height: auto; float: left; background: #fff; padding:0px;}

.p-heading{width: 100%; height: auto; float: left; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.span-add-to-cart{width: 100%; height: auto; float: left; padding:0px 0px;}

.add-cart-one{width:auto; height: auto; float: right;}
.add-cart-top{background: #000; color: #fff; text-align: center; font-size: 14px; border: 0px; padding: 9px 25px;}

.left-condition{width: auto; height: auto; float: left; padding-top:8px; }
.left-condition p{color:#000; font-size:16px; line-height:20px; }

.div-size-opt{width: 100%; height: auto; float: left; margin-top:35px; }
.custom-select{width: auto; height: auto; display: table; margin: 0px auto;}
.select-selected {
    color: #424242;
    padding: 8px 16px;
    cursor: pointer;
    user-select: none;
    border: 1px solid #ccc;}

.select-one select {
    padding:8px;
    margin: 0;
    
    border-radius:0px;
    background: #fff;
    color:#888;
    border:1px solid #ccc;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    width:250px;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .select-one select {padding-right:18px}
    .select-two select {padding-right:18px}
}
.select-one{ width:224px; height:auto; margin-bottom:24px;}
.select-one label {position:relative}
.select-one label:after {
  content: "";
    background: url(../../assets/images/select.png);
    background-repeat: no-repeat;
    font: 11px "Consolas", monospace;
    color: #aaa;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    right: 2px;
    top: 3px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
    z-index: 99999;
    width: 34px;
    height: 34px;
}
/*.select-one label:before {
    content:'';
    right:1px; top:2px;
    width:32px; height:33px;
    position:absolute;
    pointer-events:none;
    display:block;
    background:#eeeeee;
}*/

/* The CSS */
.select-two select {
    padding:8px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background: #f8f8f8;
    color:#888;
    border:1px solid #ccc;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    width:224px;
}

#look {
    width: 532px;
    margin: 20px auto;
   display: table;
    background-repeat: no-repeat;
    background-position: center;
}
.measurements{width: 100%; height: auto; text-align: center; float: left; padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.size-table-wrap table { width: 500px; margin: 0px auto;
    margin-top: 20px;
}
.size-chart-popup {
    font-family: RobotoLR;
    position: fixed;
    height: 513px;
    top: 50px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    z-index: 10;
    padding: 20px;
    border-radius: 4px;
    overflow: hidden;
}
.size-table-wrap table tr:nth-child(even) {
    background-color: #f2f2f2;
}
.size-table-wrap table td, .size-table-wrap table th {
    text-align: center;
    padding: 4px;
    border: 1px solid #e4e4e4;
    max-width: 144px;
    font-size: 15px;
}
.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 60px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url(//cdn.fcglcdn.com/brainbees/images/Down-arrow.png) no-repeat 90% 50%;
    font-family: RobotoMB;
    margin-left: 10px;
    margin: 0;
    display: inline-block;
    position: relative;
    top: 8px;
}
.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: 38px 10px;
}

.modal-dialog{max-width:900px}

.caption-faq-section{width: 100%; height: auto; float: left; background: #fff; border: 1px solid #ccc;}

.tabbed-content {
 width: 100%;
 padding: 10px;
 border: 1px solid #efefef;
  margin: 1em auto;
}

.modal-content .close{border: 0px; background: transparent;font-size: 30px;
    line-height: 0px;}
.tabs ul {
  margin: 0;
  padding: 0 0 1em 0;
  font-weight: bold;
}
.tabs ul li {
  background: none;
}
.tabs ul li a {
  padding:10px 25px 10px 10px;
  height: auto;
  float: left;
  border-bottom: 1px dashed #ccc;
}
.tabs ul li a:hover, .tabs ul li a.active {
    width: 100%;
  background: #f5f5f5;
  color: #eee;
  border-bottom: 1px dashed #ccc;
}

.item {
  margin-bottom: 2px;
}
.item::before {
  cursor: pointer;
  font-weight: bold;
  background: #eee;
  padding: 0.5em;
  display: block;
}
.item.active::before {
  background: #444;
  color: #eee;
}
.item.active .item-content {
  padding: 1em;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

@media all and (min-width: 800px) {
  .item.active .item-content {
    padding-top: 0;padding-right: 0;
  }

  .tabs-side .tabs li {
    margin-bottom: 2px;
  }
}
/* 
The project specific CSS starts here
This is the minimum CSS that you will need in order for this to work
*/
.tabbed-content .tabs {
  display: none;
}
.tabbed-content .item {
  min-height: 2em;
}
.tabbed-content .item::before {
  content: attr(data-title);
}
.tabbed-content .item .item-content {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.tabbed-content .item.active .item-content {
  opacity: 1;
  visibility: visible;
  height: auto;
}

@media all and (min-width: 800px) {
  .tabbed-content .tabs {
    display: block;
  }
  .tabbed-content .tabs li {
    display: inline-block;
  }
  .tabbed-content .tabs li a {
    width: 100%;
    display: block;
  }
  .tabbed-content .item {
    min-height: 0;
  }
  .tabbed-content .item::before {
    display: none;
  }
  .tabbed-content.tabs-side .tabs {
    width:233px;
    float: left;
  }
  .tabbed-content.tabs-side .tabs li {
    width: 100%; height: auto; float: left; position: relative;
  }
  .tabbed-content.tabs-side .item {
    margin-left: 230px;
  }
}
.sidebar {
  float: left;
  width: 20%;
}

.sidebar-heading {
  padding: 10px;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #eee;
  font-size: 1.6em;
}

.filter-item {
  width: 100%;
  border-top:1px solid #eee;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  margin-bottom: 15px;
}

.filter-item-inner {
  border-bottom: 1px solid #eee;
}

.filter-item-inner-heading {
  position: relative;
  padding: 10px;
  padding-right: 30px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  cursor: pointer;
}

.filter-item-inner-heading span.clear-r{float: right; margin-top: 3px;}
.filter-item-inner-heading span.clear-r a{float: right; font-size: 12px; color: #000}

.filter-item-inner-heading.minus:after,
.filter-item-inner-heading.plus:after {
  position: absolute;
  top: 33%;
  right: 4%;
  font-size: .6em;
}

.filter-item-inner-heading.minus:after {
  content: '';    margin-top: 3px;
  width: 14px; height: 8px;
  background: url(../../assets/images/up-arrow.png);
 
}

.filter-item-inner-heading.plus:after {content: '';    margin-top: 3px;width: 14px; height: 8px;
  background: url(../../assets/images/down-arrwo.png);
}

.filter-attribute-list {
      overflow: auto;
    height: 150px;
}

.filter-attribute-list-inner {
      padding: 0 0px 15px;
   
}

.filter-attribute-item {
  width: 100%;
  padding-left: 10px;
  margin-top: 5px;
}

.filter-attribute-item:first-child {
  margin-top: 0;
}

.content {
  float: left;
  width: 80%;
}

.content-upper {
  padding-left: 20px;
}

.content-heading {
  margin-top: 0;
}

.product-list {
  font-size: 0;
}

.product-item {
  width: 33.33333%;
  padding-left: 20px;
  margin-top: 20px;
  font-size: 1rem;
}

.product-item-inner {
  padding: 10px;
  border: 1px solid #eee;
}

.product-title {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 1em;
}

.product-title-link {
  display: block;
  text-decoration: none;
}

.product-title-link:hover {
  opacity: .5;
}

.product-price {
  margin-top: 10px;
  font-weight: 700;
}

.product-add-to-cart {
  width: 100%;
  padding: 10px;
  border: none;
  margin-top: 10px;
  background-color: #ff5722;
  color: #fff;
}

.product-add-to-cart:hover {
  opacity: .75;
}
.fil-box{width: 100%; height:auto; margin-bottom: 10px}
.search-box{width: 100%; height: auto; display: inline-block; padding: 0px 10px; position: relative; margin-bottom: 10px;}
.search-box .input-group{display: inline-block;}
.search-box .btn-primary{background: transparent; padding: 0px; border: 0px; position: absolute; top: 8px; right: 10px; color: #000}

.clo-point{width: auto; display: flex;}
.see-more{display: table; margin: 0px auto; color: #000; font-size: 12px;}
.blou1{width: 15px;
    height: 15px;
    background: #0000ff;
    border-radius: 50px;
   margin-right: 9px;
    margin-left: 9px;
    }
  .red1{width: 15px;
    height: 15px;
    background: #ff0000;
    border-radius: 50px;
   margin-right: 9px;
    margin-left: 9px;
    }  
    .green1{width: 15px;
    height: 15px;
    background: #00ff00;
    border-radius: 50px;
   margin-right: 9px;
    margin-left: 9px;
    } 

  .yellow1{width: 15px;
    height: 15px;
    background: #ffff00;
    border-radius: 50px;
   margin-right: 9px;
    margin-left: 9px;}   
     .white1{width: 15px;
    height: 15px;
    background: #ffffff;
    border-radius: 50px;
   margin-right: 9px;
    margin-left: 9px;
    }  
.L14_42{ color:#000;line-height: 16px; }
.cnt{ color: #ccc;line-height: 16px;}
.nav-pills-custom{width: 100%; height: auto; float: left; border-right: 1px solid #b59161;}
.nav-pills-custom i{font-size: 18px; margin-right: 15px;}
.text-weight55{font-size: 16px;font-weight: 600}
.tab-pane{padding: 20px;}
.nav-pills-custom .nav-link {
    color: #b18853;
    background: #fff;
    position: relative;
    padding: 15px 20px;
}

.nav-pills-custom .nav-link.active {
    color: #e3942d;
    background: #fff;
}
span.text-weight55 .active { color: #e3942d;}

/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
    .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #b59161;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        opacity: 0;
    }
}

.nav-pills-custom .nav-link.active::before {
    opacity: 1;
}


.about-section{width: 100%; height: auto; padding: 80px 0px; background: #fff; float: left;}

.about-section-two{width: 100%; height: auto; padding: 80px 0px; background: #f6fbf9; float: left;}









@media only screen and (max-width:1480px){
  .shopify-section{ padding: 40px 0px;background-size:100% 100%;}
  .tp-featured-title{font-size: 25px}   
}

@media only screen and (max-width:1023px){
  .col-9{width: 100%}
  .best-card-image .best-img{    height:458px;}
.shopify-section{ padding: 40px 0px;background-size:100% 100%;}  
.inner-background-two{height: 250px;}
.inner-background-two img{height: 100%}
.latest-overlay-two{padding: 0px 100px}
.latest-overlay-two h2{font-size: 30px;top: 41%;}
.page-about-section{padding: 40px 15px}
.about-image__content{margin-left: 0px;padding: 20px 15px;}
.about-image__picture{padding-top: 0px; margin-top: 20px}
.about-image__picture img{position: relative; right: 0px;transform: translate(-0%,-0%);max-width:100%;}
.vision-section{padding: 0px 15px}
.vision-pict{ height:auto; padding:20px; margin-bottom:25px }
.goals-image__picture{padding-top: 0px; margin-top: 0px}
.goals-image__picture img{position: relative; right: 0px;transform: translate(-0%,-0%);max-width:100%;}

.goals-image__content{padding: 0px 15px; width: 100%; margin-left: 0px; margin-top:30px}
.goals-image__content ul{    margin-left:0px;} 
.contact-section{padding: 50px 15px;}
.phone-one{margin-bottom: 25px}
.contact-wrap{border-right: 0px;    padding: 43px 23px; margin-bottom: 25px}
}


@media only screen and (max-width:975px){

.tp-category-content-3 {
    bottom: 37px;
}
.shopify-section{ padding: 40px 0px} 
.tp-category-item-3 {
    min-height: 245px;} 
}



@media only screen and (max-width:767px){
 .ch-grid li{width: 100px; height: 100px;margin:4px;}
.ch-item:before{width:100px; height:100px;box-shadow: inset 0 0 0 0 rgba(200,95,66, 0.4), inset 0 0 0 4px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);}
.ch-item:hover .ch-info{width: 102px;}
.ch-info h3{margin: 0 10px;padding:38px 0 0 0; line-height: 18px; height: auto;font-size: 13px;}

.tp-collection-title-1{line-height: 15px;}
.tp-collection-title-1 a{font-size: 14px;}

.product-content-bottom .product-content-top{margin-bottom: 0px;}
.sub-title{font-size: 20px;}
.product-content-top h4{font-size: 18px;}
.babies-st{width: 100%;
    height: auto; margin-bottom: 25px}
.babies-st-name h2 a{
    font-size: 20px;
    color: #000;
}


.best-content{top:73px; bottom: 0px;}
.shop-by-stait{    padding: 50px 0px;}
.shopify-section{    padding: 40px 0px;}
.col-9{width: 100%}
.best-card-image .best-img{height: 270px}
.tp-collection-content-1 {
    bottom: 30px;
    left: 10px;
    right: 10px;
}
.tp-collection-btn-1{padding: 8px;}
.tp-collection-btn-1 .tp-link-btn-line{font-size: 11px;
    line-height: 17px;}

.tp-collection-title-1 {
    font-size: 18px;padding: 10px 6px;line-height: 15px;margin: 0px 8px;
}
.tp-collection-title-1 a{font-size: 11px;}
.tp-collection-height {
    min-height: 300px;
}

.tp-featured-slider-area{padding: 30px 0px;}
.tp-featured-item {
    min-height: 250px;
    padding: 14px 11px;
}
.tp-featured-title{font-size: 15px;line-height: 20px;}

.tp-featured-srt{padding: 30px 0px;}
.latest-product-con-caption{width: 82%;    padding: 12px 10px 8px;}
.latest-product-con-caption a.add-more{padding: 6px 6px; text-align: center;font-size: 10px;margin: 10px auto 0px;}
.latest-product-con-caption p{font-size: 10px;    line-height: 15px;}
.latest-product-con-caption h3{    font-size: 11px;}
.tp-featured-freiat{padding-bottom: 30px}

.trends-pop-picture{height: auto;}
.trends-pop-con-caption h3{font-size: 15px}

.tp-featured-csre{padding: 40px 0px;}

.tp-featured-fun{padding: 30px 0px;}
.tp-category-content-3{    bottom: 37px;}


.inner-background-two{height: 150px;}
.inner-background-two img{height: 100%}
.latest-overlay-two{padding: 0px 20px}
.latest-overlay-two h2{font-size: 20px;top: 41%;}
.page-about-section{padding: 40px 15px}
.about-image__content{margin-left: 0px;padding: 20px 15px;}
.about-image__picture{padding-top: 0px; margin-top: 20px}
.about-image__picture img{position: relative; right: 0px;transform: translate(-0%,-0%);max-width:100%;}
.vision-section{padding: 0px 15px}
.vision-pict{ height:auto; padding:20px; margin-bottom:25px }
.goals-image__picture{padding-top: 0px; margin-top: 0px}
.goals-image__picture img{position: relative; right: 0px;transform: translate(-0%,-0%);max-width:100%;}

.goals-image__content{padding: 0px 15px; width: 100%; margin-left: 0px; margin-top:30px}
.goals-image__content ul{    margin-left:0px;}
.contact-section{padding: 50px 15px;}
.phone-one{margin-bottom: 25px}
.contact-wrap{border-right: 0px;    padding: 43px 23px; margin-bottom: 25px}
}


@media only screen and (max-width:667px){
.ch-grid li{width: 70px; height: 70px;margin:4px;}
.ch-item:before{width:70px; height:70px;box-shadow: inset 0 0 0 0 rgba(200,95,66, 0.4), 
  inset 0 0 0 4px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);}
.ch-item:hover .ch-info{width: 150px;}
.ch-info h3{margin: 0 10px;padding:20px 0 0 0; line-height: 15px; height: auto;font-size: 10px;}

.ch-img-1{width:100%; height: 100%}
.ch-img-1 img{width: auto; height: 100%}
.babies-st{width: 100%;
    min-height:310px; margin-bottom: 0px;}
.babies-st-name h2 a{
    font-size: 18px;
    color: #000;
}
.babies-st-name span{font-size: 15px;}
.ch-grid{margin-top: 0px;}
.category-section-87{padding: 30px 0px}
.category-section-87 .title1 .title-inner1{font-size: 15px; color: #000}
.shop-by-stait{    padding: 50px 0px;}
.shopify-section{    padding: 40px 0px;}
.col-9{width: 100%}
.best-card-image .best-img{height: 221px}
.tp-collection-content-1 {
    bottom: 30px;
    left: 10px;
    right: 10px;
}
.tp-collection-btn-1{padding: 8px;}
.tp-collection-btn-1 .tp-link-btn-line{font-size: 11px;
    line-height: 17px;}

.tp-collection-title-1 {
    font-size: 18px;padding: 10px 6px;line-height: 15px;margin: 0px 8px;
}
.tp-collection-title-1 a{font-size: 11px;}
.tp-collection-height {
    min-height: 285px;
}

.tp-featured-slider-area{padding: 30px 0px;}
.tp-featured-item {
    min-height: 250px;
    padding: 14px 11px;
}
.tp-featured-title{font-size: 15px;line-height: 20px;}

.tp-featured-srt{padding: 30px 0px;}
.latest-product-con-caption{width: 82%;    padding: 12px 10px 8px;}
.latest-product-con-caption a.add-more{padding: 6px 6px; text-align: center;font-size: 10px;margin: 10px auto 0px;}
.latest-product-con-caption p{font-size: 10px;    line-height: 15px;}
.latest-product-con-caption h3{    font-size: 11px;}
.tp-featured-freiat{padding-bottom: 30px}

.trends-pop-picture{height: auto;}
.trends-pop-con-caption h3{font-size: 15px}

.tp-featured-csre{padding: 40px 0px;}

.tp-featured-fun{padding: 30px 0px;}

.tp-category-content-3{bottom: 17px;}

.ch-item:hover .ch-info{width: 70px; height: 70px;}
.product-right .product-buttons .btn-solid, .product-right .product-buttons .btn-outline{margin-bottom: 10px;}


.babies-st-name{padding-top: 38px;
  padding-right: 25px;
    padding-left: 25px;
}
.babies-picture{margin: 121px auto 0;}
.best-selling-con ul li{margin-right: 10px;width: 31%;}
.best-selling-con ul li:last-child{margin-right: 0px;}
.sub-title {
    font-size: 16px;
}
.tp-collection-thumb{    min-height: 100%;}


.latest-product-box{height: 324px;}
.latest-product-box-picture {
    height: 255px;
}

.trends-product-ft .item{height: 220px;}

.inner-background-two{height: 150px;}
.inner-background-two img{height: 100%}
.latest-overlay-two{padding: 0px 20px}
.latest-overlay-two h2{font-size: 20px;top: 41%;}
.page-about-section{padding: 40px 15px}
.about-image__content{margin-left: 0px;padding: 20px 15px;}
.about-image__picture{padding-top: 0px; margin-top: 20px}
.about-image__picture img{position: relative; right: 0px;transform: translate(-0%,-0%);max-width:100%;}
.vision-section{padding: 0px 15px}
.vision-pict{ height:auto; padding:20px; margin-bottom:25px }
.goals-image__picture{padding-top: 0px; margin-top: 0px}
.goals-image__picture img{position: relative; right: 0px;transform: translate(-0%,-0%);max-width:100%;}
.goals-image__content{padding: 0px 15px; width: 100%; margin-left: 0px; margin-top:30px}
.goals-image__content ul{    margin-left:0px;}
.contact-section{padding: 50px 15px;}
.phone-one{margin-bottom: 25px}
.contact-wrap{border-right: 0px;    padding: 43px 23px; margin-bottom: 25px}
#look{width: 100%}
.size-table-wrap table {width: 100%; }
}

@media only screen and (max-width:567px){
  .best-card-image .best-img{height:285px}
}

@media only screen and (max-width:480px){
.ch-grid li{width: 70px; height: 70px;margin:4px;}
.ch-grid{margin-top: 0px;}
.ch-item:before{width:70px; height:70px;box-shadow: inset 0 0 0 0 rgba(200,95,66, 0.4), 
  inset 0 0 0 4px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);}
.ch-item:hover .ch-info{width: 150px;}
.ch-info h3{margin: 0 10px;padding:20px 0 0 0; line-height: 15px; height: auto;font-size: 10px;}

.ch-img-1{width:100%; height: 100%}
.ch-img-1 img{width: auto; height: 100%}
.babies-st{width: 100%;
    min-height:240px; margin-bottom: 0px;}
.babies-st-name h2 a{
    font-size: 11px;
    color: #000;
}
.babies-st-name span{font-size: 15px;}

.category-section-87{padding: 30px 0px}
.category-section-87 .title1 .title-inner1{font-size: 15px; color: #000}
.shop-by-stait{    padding: 50px 0px;}
.shopify-section{    padding: 40px 0px;}
.col-9{width: 100%}
.best-card-image .best-img{height: 221px}
.tp-collection-content-1 {
    bottom: 30px;
    left: 10px;
    right: 10px;
}
.tp-collection-btn-1{padding: 8px;}
.tp-collection-btn-1 .tp-link-btn-line{font-size: 11px;
    line-height: 17px;}

.tp-collection-title-1 {
    font-size: 18px;padding: 10px 6px;line-height: 15px;margin: 0px 8px;
}
.tp-collection-title-1 a{font-size: 11px;}
.tp-collection-height {
    min-height: 228px;
}

.tp-featured-slider-area{padding: 30px 0px;}
.tp-featured-item {
    min-height: 250px;
    padding: 14px 11px;
}
.tp-featured-title{font-size: 15px;line-height: 20px;}

.tp-featured-srt{padding: 30px 0px;}
.latest-product-con-caption{width: 82%;    padding: 12px 10px 8px;}
.latest-product-con-caption a.add-more{padding: 6px 6px; text-align: center;font-size: 10px;margin: 10px auto 0px;}
.latest-product-con-caption p{font-size: 10px;    line-height: 15px;}
.latest-product-con-caption h3{    font-size: 11px;}
.tp-featured-freiat{padding-bottom: 30px}

.trends-pop-picture{height: auto;}
.trends-pop-con-caption h3{font-size: 15px}

.tp-featured-csre{padding: 40px 0px;}

.tp-featured-fun{padding: 30px 0px;}

.tp-category-content-3{bottom: 17px;}

.ch-item:hover .ch-info{width: 70px; height: 70px;}
.product-right .product-buttons .btn-solid, .product-right .product-buttons .btn-outline{margin-bottom: 10px;}
.babies-st-name{padding-top: 20px;
  padding-right: 25px;
    padding-left: 25px;
}
.babies-picture{margin: 121px auto 0;}
.best-selling-con ul li{margin-right: 10px;width: 31%;}
.best-selling-con ul li:last-child{margin-right: 0px;}
.sub-title {
    font-size: 16px;
}
.tp-collection-thumb{ min-height: 100%;}

.tp-category-item-3 {
    min-height: 248px;
    border-radius: 8px;
}
.latest-product-box{height: 304px;}
.latest-product-box-picture {
    height: 245px;
}
.trends-product-ft .item{height: 252px;}
.tp-category-title-3 a{font-size: 15px;}
.tp-category-title-3{line-height: 18px;}
.slick-list-one .owl-nav{display: none;}



.categori-grid li{width: 70px; height: 70px;margin:4px 12px 55px;}
.ch-grid-two{margin-top: 0px;}
.ch-item-two:before{width:70px; height:70px;}
.ch-info-two h3{margin: 0 0px; line-height: 8px;}
.ch-info-two h3 a{padding:20px 0 0 0; line-height: 15px; height: auto;font-size: 10px;}
.ch-info-two{margin-top: 0px}
.ch-img-1-two{width:100%; height: 100%;margin-top: 0px;}
.ch-img-1-two img{width:100%; height: 100%}
.babies-st-name h2{ line-height: 10px}




.inner-background-two{height: 150px;}
.inner-background-two img{height: 100%}
.latest-overlay-two{padding: 0px 20px}
.latest-overlay-two h2{font-size: 20px;top: 41%;}
.page-about-section{padding: 40px 15px}
.about-image__content{margin-left: 0px;padding: 20px 15px;}
.about-image__picture{padding-top: 0px;}
.about-image__picture img{position: relative; right: 0px;transform: translate(-0%,-0%);max-width:100%;}
.vision-section{padding: 0px 15px}
.vision-pict{ height:auto; padding:20px; margin-bottom:25px }
.goals-image__picture{padding-top: 0px; margin-top: 0px}
.goals-image__picture img{position: relative; right: 0px;transform: translate(-0%,-0%);max-width:100%;}
.goals-image__content{padding: 0px 15px; width: 100%; margin-left: 0px; margin-top:30px}
.goals-image__content ul{    margin-left:0px;}
.contact-section{padding: 50px 15px;}
.phone-one{margin-bottom: 25px}
.contact-wrap{border-right: 0px;    padding: 43px 23px; margin-bottom: 25px}
#look{width: 100%}
.size-table-wrap table {width: 100%;}


}

@media only screen and (max-width:320px){
.size-table-wrap table {width: 100%; }
.select-one select {width: 100%}
}

































































