/*======Services css=======*/

.services {

  padding-bottom: 20px;

      padding-top: 20px;

      background-color: #fbe7e6;

}

.services .icon-box {

    padding: 30px;

    position: relative;

    overflow: hidden;

    margin: 0 0 40px 0;

    background: #fff;

    box-shadow: 0 5px 26px 0 #cc231e54;

    transition: all 0.3s ease-in-out;

    text-align: center;

    border: 1px solid #fff;

    background: url(../image/valentine/heartshpe.png)center bottom no-repeat fixed;

    border-radius: 20px;

}

.services .icon {

  margin: 0 auto 20px auto;

  padding-top: 17px;

  display: inline-block;

  text-align: center;

  border-radius: 50%;

  width: 72px;

  height: 72px;

}

.services .icon i {

  font-size: 36px;

  line-height: 1;

}

.services .title {

  font-weight: 700;

  margin-bottom: 15px;

  font-size: 18px;

}

.services .title a {

  color: #c3103a;

}

.services .description {

  font-size: 15px;

  line-height: 28px;

  margin-bottom: 0;

}

.services .icon-box-pink .icon {

  background: #fceef3;

}

.services .icon-box-pink .icon i {

  color: #ff689b;

}

.services .icon-box-pink:hover {

  border-color: #ff689b;

}

.services .icon-box-cyan .icon {

  background: #e6fdfc;

}

.services .icon-box-cyan .icon i {

  color: #3fcdc7;

}

.services .icon-box-cyan:hover {

  border-color: #3fcdc7;

}

.services .icon-box-green .icon {

  background: #eafde7;

}

.services .icon-box-green .icon i {

  color: #41cf2e;

}

.services .icon-box-green:hover {

  border-color: #41cf2e;

}

.services .icon-box-blue .icon {

  background: #e1eeff;

}

.services .icon-box-blue .icon i {

  color: #2282ff;

}

.services .icon-box-blue:hover {

  border-color: #2282ff;

}

.title1 {

    color: #5c5b60 !important;

    margin-bottom: 30px;

    font-size: 45px;

    font-family: 'Shaded Larch', cursive;

    font-weight: 400;

}





/** Highlight selected delivery date 22/08/2022 **/







@media (max-width: 767px){

.Christmas {

    height: 152px;

}

.Offer1 {

    display: none;

}

.Offer2 {

    display: block;

    padding-top:0 !important;

}

.services .all-gifts {

    padding: 10px;

}

.title1 {

    margin-bottom: 10px;

}

}



@media (min-width: 768px) and (max-width: 991.98px) {

.Christmas {

    height: 273px;

}

.Offer1 {

    display: none;

}

.Offer2 {

    display: block;

}

.services .all-gifts {

    padding: 10px;

}

}

@media (min-width: 991.98px) {
    .services.Offer2{
        display:none;
    }
    
}

@media (min-width: 991.98px) and (max-width: 1024px) {

.Christmas {

    height: 273px;

}

}

/*======Service css========*/

/*====Valentine day css====*/



#hero {

  width: 100%;

  height: 90vh;

  overflow: hidden;

  position: relative;

}

#hero::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 0;

  width: 130%;

  height: 95%;

  background: linear-gradient(to right, #ff366fa6, #f40b746e), url(../image/valentine-day.jpg) center top no-repeat;

  z-index: 0;

  border-radius: 0 0 50% 50%;

  transform: translateX(-50%) rotate(0deg);

}

#hero::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 0;

  width: 130%;

  height: 96%;

  background: #ff006a;

  opacity: 0.3;

  z-index: 0;

  border-radius: 0 0 50% 50%;

  transform: translateX(-50%) translateY(18px) rotate(2deg);

}

#hero .carousel-container {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  text-align: center;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

}

#hero h2 {

  color: #fff;

  margin-bottom: 30px;

  font-size: 65px;

  font-family: 'Great Vibes', cursive;

}

#hero p {

  width: 80%;

  -webkit-animation-delay: 0.4s;

  animation-delay: 0.4s;

  margin: 0 auto 30px auto;

  color: #fff;

}

#hero .carousel-control-prev, #hero .carousel-control-next {

  width: 10%;

}

#hero .carousel-control-next-icon, #hero .carousel-control-prev-icon {

  background: none;

  font-size: 48px;

  line-height: 1;

  width: auto;

  height: auto;

}

#hero .btn-get-started {

  font-family: "Roboto", sans-serif;

  font-weight: 500;

  font-size: 14px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 12px 32px;

  border-radius: 50px;

  transition: 0.5s;

  line-height: 1;

  margin: 10px;

  color: #fff;

  -webkit-animation-delay: 0.8s;

  animation-delay: 0.8s;

  border: 2px solid #ffffff;

}

#hero .btn-get-started:hover {

  background: #ffffff;

  color: #de1f51;

  text-decoration: none;

}

@media (min-width: 1024px) {

  #hero p {

    width: 60%;

  }

  #hero .carousel-control-prev, #hero .carousel-control-next {

    width: 5%;

  }

}

@media (max-width: 768px) {

  #hero::after {

    width: 180%;

    height: 95%;

    border-radius: 0 0 50% 50%;

    transform: translateX(-50%) rotate(0deg);

  }

  #hero::before {

    top: 0;

    width: 180%;

    height: 94%;

    border-radius: 0 0 50% 50%;

    transform: translateX(-50%) translateY(20px) rotate(4deg);

  }



}

@media (max-width: 575px) {

  #hero h2 {

    font-size: 70px;

  }

  #hero::after {

    left: 40%;

    top: 0;

    width: 200%;

    height: 95%;

    border-radius: 0 0 50% 50%;

    transform: translateX(-50%) rotate(0deg);

  }

  #hero::before {

    left: 50%;

    top: 0;

    width: 200%;

    height: 94%;

    border-radius: 0 0 50% 50%;

    transform: translateX(-50%) translateY(20px) rotate(4deg);

  }

  #hero::after {

    height: 95%;

    background: linear-gradient(to right, #ff366fa6, #f40b746e), url(../image/valentine-day.jpg) left top no-repeat;

    z-index: 0;

    border-radius: 0 0 50% 50%;

    transform: translateX(-50%) rotate(

0deg);

}

}



.valentine-bg {

    background-color: #ffb3d36b !important;

}

.valentine-bg .icon-box {

    border-radius: 10px;

}

.section-bg {

    background-color: #ee4276;

    padding: 30px 0;

}

.content-box {

    background: #ffb3d3;

}

.why-us .container {

    max-width: 1400px;

}

.video-box {

    background-color: white;

    padding: 15px;

}

.title a {

    color: #821441;

    font-weight: 500;

    font-size: 32px;

}



.title a:hover {

    text-decoration: none;

}

.products .container {

    max-width: 1400px;

}

.products .title a {

    font-size: 18px;

}

.new-grid-col {

    width: 23.333333%;

    left: auto;

    right: auto;

    flex: none;

    text-align: center;

}

.products {

    padding: 30px 0;

}

.description1 {

    font-size: 30px;

    text-align: center;

}

@media (max-width: 767px) {

    .new-grid-col {

    width: 50% !important;

}

}

/*====valentine day css===*/

/*Temp CSS*/

.trending-img {

    height: 250px;

    object-fit: cover;

}



/*New CSS*/



 nav.navbar {

    /* border-top: 1px solid #152545; */

    padding: 0px;

    /* box-shadow: 1px 1px 0px #152545; */

    /* border-bottom: 1px solid #152545; */

}



.navbar-dark .navbar-nav .nav-link {

    padding: 9px 10px 5px 5px;

    font-size: 14px;

    color: #000 !important;

    font-weight: 600;

}



.product-nav .nav-tabs .nav-link.active {

    border-top: solid 2px #d9310b !important;

    border-radius: 0px !important;

    background: #7b51a6 !important;

    color: white;

}



.product-nav .nav-tabs .nav-link:hover {

    border-color: #7f0504 #ffffff #ffffff !important;

}

.product-nav .nav-tabs .nav-link {

    border: 2px solid transparent !important;

}

.product-nav .nav-tabs {

    border: none;

}

.offcanvas-active {

    overflow: hidden;

}

.offcanvas-active .mobilre-header-section:after {

    display: inline-block;

    content: "\00d7";

    right: 30px;

    position: fixed;

    top: 0;

    font-size: 50px;

    color: white;

    z-index: 9999;

}

.offcanvas-active .mobilre-header-section:before {

    content: "";

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    background: #00000078;

    z-index: 999;

}



    

@-webkit-keyframes glowing {

        0% {

          background-color: #40d366;

          -webkit-box-shadow: 0 0 3px #40d366;

        }

        50% {

          background-color: #40d366;

          -webkit-box-shadow: 0 0 15px #40d366;

        }

        100% {

          background-color: #40d366;

          -webkit-box-shadow: 0 0 3px #40d366;

        }

      }

      @keyframes glowing {

        0% {

          background-color: #40d366;

          box-shadow: 0 0 3px #40d366;

        }

        50% {

          background-color: #40d366;

          box-shadow: 0 0 15px #40d366;

        }

        100% {

          background-color: #40d366;

          box-shadow: 0 0 3px #40d366;

        }

      }

      .svg-btn {

        display: block;

        width: 230px;

        height: 230px;

        margin-left: 10px;

      }

      svg {

        fill: #40d366;

      }

      @-webkit-keyframes glowing-polygon {

        0% {

          fill: #40d366;

          -webkit-filter: drop-shadow( 0 0 3px #40d366);

        }

        50% {

          fill: #40d366;

          -webkit-filter: drop-shadow( 0 0 15px #40d366);

        }

        100% {

          fill: #40d366;

          -webkit-filter: drop-shadow( 0 0 3px #40d366);

        }

      }

      @keyframes glowingPolygon {

        0% {

          fill: #40d366;

          filter: drop-shadow( 0 0 3px #40d366);

        }

        50% {

          fill: #40d366;

          filter: drop-shadow( 0 0 15px #40d366);

        }

        100% {

          fill: #40d366;

          filter: drop-shadow( 0 0 3px #40d366);

        }

      }

/*====animation for button ends====*/



::before {}



a.whats-app-glowing {

    border: 1px transparent;

    /* -webkit-border-radius: 40px; */

    /* border-radius: 40px; */

    color: #eeeeee;

    cursor: pointer;

    display: inline-block;

    /* font-family: Arial; */

    /* font-size: 20px; */

    padding: 7px 13px;

    text-align: center;

    text-decoration: none;

    border-radius: 50%;

}



.mecharnt-drpdown .dropdown-menu.show {

    background-color: #fff;

    padding: 10px;

}

.mecharnt-drpdown .dropdown-menu.show a {

    color: #000;

    font-size: 14px;

}

.mecharnt-drpdown i {

    font-size: 35px;

}

a.btn-register {

   color: #764a9c;

cursor: pointer;

}



button:focus {

outline: none;

}

.btn:focus {

   box-shadow: none;

}

.home-link a {

    text-decoration: none;

    color: black;

}

a:focus {

outline: none;

}

/*Valenetine Page CSS*/

.valentine-week {

    background-color: #f7f7f7;

    padding-top: 40px;

}

.valentine-banner {

    background-image: url(../image/valentine/bg.jpg);

    background-repeat: no-repeat;

    background-size: cover;

}

.valentine-day ul{

    display: flex;

    flex-wrap: wrap;

    padding-left: 0px;

}

.valentine-day li{

    list-style: none;

    flex: 1 0 25%;

    padding: 35px;

    position: relative;

}

.valentine-day{

    text-align: center;

    padding-top: 30px;

}

.day-name{

  position: absolute;

  top: 60%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.day-name span {

    font-size: 15px;

    font-weight: 500;

}



.day-name p {

    font-size: 16px;

    font-weight: 600;

}

.valentine-date {

  text-align: center;

  color: white;

}

.day-bg {

    position: relative;

}



.day-icon {

    position: absolute;

    left: 75px;

    width: 80px;

    top: 5px;

}

.zoom-valentine {

    padding: 50px;

    transition: transform .2s;

    margin: 0 auto;

}



.zoom-valentine:hover {

  -ms-transform: scale(1.5); /* IE 9 */

  -webkit-transform: scale(1.5); /* Safari 3-8 */

  transform: scale(1.1); 

}



/***css for loyalty box**/

.loyalty-box {

    border: 1px dashed #7E8018;

    padding: 10px 10px 0px;

    background-color: #F2F2F2;

    border-radius: 2px;

}

.loyalty-heading h4 {

    color: #7E8018;

    font-size: 20px;

    font-weight: 400;

}

.loyalty-box p {

    font-size: 13px;

    margin-bottom: 10px;

    line-height: 1.6;

}

.loyalty-box input::placeholder {

    font-size: 12px;

}

.loyalty-btn {

    background-color: #7E8018;

    border-radius: 0px;

    color: #fff;

    font-size: 12px;

}

td.loyaltypoint-box {

    padding: 0;

    border: 0px;

}



.btn.view-loyalty-btn {

    font-size: 16px;

    padding: 0px 0px;

    margin-bottom: 10px;

    color: #007bff;

}



.loyaty-img {

    text-align: center;

}



/***coupon css***/

h4.coupon-gift-detail {

    font-size: 25px;

    font-weight: 400;

}

p.coupon-save-detail {

    font-weight: 200;

    margin-bottom: 0px;

    font-size: 14px;

}

p.coupon-valid-date {

    font-size: 12px;

    color: red;

    font-weight: 600;

    margin-bottom: 10px;

}

p.use-code {

    font-size: 12px;

    font-weight: 600;

}

span.coupon-clone {

    border: 1px dashed #989898e8;

    padding: 17px 30px 9px;

    font-weight: 600;

    background-color: #DDFFD5;

    border-radius: 3px;

}

span.coupon-clone i {

    font-size: 23px;

    color: #000;

    cursor: pointer;

}

.coupon-details table {

    margin-bottom: 0px;

}





/*Payment Text Color*/

.payment-text

{

    color: red;

}

/*Bread Crums*/

.my-breadcrumb {

    text-align: center;

    background-color: var(--main-bg-color);

    padding: 20px;

}

.my-breadcrumb h1{

    font-family: 'Hind Madurai', sans-serif;

    font-size: 30px;

}

/*Bread Crums*/



/*header*/

.top-link a {

    margin-right: 20px;

}

.top-link i {

    font-size: 22px;

}



.navbar-nav .dropdown-toggle::after {

    display: none;

}





.footer-services .col-sm img {

   float: left;

   padding-right: 20px;

}



/*top link images*/

.top-link-img{

    width: 30px;

    height: 30px;

}

.top-link a, p.top-link-text {

    font-size: 14px;

    text-decoration: none !important;

    color: #2e2e2e;

    text-align: center;

}

/*About Us*/

.view-more-btn {

    font-size: 16px;

}

.about-content h1 {

    font-size: 30px;

}

.about-img {

    text-align: center;

    padding: 30px 10px 20px 10px;

    background: white;

    box-shadow: 0 2px 3px rgba(0,0,0,0.2);

}

.what-we-offer {

    background: #00000017;

    text-align: center;

    padding: 20px;

}

.view-more-btn{

    background: gray;

}

.view-more-btn:hover {

    background-color: gray;

}



.view-more-btn:active {

    background-color: gray ;

}

.view-more-btn:focus {

    background-color: gray;

}

.about-us-title {

    text-align: center;

}

.about-us-p1, .about-us-p2{

    text-align: justify;

}

.about-us-p1 p {

    font-weight: 500;

    font-size: 20px;

}

.about-us-p2 p{

    font-size: 14px;

    color: var(--header-bg-color);

    line-height: 25px;

}

.about-content {

    padding-top: 10px;

}

.about-content p {

    color: gray;

}

.carousel-inner img {

    width: 100%

}



.carousel-item img {

    width: 100%;

    height: 100%;

}



#AboutUsCarousel .carousel-indicators {

    position: static;

    margin-top: 0px

}



#AboutUsCarousel .carousel-indicators>li {

    width: 100%

}



#AboutUsCarousel .carousel-indicators li img {

    display: block;

    opacity: 0.5

}



#AboutUsCarousel .carousel-indicators li.active img {

    opacity: 1

}



#AboutUsCarousel .carousel-indicators li:hover img {

    opacity: 0.75

}

/*Privacy Poliicy*/

.questions{

    border-radius: 0px;

    }

.privacy-policy {

    font-size: 14px;

    color: var(--header-bg-color);

    line-height: 30px;

}





/*terms & Condition*/

.terms-cond {

    text-align: justify;

    font-size: 20px;

}

.terms-cond p{

    font-size: 14px;

    color: var(--header-bg-color);

    line-height: 30px;

}

/*cancellation and refund policy*/

.cancellation-refund-policy{

    font-size: 14px;

    color: var(--header-bg-color);

    line-height: 30px;

}







/*gift finder*/



.gift-finder {

    padding-bottom: 20px;

    padding-top: 15px;

}



.giftfindbox {

    background-color: black;

    color: white;

    border-radius: 10px;

    border-style: solid;

    border-color: var(--green-color);

    border-width: 2px;

    margin: auto;

    max-width: 1000px;

    z-index: 99;

    position: relative;

}





.giftfindbox h2 {

    font-size: 23px;

    font-family: 'Hind Madurai', sans-serif;

    color: var(--green-color);

    text-align: right;

}



.giftbox{

    background-color: var(--main-bg-color);

    margin-top: -55px;

}

/*Trending Now*/

.categories h2 {

  position: relative;

  opacity: 0.8;

  margin-bottom: 0px;

}



.categories h2:before {

  content: "";

  position: absolute;

  width: 100%;

  background-image: linear-gradient(to right, #ffffff00, #ffffff47, #ffffff00);

  bottom: 45px;

  top: -10px;

  left: 0;

}



.categories h2:after {

  content: "";

  position: absolute;

  width: 100%;

  background-image: linear-gradient(to right, #ffffff00, #ffffff47, #ffffff00);

  bottom: -7px;

  top: 42px;

  left: 0;

}

.categories p {

    margin: 0;

}

.categories {

    position: absolute;

    bottom: 0;

    width: 100%;

    padding:  5px 10px !important;

    bottom: 15px;

    background-image: linear-gradient(to right, #00000000, #0000008f, #000000e0, #0000008f, #00000000);

    color: white;

    opacity: 1;

    transition: visibility 0.3s linear,opacity 0.3s linear;

    border-radius: 10px;

    }



.categories_rule{

   position: absolute;

   bottom: 13px;

   width: auto;

   padding: 0px 0px;

   visibility: hidden;

   transition: visibility 0.3s linear,opacity 0.3s linear;

   opacity: 0;

   margin-bottom: 0px;

}

.cart-btn {

    background: #7B51A6;

    color: white;

}



ul.categories_rule li {

    list-style-type: none;

    margin-bottom: 6px;

    display: block;

}

.categories_rule a {

  text-decoration: none;

  background-color: #0000006e;

  padding: 0px 0 0 5px;

  /* margin: 0px 0px 8px 0px; */

  -webkit-transition: all 0.25s ease-in-out;

  -moz-transition: all 0.25s ease-in-out;

  -o-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out;

  cursor: pointer;

  /* position: relative; */

  /* left: -20px; */

  /* right: 0; */

  /* top: 0; */

  /* bottom: 0; */

  border-top-right-radius: 27px;

  border-bottom-right-radius: 27px;

  display: inline-block;

  color: #fff;

  font-size: 13.5px;

}



.trendingGrid:hover .categories_rule {

    visibility: visible;

    opacity: 1;

}



.trendingGrid:hover .categories {

    visibility: hidden;

    opacity: 0;

}



.trendingGrid {

    position: relative;

    border-radius: 10px;

}







.categories_rule a:hover {

    background-color: #000000c4;

}

.categories_rule img {

border-radius: 25px;

} 



/*trending now*/

/*Footer*/

.footer-fixed-area a i {

        color: white;

    font-size: 24px !important;

    padding: 0px 10px;

}

#menubugeger {

    color: black;

    font-size: 30px;

}

.search-form-side-wrapper i {

    color: black;

    font-size: 20px;

}



.product-nav ul li {

    width: 50%;

}



.footer-fixed-area {

    background: #b6b900;

    padding: 5px 0;

    position: fixed;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 99;

    height: 50px;

}

.footer-fixed-area a {

    text-align: center;
    color: #ffffff;
    font-size: 15px !important;
    display: flex;
    align-items: center;

}

.footer-fixed-area a:hover {

    text-decoration: none;

}

/*.mz-hint-message {

    display: none !important;

}*/

.footer-fixed-area .mob-header-icons {

    place-content: space-evenly;

}



/*Gifts*/



.gift_categories {

    position: absolute;

    bottom: 14px;

    right: 30px;

    background-color: #808080d6;

    color: white;

    padding-right: 85px;

    padding-top: 30px;

    padding-bottom: 0px;

    border-radius: 5px;

}



.gift_categories li {

    list-style-type: none;

    display: block;

    margin-top: 25px;

    margin-bottom: 25px;

}

.gift_categories .giftforher {

    background-color: var(--green-color);

    /*padding-right: -44px;*/

    /* text-align: center; */

    margin-left: 10px;

    margin-right: -75px;

    /* margin-top: 0px; */

    color: black;

    padding-left: 15px;

    padding-bottom: 1px;

    padding-top: 10px;

}

.giftGrid {

    position: relative;

    margin-bottom: 35px;

}

.gift_categories a{

    text-decoration: none;

    color: white;

    font-size: 15px;

}

.gift_categories a:hover{

    color: var(--green-color);

}



.image-border {

    border-radius: 5px;

}



.giftforher h5 {

    font-size: 22px;

}





/*gifts*/





/*customer review*/

.testimonial{

  background: #fef8fa;

  padding: 30px;

  box-shadow: 0px 4px 6px #cdcdcd63;

  min-height: 255px;

}

#testimonial img {

    display: none;

}



.testimonial img{

  width: 100px !important;

  height: 100px;

  border-radius: 50%;

  margin: 0 auto;

}



.name{

  font-size: 20px;

  margin: 10px 0;

}

.stars{

  color: #fbc000;

  margin-bottom: 20px;

}



.testimonial p {

    font-size: 17px;

}





blockquote:before {

  color: #ccc;

  content: open-quote;

  font-size: 100px;

  line-height: 0px;

  float: left;

}

blockquote:after {

  color: #ccc;

  content: close-quote;

  font-size: 100px;

  line-height: 0px;

  float: right;

  margin-top: 30px;

}

/*blockquote p {

  display: inline;*/









.moretext {

  display: none;

}

.pointer{

    cursor: pointer;

}

/*footer*/



.secure-payment ul li {

    display: inline;

    list-style-type: none;

    position: relative;

    left: -38px;

    line-height: 35px;

}



.social-icon ul li {

    display: inline;

    list-style-type: none;

    position: relative;

    left: -38px;

}

.menuitems ul li{

    display: inline;

    list-style-type: none;

    position: relative;

    border-right: 1px solid white;

    padding-left: 10px;

    padding-right:10px 

     

}

.menuitems ul {

    padding-left: 0px;

}

.menuitems ul li:first-child{

    padding-left: 0px;

}

.menuitems a{

    color:white

}



.menuitems li:last-child {

    border: none;

}



.copy-right{

    color: white;

    background: black;

    font-size: 15px;

}

.copy-right a {

    color: white;

}

.container.contact-title {

   padding-left: 0px;

}



.footer-lines {

   border-bottom: 1px solid white;

   border-top: 1px solid white;

}

.footer-content ul li {

    font-size: 15px;

}

.third-footer h2 {

    font-size: 18px;

}

.menuitems ul li {

    font-size: 15px;

}

.menuitems {

    line-height: 30px;

}



.testimonial p i {

    font-size: 40px;

    color: grey;

}



/*footer*/



/*cart*/





.table-heading {

    background: #0000007d;

    color: white;

    font-size: 20px;

}



.my-cart h4 {

    font-family: 'Hind Madurai', sans-serif;

    color: #343030;

    padding-bottom: 25px;

    font-size: 30px;
    text-align: center;

}



.my-cart a{

    color: black;

    text-decoration: none;

}

.cart-table{

    background: white;

}



.discount{

    color: #177d0c;

}

.shopping{

    color: #c72d2c;

}

.product-type{

    color: #c72d2c;

}



.checkout-btn {

    background-color: #5b5a5d;

    border-radius: 0px;

    color: white;

}

.shopping-btn {

    background-color: #198d0d;

    border-radius: 0px;

    color: white;

}

.cart-buttons {

    line-height: 55px;

}

.checkout-box {

    line-height: 30px;

}

.coupon-btn{

    background-color: #5b5a5d;

    border-radius: 0px;

    color: white;

}

.product-id a {

    color: #ababab;

}

.product-id{

    font-size: 15px;

}



.coupon-box input {

    border-radius: 0px;

}

/*wedding decors*/

.hero-inner {

    position: absolute;

    color: #000;

}

.wedding-decor .container {

    display: flex;

    justify-content: flex-start;

    align-items: center;

}

.wedding-decor {

    position: relative;

}



/**Qyty -/+ Buttton*/



.add1 {

    border: 1px solid gray;

    border-left: none;

    border-radius: 0px;

}



.minus1 {

    border: 1px solid gray;

    border-right: none;

    border-radius: 0px;

}



.stepper{

    display: flex;

}



.quantity {

    width: 30px;

    text-align: center;

    border: 1px solid gray;

    border-left:none;

    border-right:none;

    border-radius: 0px;

}





/* Chrome, Safari, Edge, Opera */

.stepper input::-webkit-outer-spin-button,

.stepper input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

.stepper input[type=number] {

  -moz-appearance: textfield;

}



.quantity input,.quantity button{

   width:50px;

   padding:.5em;

   font-size:1.2rem;

   text-align:center;

   font-weight:900;

   background:white;

   border:1px solid #aaa;

}



/****registerOrLogin / signup / track order / call back Modal*******/

.login-content{

    padding: 20px;

    background:url(../image/login/bg.jpg?32o3i) no-repeat scroll 0px 0px;

    border-radius: 8px;

    background-size: cover;

}



.login-content h4 {

    text-align: center;

    margin-bottom: 20px;

    margin-top: -30px;

}





.division {

    float: none;

    margin: 0 auto 20px;

    overflow: hidden;

    position: relative;

    text-align: center;

    width: 100%;

 }   



.division .line {

    border-top: 1px solid #DFDFDF;

    position: absolute;

    top: 10px;

    width: 25%;

}



.division .line.l {

    left: 0;

}



.division .line.r {

    right: 0;

}

     

.btn-google {

  color: white;

  background-color: #ea4335;

  border-radius: 0px;

  margin-bottom: 10px;

}



.btn-facebook {

  color: white;

  background-color: #3b5998;

  border-radius: 0px;

  margin-bottom: 10px;

}



.btn-facebook:hover{

    color:white;

}





.login-btn{

    color:black;

    border-color: black;

    background: white;

    border-radius: 0px;

    margin-bottom: 20px;

    margin-top: 20px;

}



.btn-google:hover{

    color:white;

}

.btn-google span {

    margin-left: 10px;

}



.btn-facebook span {

    margin-left: 10px;

}

.new-account {

    float: right;

}



.new-account a {

    text-decoration: none;

    color: #c738a9cf;

    margin-left: 8px;

}



.lost-password {

    margin-top: 10px;

}





.lost-password a{

    text-decoration: none;

    color: black;

    margin-left: 8px;

}



.remember-me{

    margin-left: 10px;

}

.login-title {

    border-bottom: none;

}

.required {

  color: red;

}

.login-body {

    padding-bottom: 30px;

}

.new-account a:hover {

    color: black;

}



/*contact us page****/

.contactus {

    margin-bottom: 35px;

}

.customer-addressone {

    border: 1px solid;

    padding: 12px;

}



.customer-addressone a{

    text-decoration: none;

    color: black;

}

.customer-addressone ul li {

    list-style-type: none;

    line-height: 30px;

}

.customer-addresstwo {

    border: 1px solid;

    margin-top: 15px;

    padding: 10px;

}



.customer-addresstwo ul li {

    list-style-type: none;

}

.customer-addresstwo a{

    text-decoration: none;

    color: black;

}



.contact-detail h1 {

    font-family: 'Hind Madurai', sans-serif;

    font-size: 25px;

}

.contact-detail h3{

    font-family: 'Hind Madurai', sans-serif;

    font-size: 20px;

}

.contact-btn{

    background-color: black;

    border-color:black;

    color:white

}

.contact-btn:hover{

    color:white

}

.get-in-touch {

    line-height: 30px;

}

.map-responsive{

    overflow:hidden;

    padding-bottom:50%;

    position:relative;

    height:0;

    border: 1px solid;

    margin-top: 35px;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}

.contact-breadcrumb {

    	margin: 2px;

 }

 .get-in-touch input {

    border-radius: 0px;

}



.get-in-touch select {

    border-radius: 0px;

}



.get-in-touch textarea {

    border-radius: 0px;

}



.contact-detail-form h1 {

    font-family: 'Hind Madurai', sans-serif;

    font-size: 25px;

}



.get-in-touch button {

    border-radius: 0;

}

/*bread crums**/



ol.breadcrumb.iris-breadcrumb {

    background-color: transparent;

    padding-left: 0px;

}



ol.breadcrumb.iris-breadcrumb a {

    color: #000;

    font-size: 14px;

}



ol.breadcrumb.iris-breadcrumb li:before {

    padding-right: 3px;

}



/***My profile****/



.profile-contents i{

    font-size: 50px;

}

.profile-icon {

    background: #f6f6f6;

    text-align: center;

    margin: 10px;

}

.my-profile-info {

    /*border: 1px solid #a1a1a1;*/

    padding: 15px;

    line-height: 35px;

    margin-top: 10px;

}

.my-profile-info h4 {

    font-size: 20px;

}



.my-profile-info i {

    float: right;

    color: black;

}



.td-w30{

    width:30%;

    font-weight: 500;

}

.td-w9{

    width:10%

}

.td-w60{

    width:61%;

}

.table-contents{

    margin-left: 15px;

}

.user-detail{

    color: #a1a1a1;

}



.profile-contents ul {

    display:flex;

    flex-wrap: wrap;

    }



.profile-contents li {

    list-style: none;

    flex: 1 0 30%;

}

.profile-contents {

    margin-left: -30px;

}

.profile-options ul li a:hover {

    color: gray;

}

.profile-options ul li a {

    display: block;

    padding: 20px;

    text-decoration: none;

    color: black;

}

.address {

    /*border: 1px solid #a1a1a1;*/

    padding: 15px;

    line-height: 35px;

    min-height: 315px;

}

.my-address h4 {

    font-size: 20px;

}

.old-address i {

    float: right;

    font-size: 20px;

    padding: 10px;

    color: black;

}

.new-address i {

    font-size: 100px;

    color: #a1a1a1;

}



.new-address {

    text-align: center;

}



.add-new {

    font-size: larger;

}

.new-address a {

    text-decoration: none;

    color: black;

}

.plus-sign {

    padding-top: 60px;

}



/**Offer Pop-up*****/

/**Offer Pop-up*****/

.offer-content{

    /*background:url(../image/offer_popup/popup-bg.jpg) no-repeat scroll 0px 0px;*/

    border-radius: 0px;

    background-size: 100% 100%;

}



.offer-popup-header {

    padding: 0px;

}



.offer-popup-header .close {

padding: 0px;

position: absolute;

top: 23px;

right: 24px;

}



.offer-content h4 {

    text-align: center;

    font-family: 'Hind Madurai', sans-serif;

    font-size: 38px;

}



.offer-body {

    margin: 0px 50px 50px 50px;

    background-color: #ffffffd1;

}

.mail-btn {

    background-color: black;

    color: white;

    border-radius: 0;

    float:right;

    margin-top: -38px;

}

span.popup-title {

    line-height: 2;

}

.email-box input {

    width: 85%;

    border-radius: 0px ;

    margin-top: 25px;

}

.dont-show-again{

    margin-top: 15px;

    

}

/*Order Tracker*/

.order-tracking {

    margin-top: 15px;

}

.track-table {

    width: 50%;

    margin: auto;

    /*border: 1px solid #a1a1a1;*/

    border-radius: 5px;

    padding: 40px;

    line-height: 40px;

    background-color: white;

}

.order-tracking h4 {

    text-align: center;

}

.date {

    font-size: 17px;

    color: #a1a1a1;

}

.status {

    font-size: 25px;

    font-weight: 500;

}



.divider {

    height: 0px !important;

    background-color: blue

}



.track-line {

    height: 2px !important;

    background-color: #a1a1a1;

}



.dot {

    height: 20px;

    width: 20px;

    margin-top: 0px;

    background-color: #ff0081b8;

    border-radius: 50%;

    display: inline-block

}



.big-dot {

    height: 30px;

    width: 30px;

    margin-top: 0px;

    background-color: #ff0081b8;

    border-radius: 50%;

    display: inline-block

}



.big-dot i {

    font-size: 12px

}

.order-label {

    font-weight: 500;

}

.order-status{

    width: 80%;

    margin: auto;

    line-height: 30px;

}

.order-status-line{

    width: 70%;

    margin: auto;

}

.order-detail{

    background-color: #faebd75c;

    padding-top: 35px;

    padding-bottom: 50px;

}

.status-time {

    color: #a1a1a1;

}



/*Order Detail*/

.detail-order {

    padding: 10px;

    min-height: 270px;

    margin-top: 15px;

}

.detail-order h1 {

    font-size: 25px;

    font-family: 'Hind Madurai', sans-serif;

}



.detail-order ul li {

    list-style-type: none;

    line-height: 30px;

    margin-left: -40px;

}

.order-details h2{

    font-family: 'Hind Madurai', sans-serif;

}

.order-head {

    padding: 15px;

    background-color: #f3f3f3;

}



.order-detail-table td {

    border-top: none;

}



.track a{

    text-decoration: none;

    color: black;

}

.invoice a{

    text-decoration: none;

    color: black;

}

.item-info {

    border-bottom: 1px solid #dee2e6;

}



.other-info {

    border-bottom: 1px solid #dee2e6;

}



.total-amt {

    border-bottom: 1px solid #dee2e6;

}

.amount {

    text-align: end;

}

/*Order History**/



.buyagain-btn {

    background-color: black;

    color: white;

    border-radius: 0px;

}





.review-btn{

    background-color: #d1d1d1;

    color: black;

    border-radius: 0px;

}

.order-history-head {

    background-color: #f3f3f3;

}

.product-name a {

    text-decoration: none;

}



.product-id a {

    text-decoration: none;

}



.buyagain-btn:hover {

    color: white;

}

.review-btn:hover {

    color: black;

}

.order-header-cancel {

    padding-right: 10px;

    border-right: 1px solid;

}



.order-header-detail {

    padding-right: 10px;

    border-right: 1px solid;

    margin-left: 10px;

}



.order-header-track {

    padding-right: 10px;

    border-right: 1px solid;

    margin-left: 10px;

}



.order-header-invoice {

    margin-left: 10px;

}

.order-number{

    font-weight: 500;

}



.order-history-tables {

    margin: auto;

    width: 100%;

    margin-top: 15px;

}

.order-history-body td {

    vertical-align: middle;

    width: 20%;

}

.order-history-body tr td:first-child {

    width: 5%;

}

.delivery-address-td {

    border-top: 1px solid #d1d1d1;

}

p.orderhistory-deliver-date {

    margin-bottom: 0px;

    padding: 20px 0px;

    font-weight: 500;

}

.orderhistory-padding {

    padding-left: 0px;

    padding-right: 0px;

}





.order-menu{

    text-align: end;

}



.order-total{

    text-align:end;

}



/***add on page****/

.navbar-addon li {

    padding: 5px 0px !IMPORTANT;

}

.addon-text {

    font-size: 25px;

}

.addons-box {

    margin: 0 auto;

    padding: 0;

    background-color: transparent;

}

.product-list-box {

    clear: both;

    display: table;

    margin-top: 10px;

    width: 100%;

}

.add-product-item-box {

    width: 21%;

    float: left;

    position: relative;

    box-shadow: 0 2px 4px 0 rgba(192, 192, 192, 0.5);

    margin: 0% 2% 2% 2%;

}

.add-ons-label {

    display: block;

    margin-bottom: 0;

}

.product-item {

    margin: 0;

    background-color: #fff;

    padding: 0;

    border: 1px solid transparent;

}

.product-item img {

    width: 70%;

    margin: 0 auto;

    padding: 12px;

}

.product-details {

    padding: 5px;

}

.card-detail{

    margin: 10px;

}

.addon-block{

    margin-top:10px;

}

.add-on-img {

    margin: 0px;

    border-radius: 5px;

}

.add-on-header {

    text-align: center;

    background: #088735;

    padding: 10px;

    color: white;

}



.add-on-header h2 {

    font-family: 'Hind Madurai', sans-serif;

}

.add-on-tab .nav-pills .nav-link.active {

    background: #088735;

    border-radius: 0px;

}

.add-on-tab {

    padding: 10px;

    display: table;

    margin: 0 auto;

}

.new-price {

    font-size: 17px;

}



.old-price {

    font-size: 15px;

    text-decoration: line-through;

    color: #00000045;

}

.add-on-tab .nav-item {

    background: #f3f3f3;

    margin: 5px;

}

.add-on-tab a {

    color: black;

}

.add-on-footer {

    padding: 10px;

    background: white;

    position: fixed;

    width: 100%;

    z-index: 1;

    bottom: 0;

    box-shadow: 0px 0px 25px 0px #ccc;

    background-color: white;

    padding: 20px 50px 20px 50px;

}

.add-on-selected {

    font-size: 22px !important;

    font-weight: 500;

    padding-left: 19px;

}

.add-on-price {

    color: #088735;

}

.add-on-btn {

    background: #088735;

    border-radius: 0px;

    float: right;

    color: white;

}

.addon-close-btn {

    float: right;

    margin-top: -25px;

    font-size: 50px;

    color: white;

}

.addon-close-btn:hover {

    color: white;

}



nav.navbar.navbar-addon {

    border: 0px;

    box-shadow: none;

    /* margin-left: auto; */

    /* margin-right: auto; */

    /* max-width: 500px; */

    background: #fff;

    width: 100%;

    position: relative;

    top: -17px;

}



nav.navbar.navbar-addon .nav-pills .nav-link.active{

    background: #088735;

}



nav.navbar.navbar-addon ul {

    margin-left: auto;

    margin-right: auto;

    margin-top: 20px;

    margin-bottom: 16px;

}



nav.navbar.navbar-addon ul li a {

    border-radius: 0px;

    padding: 9px 11px;

    color: #000;

    background: #ddd;

    margin-left: 5px;

    margin-right: 5px;

}

.addon-margin {

    margin-bottom: 100px;

}

.addon-margin-top {

    margin-top: 130px;

}

input.add-on-cb {

  border: 3px solid #088735;

  background: #fff;

  color: #555;

  /* clear: none; */

  cursor: pointer;

  display: inline-block;

  line-height: 0;

  height: 20px;

  outline: 0;

  padding: 0!important;

  text-align: center;

  vertical-align: middle;

  width: 20px;

  min-width: 1rem;

  -webkit-appearance: none;

  transition: .05s border-color ease-in-out;

  position: relative;

  margin-right: 0px;

  float: right;

  margin-top: 2px;

}



input.add-on-cb:checked:before {

  content: url(../image/tick.png);

  height: 40px;

  width: 16px;

  display: table;

  position: absolute;

  top: 0px;

}



.add-on-btn:hover {

    color: white;

    text-decoration: none;

}

.add-on-items{

    max-width: 1000px;

    margin-left: auto;

    margin-right: auto;

}

.item-title{

    font-size: 18px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 18px;

    height: 36px;

}

.message-box{

    margin-bottom: 10px;

}

.skip-btn{

    margin-right:5px;

}

/*Check Out Page****/

.checkout-left {

    padding: 19px;

    box-shadow: 0px 0px 5px 0px #ccc;

    width: 100%;

    margin-top: 30px;

}

.checkout-email {

    border-radius: 0px;

    border: 1px solid;

    margin-top: 5px;

    margin-bottom: 15px;

    font-size: 13px;

}

.cbuttons {

    /* display: flex; */

}

.social-btn1 {

    border: 1px solid;

    border-radius: 0px;

    /* margin: 10px; */

    background-color: #4267B2;

    color: #fff;

    border-color: #4267b2;

}

.social-btn2 {

    border: 1px solid;

    border-radius: 0px;

    /* margin: 10px; */

    background-color: #db4a39;

    color: #fff;

    border-color: #db4a39;

    min-width: 119px;

}

.social-btn1 i{color: white;}

.social-btn2 i{

    color: #fff;

}

.continue-btn {

    text-align: center;

    padding-left: 0px;

}

.checkout-button {

    background-color: #5b5a5d;

    border-radius: 0px;

    color: white;

    padding-right: 100px;

    padding-left: 100px;

}



.date-wrap {

    /* margin: 15px auto; */

    /* display: inline-block; */

    /* position: relative; */

    /* width: 51%; */

}

.date-li {

    display: inline-block;

    border-radius: 0;

    cursor: pointer;

    text-align: center;

    padding-right: 8px;

    padding-left: 8px;

}

.date-inner {

    margin: 6px 0 7px 0px;

}

.date-inner {

    text-align: center;
    line-height: 73px;
    width: 73px;
    height: 73px;
    border-radius: 0.;
    border: solid 1px #178400;
    color: rgb(0, 0, 0) !important;
    margin-right: 0;
    margin: 0 auto;

}

.day {

    /* font-size: 14px; */

    margin: 5px 0 0px 0;

    /* font-weight: 700; */

}

.date-inner i {

    font-size: 40px;

}

.date-inner p {

    font-size: 40px;

}

.date-wrap ul {

    /* margin-left: 0; */

    padding-left: 0px;

}

p.mnth {

    margin-bottom: 0px;

}

.occasion-tab .nav-pills .nav-link.active {

    background: #088735;

    border-radius: 0px;

}

.occasion-tab .nav-item {

    background: #f3f3f3;

    margin: 5px;

}

.occasion-tab a {

    color: black;

}



#id_occasion input[type="checkbox"] {

  display: none;

}



#id_occasion span {

  display: inline-block;

  padding: 10px 30px 10px 30px;

  border: 1px solid #0000002b;

  border-radius: 0px;

  color: black;

  background-color: white;

}



#id_occasion input[type="checkbox"]:checked + span {

  background-color: #088735;

  color: white;

}

.other-occasion {

    /* display: flex; */

    width: 25%;

    height: 46px;

    margin-left: 10px;

    border-radius: 0px;

    border: none;

    border-bottom: 1px solid #0000002b;

}





.checkout-occation {

    display: flex;

}



input.secret-checkbox {

  border: 3px solid #088735;

  background: #fff;

  color: #555;

  /* clear: none; */

  cursor: pointer;

  display: inline-block;

  line-height: 0;

  height: 20px;

  outline: 0;

  padding: 0!important;

  text-align: center;

  vertical-align: middle;

  width: 20px;

  min-width: 1rem;

  -webkit-appearance: none;

  transition: .05s border-color ease-in-out;

  position: relative;

  margin-right: 5px;

}



input.secret-checkbox:checked:before {

  content: url(../image/tick.png);

  height: 40px;

  width: 20px;

  display: table;

  position: absolute;

  top: 0px;

}





/*login form***/



    

    .glogin-main {

        background-color: #FFFFFF;

        width: 400px;

        height: 400px;

        margin: 7em auto;

        box-shadow: 0px 11px 35px 2px rgba(0, 0, 0, 0.14);

    }

    

    .signin-label {

    padding-top: 40px;

    color: #333333;

    font-family: 'Hind Madurai', sans-serif;

    font-weight: bold;

    font-size: 23px;

}

    

.username-label {

    width: 76%;

    color: rgb(38, 50, 56);

    font-weight: 700;

    font-size: 14px;

    letter-spacing: 1px;

    background: rgba(136, 126, 126, 0.04);

    padding: 10px 20px;

    border: none;

    outline: none;

    box-sizing: border-box;

    border: 1px solid rgb(0 0 0 / 18%);

    margin-bottom: 50px;

    margin-left: 46px;

    margin-bottom: 27px;

}

    

    

    .pw-label{

            width: 76%;

    color: rgb(38, 50, 56);

    font-weight: 700;

    font-size: 14px;

    letter-spacing: 1px;

    background: rgba(136, 126, 126, 0.04);

    padding: 10px 20px;

    border: none;

    outline: none;

    box-sizing: border-box;

    border: 1px solid rgb(0 0 0 / 18%);

    margin-bottom: 50px;

    margin-left: 46px;

    margin-bottom: 27px;

    }

    

   

    .username-label:focus, .pw-label:focus {

        border: 2px solid rgba(0, 0, 0, 0.18) !important;

        

    }

    

    .submit-btn {

    cursor: pointer;

    border-radius: 3px;

    color: #fff;

    background: linear-gradient(to right, #000000cc, #0000005e);

    border: 0;

    padding-left: 40px;

    padding-right: 40px;

    padding-bottom: 10px;

    padding-top: 10px;

    font-family: 'Hind Madurai', sans-serif;

    margin-left: 35%;

    font-size: 13px;

    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.04);

}

    

    .forgot-label {

        text-shadow: 0px 0px 3px rgba(117, 117, 117, 0.12);

        color: #E1BEE7;

        padding-top: 15px;

    }

    

    .signin-form a {

        text-shadow: 0px 0px 3px rgba(117, 117, 117, 0.12);

        color: #000000;

        text-decoration: none

    }

    

    

.categories_rule img {

border-radius: 25px;

}        





/*Review Page*/



  .rating-group {

    display: inline-flex;

  }

  

  /* make hover effect work properly in IE */

  .rating__icon {

    pointer-events: none;

  }

  

  /* hide radio inputs */

  .rating__input {

   position: absolute !important;

   left: -9999px !important;

  }



  /* set icon padding and size */

  .rating__label {

    cursor: pointer;

    /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */

    padding: 0 0.1em;

    font-size: 2rem;

  }



  /* add padding and positioning to half star labels */

  .rating__label--half {

    padding-right: 0;

    margin-right: -0.6em;

    z-index: 2;

  }

  

  /* set default star color */

  .rating__icon--star {

    color: orange;

  }

  

  /* set color of none icon when unchecked */

  .rating__icon--none {

    color: #eee;

  }



  /* if none icon is checked, make it red */

  .rating__input--none:checked + .rating__label .rating__icon--none {

    color: red;

  }



  /* if any input is checked, make its following siblings grey */

  .rating__input:checked ~ .rating__label .rating__icon--star {

    color: #ddd;

  }

  

  /* make all stars orange on rating group hover */

  .rating-group:hover .rating__label .rating__icon--star,

  .rating-group:hover .rating__label--half .rating__icon--star {

    color: orange;

  }



  /* make hovered input's following siblings grey on hover */

  .rating__input:hover ~ .rating__label .rating__icon--star,

  .rating__input:hover ~ .rating__label--half .rating__icon--star {

    color: #ddd;

  }

  

  /* make none icon grey on rating group hover */

  .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {

     color: #eee;

  }



  /* make none icon red on hover */

  .rating__input--none:hover + .rating__label .rating__icon--none {

    color: red;

  }



.rating-box {

    border: 1px solid;

    padding: 10px;

    margin-bottom: 20px;

}

.review {

    border-radius: 0px;

    border: 1px solid;

}

.rating-btn {

    border-radius: 0px;

    padding: 5px 30px 5px 30px;

}



#iconpop{

	

	

	position:fixed;

	left:0;

	bottom:0;

	text-align:center;

 z-index: 99!important;

}









#iconpop .appoin{

	height:50px;

	margin-bottom:2px;

	background-color:var(--main-color);

	display:none;

	width: 50px;

	overflow: hidden;

	-webkit-transition: all .5s linear; /* Safari prior 6.1 */

  transition: all .5s linear;

 white-space:nowrap;

 text-align:left;

 line-height: 50px;

 color: #fff;

 font-size: 16px;

 



}

#iconpop .appoin i{

	

	width: 50px;

	text-align: center;



}



#iconpop .appoin:hover{

	

	 width: 250px;

	 cursor: pointer;



	

}







#iconpop .callusicon{

	height:50px;

	margin-bottom:2px;

	background-image:linear-gradient(to right,#8fc918, #b2fc1a);

	

	width: 50px;

	overflow: hidden;

	-webkit-transition: all .5s linear; /* Safari prior 6.1 */

  transition: all .5s linear;

 white-space:nowrap;

 text-align:left;

 line-height: 50px;

 color: #fff;

 font-size: 16px;

  z-index: 9999999999!important;



}

#iconpop .callusicon i{

	

	width: 50px;

	text-align: center;



}



#iconpop .callusicon:hover{

	

	 width: 250px;

	 cursor: pointer;



	

}







#iconpop .mailus{

	height:50px;

	background-color:#e6193f;

	margin-bottom:2px;

	display:none;

}





.left-social-media {

    position: fixed;

    /*left: 6px;*/

    bottom: 8px;

    text-align: center;

    /* visibility: hidden; */

    z-index: 99;

}

header.fixed-header {

position: -webkit-sticky;

position: sticky;

top: 0;

z-index: 999;

box-shadow: 0.3px 0.6px 0.6px hsl(0deg 0% 0% / 49%);

}

.mobile-fixed-header {

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    background: white;

    z-index: 999;

}



nav.fixed-navbar {

width: 100%;

position: fixed;

transition: top 0.2s ease-in-out;

z-index: 100;

}

div#tawkchat-minified-box {

    top: 5px !important;

    left: 14px !important;

}



.left-social-media a {

        display: block;

    padding: 3px;

    background: #40d366;

    margin-bottom: 6px;

    width: 55px;

    height: 55px;

    text-align: center;

    color: #fff;

    text-decoration: none;

    border-radius: 50%;

    box-shadow: 1px 1px 2px rgba(0,0,0,0.6);

    font-size: 35px;

}



.left-social-media a.social-tp-facebook {

    background: #3b5998 !important;

}



.left-social-media a.social-tp-instagram {

    background: #d6249f;

  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);

  box-shadow: 0px 3px 10px rgba(0,0,0,.25);

}



a.social-tp-whatsapp {

    background-color: #40d366;

}

.scrollup{

	height:50px;

	background-color:#fc7753;

	display:none;

	width:50px;

	position:fixed;

	right:0;

	bottom:0;

	text-align: center;

	

}

.scrollup i{

font-size:20px;

	color:#ffffff;

	line-height: 50px;

	



}

.scrollup a{

	height:50px;

	background-color:#fc7753;

	

	width:50px;

	color:#ffffff!important;

}



.scrollup a:hover{

	display:block;

	background-color:var(--main-color);

	

}





#iconpop  a{

	display:block;

	color: #fff;

}

/*#iconpop  a:hover{

	background-color:var(--main-color);

	

}*/



/*filter*/



.search-btn{

    float: right;

}

/*.filter-botton{

    /*float:  left; */
   /* margin-right: 33px;

}*/

.center-bar {

    color: gray;

    font-size: 25px;

}

.filter-search i {

    padding-right: 10px;

}



/*.searchbutton {

	font-size: 20px;

	font-weight: 500;

	margin: 0;

	padding: 5px 0px;

	float: right;

    padding-right: 36px;
    margin-left : 18px;

}*/



.search-option:focus + .searchbutton {

	transition-duration: 0.4s;

	-moz-transition-duration: 0.4s;

	-webkit-transition-duration: 0.4s;

	-o-transition-duration: 0.4s;

	background-color: white;

	color: black;

}



.search-option {

	position: absolute;

	/* left: 49px; */ /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */

	background-color: white;

	outline: none;

	border:  none;

	padding: 0;

	width: 0;

	height: 100%;

	z-index: 10;

	transition-duration: 0.1s;

	-moz-transition-duration: 0.1s;

	-webkit-transition-duration: 0.1s;

	-o-transition-duration: 0.1s;

}



.search-option:focus {

	width: 100%; /* Bar width+1px */

	padding: 0 20px 0 10px

}



.expandright {

    left: 0px;

    /* top: 0; */

    /* bottom: 5px; */

    /* padding-right: 15px; */

}

.search-close-btn {

    z-index: 99999;

    position: absolute;

    right: 0px;

}

.search-container input[type="search"]::-webkit-search-decoration,

.search-container input[type="search"]::-webkit-search-cancel-button,

.search-container input[type="search"]::-webkit-search-results-button,

.search-container input[type="search"]::-webkit-search-results-decoration { display: none; }



.show-more-block {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 67px;

    z-index: 1;

    background: #fef8fa;

    overflow: auto;

    padding: 21px;

}



/***** Rating *******/
.rating-display .rating-display-first
{
font-size:22px;
};
.fa {
  font-size: 25px;
}

.rating-display .checked {
  color: #04aa6d;
  font-size: 22px;
}
.rating-display .total-rating {
  
  font-size: 22px;
}
/* Three column layout */
.rating-display .side {
  float: left;
  width: 15%;
  margin-top:10px;
}

.rating-display .middle {
  margin-top:10px;
  float: left;
  width: 70%;
}

/* Place text to the right */
.rating-display .right {
  text-align: right;
}

/* Clear floats after the columns */
.rating-display .row:after {
  content: "";
  display: table;
  clear: both;
}

/* The bar container */
.rating-display .bar-container {
  width: 100%;
  background-color: #d5d3d3;
  text-align: center;
  color: white;
}
.review-date {
    font-size: 16px;
}
span.ind-rating {
    background: green;
    color: white;
    padding: 2px 5px;
}
/***** Rating Ends ****/










/******Media Querries*****/

@media screen and (min-width:1026px) {

    .valentine-day {

    max-width: 70%;

}

}



@media (min-width: 768px) and (max-width: 991.98px) {



.order-status {

    width: 90%;

    margin: auto;

}

.track-table {

    width: 100%;

}

.order-id {

    padding-right: 4px;

}

.order-date {

    padding-right: 4px;

    padding-left: 4px;

}

.delivery-date {

    padding-left: 4px;

}

.track {

    padding-right: 4px;

    padding-left: 4px;

}

.invoice {

    padding-left: 4px;

}

.order-head {

    line-height: 30px;

}



}



@media (min-width: 992px) and (max-width: 1199.98px) {

    .track-table {

    width: 75%;

}  

}





@media (min-width: 768px){



.order-id {

    border-right: 1px solid black;

    padding-right: 25px;

}

.order-date {

    border-right: 1px solid black;

    padding-right: 25px;

    padding-left: 25px;

}

.delivery-date {

    border-right: 1px solid black;

    padding-left: 25px;

    padding-right: 25px;

}

.track {

    border-right: 1px solid black;

    padding-right: 25px;

    padding-left: 25px;

}

.invoice {

    padding-left: 25px;

}
.filter-botton {
    margin-right: 103px;
}
.searchbutton {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    padding: 5px 0px;
    /* float: right; */
    padding-right: 0px;
    margin-left: 121px;
}

}

@media (max-width: 767px){



.order-id {

    /* border-right: 1px solid black; */

    /* padding-right: 25px; */

}

.order-date {

    /* border-right: 1px solid black; */

    /* padding-right: 25px; */

    /* padding-left: 25px; */

}

.delivery-date {

    /* border-right: 1px solid black; */

    /* padding-left: 25px; */

    padding-right: 10px;

}

.track {

    /* border-right: 1px solid black; */

    padding-right: 10px;

    /* padding-left: 25px; */

}

.invoice {

    /* padding-left: 25px; */

}

}

@media (max-width: 991px){

    .shipping-address {

   padding: 0px;

}

.payment-method {

   padding: 0;

}

.order-summary {

   padding: 0;

}

span.coupon-clone {

    display: table-cell;

}



.align-it-center{

    text-align: center;

}



.socil-mb button {display: block;width: 100%;margin-bottom: 10px;}

    }

    

@media (max-width: 600px) {

    #BlockSliderType1 .owl-stage {

    left: -20px;

}



#prdcustomerLiked .owl-stage {

    left: -20px;

}

#prdSimilarProducts .owl-stage {

    left: -20px;

}

#subCategoryList .owl-stage {

    left: -20px;

}

#BlockSliderType5 .owl-stage {

    left: -20px;

}

#BlockSliderType2 .owl-stage {

    left: -20px;

}

#BlockSliderType3 .owl-stage {

    left: -20px;

}



#BlockSliderType4 .owl-stage {

    left: -20px;

}

#prdnewArrival .owl-stage {

    left: -20px;

 }

        .glogin-main {

            border-radius: 0px;

        }

        .checkout-mbl{

            padding-left: 0;

            padding-right: 0;            

                    

        }      

        .new-address {

    text-align: center;

    margin-top: 15px;

}  

.contact-detail-form{

    padding-top: 10px; 

}

.about-img {

    margin-top: 15px;

}

.detail-order {

    padding: 10px;

    min-height: 0px; 

    margin-top: 15px;

}

.my-breadcrumb h1 {

    font-family: 'Hind Madurai', sans-serif;

    font-size: 25px;

}

.my-breadcrumb p {

    font-size: 15px;

}

.rating__label {

    cursor: pointer;

    padding: 0 0.1em;

    font-size: 1.5em;

  }

  .policy-updates{

    text-align: center;

  }

  .certificates img {

    width: 32%;

}

.certificates {

    text-align: center;

}

.product-info {

    padding-top: 15px;

}


}


@media (max-width: 375px) {

    
.searchbutton {

	font-size: 20px;

	font-weight: 500;

	margin: 0;

	padding: 5px 0px;

	float: right;

    padding-right: 36px;
    margin-left : 18px;

}
.filter-botton{

    /*float:  left; */
    margin-right: 33px;

}

}
@media screen and (max-width: 570px) and (min-width: 425px) {

    .filter-botton {
    margin-right: 48px;
}

.searchbutton {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    padding: 5px 0px;
    float: right;
    padding-right: 61px;
    margin-left: 0px;
}




}