/** LOADING FONT FAMILY ***/

@import url("fonts/icons/flaticon.css?32343");

@import url("fonts/ShadedLarch.css?3948389");

@import url("fonts/gotham.css?3948389");



@import url('https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@300;400;500;600;700&display=swap');



:root {

    --main-bg-color: hsl(0, 0%, 67.1%);

    --title-bg-color: hsl(0, 0%, 93.3%);

    --header-bg-color: #5b5b5d;

    --green-color: #f0f2c0;

    --dark-green-color: #9c9e00;

    --product-bg-heading: #fcfcfc;

}

* {

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

    font-weight: normal;

}

body {

    color: #000;

}

[v-cloak]>* {
    display: none;
}



.ui-datepicker-inline {

    width: 100%;

}



.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {

    border: 1px solid #c5c5c5;

    background: #f6f6f6;

    font-weight: normal;

    color: #454545;

    padding: 12px;

}

@-webkit-keyframes placeholder-shimmer {

    /* line 53, ../sass/_functions.scss */

    0% {

        background-position: -468px 0;

    }



    /* line 56, ../sass/_functions.scss */

    100% {

        background-position: 468px 0;

    }

}



@-moz-keyframes placeholder-shimmer {

    /* line 53, ../sass/_functions.scss */

    0% {

        background-position: -468px 0;

    }



    /* line 56, ../sass/_functions.scss */

    100% {

        background-position: 468px 0;

    }

}



@-ms-keyframes placeholder-shimmer {

    /* line 53, ../sass/_functions.scss */

    0% {

        background-position: -468px 0;

    }



    /* line 56, ../sass/_functions.scss */

    100% {

        background-position: 468px 0;

    }

}



@-o-keyframes placeholder-shimmer {

    /* line 53, ../sass/_functions.scss */

    0% {

        background-position: -468px 0;

    }



    /* line 56, ../sass/_functions.scss */

    100% {

        background-position: 468px 0;

    }

}



@keyframes placeholder-shimmer {

    /* line 53, ../sass/_functions.scss */

    0% {

        background-position: -468px 0;

    }



    /* line 56, ../sass/_functions.scss */

    100% {

        background-position: 468px 0;

    }

}



/* line 6, ../sass/shimmer.scss */

.placeholder-item {

    -webkit-animation-name: placeholder-shimmer;

    -moz-animation-name: placeholder-shimmer;

    -ms-animation-name: placeholder-shimmer;

    -o-animation-name: placeholder-shimmer;

    animation-name: placeholder-shimmer;

    -webkit-animation-duration: 1s;

    -moz-animation-duration: 1s;

    -ms-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: forwards;

    -moz-animation-fill-mode: forwards;

    -ms-animation-fill-mode: forwards;

    -o-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-iteration-count: infinite;

    -ms-animation-iteration-count: infinite;

    -o-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: linear;

    -moz-animation-timing-function: linear;

    -ms-animation-timing-function: linear;

    -o-animation-timing-function: linear;

    animation-timing-function: linear;

    background: #f6f7f8;

    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f6f7f8), color-stop(20%, #edeef1), color-stop(40%, #f6f7f8), color-stop(100%, #f6f7f8));

    background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);

    background-image: -moz-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);

    background-image: -o-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);

    background-image: linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);

    background-repeat: no-repeat;

    background-size: 800px 800px;

    position: relative;

    overflow: hidden;

    border-radius: 3px;

}



h1,
h2 {

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

}



.grey-bg {



    background-color: #fff;



}

.grey-dark-bg {

    background-color: #f5f8fd;

}



.t-title {

    background-color: #f8f2ff;



}

.product-bg-heading {

    background-color: var(--product-bg-heading);

}

.t-title h2 {

    margin-bottom: 0px;

    font-size: 35px;

}

.productGrid .product-img {

    min-height: 215px;

}

.product-bar .productGrid .product-img {

    min-height: 249px;

}



.owl-carousel .owl-nav {

    overflow: hidden;

    height: 0px;

    margin-top: 0px;

}



.owl-theme .owl-dots .owl-dot.active span,

.owl-theme .owl-dots .owl-dot:hover span {

    background: #2caae1;

}





.owl-carousel .item {

    /* text-align: center; */

}

.owl-carousel .nav-btn {

    height: 39px;

    position: absolute;

    width: 39px;

    cursor: pointer;

    top: 45% !important;

}





.owl-carousel .prev-slide {

    background: url(../image/left.png?32o3i4) no-repeat scroll 0 0;

    left: 0px;

    border-radius: 50px;

}

.owl-carousel .next-slide {

    background: url(../image/right.png?32o3i4) no-repeat scroll 0px 0px;

    right: 0px;

    border-radius: 50px;

}

.owl-theme .owl-nav.disabled+.owl-dots {

    margin-top: -26px;

    z-index: 10;

    position: absolute;

    left: 0;

    right: 0;

}

/*Contact Number Header*/

.phone-number a,
.phone-number i {

    color: black;

    text-decoration: none;

    font-weight: 500;

}

#myBtn {

    display: none;

    position: fixed;

    bottom: 104px;

    right: 30px;

    z-index: 99;

    font-size: 45px;

    border: none;

    outline: none;

    color: #fed524;

    cursor: pointer;

    padding: 15px;

    border-radius: 4px;

    background: #ff000000;

}

.placeholder-item.product-img:hover {

    transform: scale(1.1);

}

.placeholder-item.product-img {

    transition: 0.3s;

}

.productGrid {

    background: #f8f2ff;

    padding: 0px;

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

    border-radius: 3px;

    position: relative;

    margin-top: 9px;

    margin-bottom: 10px;

    overflow: hidden;

}

.productGrid h3 {

    text-align: left;

    font-size: 16px;

    font-weight: 500;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 18px;

    height: 19px;

    margin-bottom: 16px;

}



.selectors {
    margin-top: 10px;
}

.selectors .mz-thumb img {
    max-width: 90px;
    margin-right: 22px;
    border-bottom: 0px;
    border: 1px solid #5b5b5d;
}



.MagicZoom {

    border: 1px solid #5b5b5d;

}



.selectors .mz-thumb-selected img {

    border: 1px solid #df4859;

}



/*.productGrid a img {

    padding: 3px;

    border-radius: 7px;

}*/

.trendingGrid {

    min-height: 250px;

    background: #ddd;

}



ul.categories_rule.expanded {

    overflow-y: auto;

    height: 200px;

    width: 100%;

}



ul.categories_rule li:nth-of-type(1n+3) {

    display: none;

}

ul.categories_rule li.expanded:nth-of-type(1n+3) {

    display: inherit;

}

ul.categories_rule li:last-child {

    display: inherit;

}





.btn-cart {

    background: #a79c95;

    padding: 0px 9px;

    font-size: 24px;

    color: #ffff;

}



.btn-cart:hover {

    background: #83746b;

    color: #fff;

}



.price h5 {

    margin-bottom: 0px;

    font-size: 20px;

    font-weight: 500;

}



h5.sales-price {



    font-weight: 100;



    font-size: 14px;

}



del {

    color: red;

}



.product-ratings i {

    color: #ffd309;

    margin-right: 2px;

}



.product-ratings {

    padding-top: 10px;

}



.product-ratings span {

    font-size: 13px;

    color: #525252;

}



.loader-bg {

    position: relative;

    opacity: 0.8;

    pointer-events: none;



}



.loader-bg:before {

    content: '';

    background-image: url('../image/Rolling2.gif');

    background-size: 40px;

    background-position: center center;

    background-repeat: no-repeat;

    position: absolute;

    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;

    background-color: rgba(255, 255, 255, 0.8392156862745098);

    pointer-events: none;



}



.swal-footer {

    text-align: center;

}





span.count {

    border-radius: 50%;

    background-color: #b10f0f;

    color: #fff;

    font-size: 12px;

    opacity: 1;

    position: absolute;

    top: -8px;

    right: -10px;

    width: 20px;

    height: 20px;

    line-height: 22px;

    text-align: center;

    box-shadow: 1px 2px 3px #000;

}



a.cart-count {

    position: relative;

    margin-left: 20px;

}



.swal-button {

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

    color: #fff;

    border: none;

    box-shadow: none;

    border-radius: 5px;

    font-weight: 500;

    font-size: 12px;

    padding: 6px 15px;

    margin: 0;

    cursor: pointer;

}



/****** PERSONALIZED GIFTS *******/

.personalized-img {

    border-radius: 120px;

}

.personalized-Block h3 {

    padding: 15px;

    text-align: center;

    margin-bottom: 0px;

    background: #fff;

    font-size: 17px;

    color: #000;

    font-weight: 400;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}



.personalized-Block a {

    text-decoration: none;

}



.personalized-Block a:hover h3 {

    background: #ddd;

}



/********* RIBBON ********/







/* common */

.ribbon {

    width: 210px;

    height: 35px;

    overflow: hidden;

    position: absolute;

    z-index: 9;

}

.ribbon::before,

.ribbon::after {

    position: absolute;

    z-index: -1;

    content: '';

    display: block;

    border: 5px solid #730809;

}

.ribbon span {

    position: absolute;

    display: block;

    width: 225px;

   /* padding: 5px 0; */

    background-color: red;

    /*box-shadow: 0 5px 10px rgba(0,0,0,.1);*/

    color: #fff;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);

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

}



/* top left*/

.ribbon-top-left {

    top: 30px;

    left: -66px;

    transform: rotate(-45deg);

}

.ribbon-top-left::before,

.ribbon-top-left::after {

    border-top-color: transparent;

    border-left-color: transparent;

}

.ribbon-top-left::before {

    top: 0px;

    right: 17px;

}

.ribbon-top-left::after {

    bottom: 16px;

    left: 0px;

}

.ribbon-top-left span {

    /* right: -25px; */

    /* top: 30px; */

    /* transform: rotate(-45deg); */

}





/******** MASONARY *****/

.masonry {

    display: block;

}



.masonry figure:nth-child(1) {

    width: 49%;

    float: left;

    margin-right: 20px;

}



.masonry figure img {

    max-width: 100%;

    margin: 0 auto;

    display: block;

}



.masonry figure:nth-child(2) {

    float: left;

    width: 24%;

    margin-right: 18px;

}



.masonry figure:nth-child(3) {

    width: 24%;

    float: left;

}

.mosonary-last-img img {

    width: 49%;

    margin-left: 0px !important;

}

.masonry figure {

    margin-bottom: 10px;

}

.masonry figure:nth-child(4) img {

    width: 49%;

    margin-left: 0px !important;

}

/** SEARCH **/

.searchBox .form-control {

    width: 400px;

    border-radius: 0;

}

a.nav-link.dropdown-toggle:focus {

    color: #2e2e2e !IMPORTANT;

}

nav.navbar {

    border-top: 1px solid #ababab;

    padding: 0px;

    /*box-shadow: 1px 1px 0px rgb(12, 12, 12);*/

    border-bottom: 1px solid #575757;

}



a.nav-link.dropdown-toggle:hover {

    color: rgb(118 74 156) !important;

}

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

    padding: 9px 11px;

    font-size: 12px;

    color: #000;

    text-transform: uppercase;

}

.btn-light-green {

    background: #ffffff;

    border-color: #ced4da;

    border-radius: 0;

}



.btn-light-green:hover {

    background-color: #ffffff;

}

/*footer css*/



.footer-section-top {

    background-color: #5b5b5d;

}

.footer-services .col-sm img {

    float: left;

    padding-right: 20px;

}

.footer-services h6 {

    color: white;

    font-size: 16px;

    margin: 0;

}



.footer-services h6 span {

    font-size: 13px;

    color: #f0f2c0;

}

.footer-services .right-border {

    border-right: 1px solid white;

}

.footer-services .star {

    color: red;

    font-size: 16px;

    margin-left: 2px;

}

.footer-services:last-child {

    padding-right: 7px;

}

.footer-title h2 {

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

    font-size: 23px;

    font-weight: 400;

    color: white;

}

.footer-content ul {

    padding-left: 0px;

}

.footer-content ul li {

    /*position: relative;*/

    font-size: 14px;

    list-style-type: none;

    /*left: -23px;*/

    line-height: 30px;

}

.footer-section {

    background-color: #232f3f;

}

.footer-content ul li a {

    color: white;

}



.footer-content {

    color: white;

}

.form .mail input {

    width: 100%;

    background-color: transparent;

    border: none;

    border-bottom: 1px solid white;

    padding: 5px;

    margin-bottom: 12px;

    color: white;

}



.form .mail input:focus {

    outline: none;

}

.mail input::-webkit-input-placeholder {

    color: #fff !important;

    font-weight: 400;

    font-size: 15px;

}

.btn-submit {

    background-color: #7b51a6;

    border: none;

    padding: 8px 20px;

    font-size: 15px;

    border-radius: 4px;

    color: #fff
}

.certificates ul li {

    display: inline;

    list-style-type: none;

    position: relative;

    left: -23px;

    line-height: 90px;

}





/*footer css ends*/



/*** HEADER ***/

header {

    background-color: #f5f8fd;



}



.offcanvas-header {
    display: none;
}





.navbar .has-megamenu a:after {
    display: none;
}



.navbar .megamenu {

    border: 0px;

    border-radius: 0px;

    background: #ffffff;

    margin: 0;

    border-top: 1px solid #ababab;

}



.col-megamenu .title {

    color: #e03f07;

    font-weight: 400;

}



.col-megamenu ul li a {

    font-size: 13px;

    color: #000000;

    padding-bottom: 6px;

    display: inline-block;

}



.col-megamenu ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #000;
    margin-right: 8px;
}



.col-megamenu ul li {

    margin-left: 6px;

}



.navbar .has-megamenu.show>a {

    background: #b6b802;

    color: #fff !important;

}



.stripper h3 {

    font-size: 23px;

}



.stripper p {

    font-size: 12px;

}



.stripper p.nav-link {

    font-size: 14px;

}



.product-title {

    font-size: 22px;

    color: black !important;

}



.product-title span {

    color: #d9310b;

}

.white {

    background-color: #fff;

}



.product-filter hr {

    margin-bottom: 7px;

    margin-top: 10px;

}



.f-header h4 {

    font-size: 20px;

}



.filters label {

    font-size: 14px;

}



.chk {

    width: 15px;

    height: 15px;

    -webkit-appearance: initial;

    background-color: white;

    border: 1px solid #c5c5c5;

    position: relative;

}

.chk:checked {

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

}

.checkout-relation{
    margin-bottom:20px;   
}

.chk:focus {

    outline: none;

}



.chk:checked:after {

    content: "\2713";

    color: #fff;

    font-weight: 700;

    position: absolute;

    left: 50%;

    top: 50%;

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

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

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

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

}







/** Product Section **/

.product-bg {

    background-color: #fff;

}

ol.breadcrumb.product-breadcrumb {

    background-color: transparent;

    padding-left: 0px;

}



ol.breadcrumb.product-breadcrumb a {

    color: #000;

    font-size: 14px;

}



ol.breadcrumb.product-breadcrumb li:before {

    padding-right: 3px;

}



.single-price h5 {

    font-size: 25px;

    color: red;

}



.single-price h5.sales-price {

    font-size: 18px;

}

.timeellapse .timeleft {

    font-weight: 500;

    color: #b10404;

}



span.deltxt,
span.deltxt1 {

    font-size: 12px;

    font-weight: 400;

    color: #b10404;

}



.product-description>h4 {

    font-size: 18px;

    font-weight: 500;

}



.product-content-description p {

    font-size: 14px;

    margin-bottom: 8px;

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

}

.user_input_file_field input {

    width: 100%;

}



.user_inputs_fields {

    margin-top: 10px;

}

.product-content-description strong {

    font-weight: 500;

}



.product-content-description h5 {

    font-weight: 400;

}



.product-content-description {

    max-width: 300px;

}



/*.homeslider {

    margin-top: 42px

}*/



span.sku {

    color: #3f3f3f;

    font-size: 13px;

}

.check-availability .form-control {

    max-width: 224px;

    border: 0px;

    border-radius: 0px;

    box-shadow: 1px 2px 3px #ccc;

}



.check-availability .input-group-text {

    background: #fff;

    border-radius: 0px;

    border: 0px;

    box-shadow: 1px 2px 3px #ccc;

}



.variation ul {

    list-style-type: none;

    padding: 0;

}



.variation ul li {
    display: inline-block;
    width: 26%;
}



.variation h4 {

    font-size: 16px;

}

.btn-add-to-cart:hover {

    color: #fff;

    background-color: #F2B705;

    border-color: #F2B705;

}

.btn-add-to-cart {

    border-radius: 0px;

    background-color: #BFB304;

    border: 0px;

    /*webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);

    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);*/

}

.buy-now-btn {

    background: #764a9c;

}

.btn-wish-list {

    background: #fff;

    border-radius: 0px;

    border: 1px solid var(--header-bg-color);

}

.gallery-items {

    position: sticky;

    z-index: 1;

    top: 0;

    overflow: hidden;

}



.types-block {

    background: #fffff7;

    box-shadow: 0px 0px 5px #9e9e9e85;

}



.types-block label.c-til {

    display: block;

    font-size: 18px;

    font-weight: 400;

}



.additonal_prices ul {

    list-style-type: none;

    padding: 0;

}



.additonal_prices ul li {

    font-size: 14px;

}



.user_inputs_fields input[type="text"],
.user_input_textarea_field textarea,
.user_input_dropdown_field select {

    width: 100%;

    background: #fff;

    border: 0px;

    height: 48px;

    box-shadow: 0px 0px 7px #969696dd;

    padding: 9px;

    font-size: 15px;

    color: #5b5b5d;

}

.user_input_textarea_field textarea {

    height: 56px;

}

.user_input_dropdown_field select {

    height: auto;

}

.user_inputs_fields .required {

    color: initial;

}



.order-notes {

    padding: 17px 0px;

}



.order-notes .note-title {

    color: #f60002;

    font-size: 13px;

}



.order-notes p {

    font-size: 13px;

    margin-bottom: 0px;

}



.form-message.error {

    color: red;

    font-size: 13px;

}

.form-message.success {

    color: green;

    font-size: 13px;

}



/** End Product Section **/





/* loader css */

.loader-bg {

    position: relative;

    opacity: 0.8;

    pointer-events: none;



}



.loader-bg:before {

    content: '';

    background-image: url('../image/Rolling2.gif');

    background-size: 40px;

    background-position: center center;

    background-repeat: no-repeat;

    position: fixed;

    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;

    background-color: rgba(255, 255, 255, 0.8392156862745098);

    pointer-events: none;



}

body.loader-bg:before {

    background-size: 100px !important;

    background-attachment: fixed !important;

}

.user_inputs_fields input[type="text"].error,
.user_input_textarea_field textarea.error,
.user_input_dropdown_field select.error,
.user_inputs_fields input[type="checkbox"].error,
.user_inputs_fields input[type="file"].error {

    border: 2px solid #f60002;

}



.user_input_checkbox_field .error {

    border: 2px solid red;

}



/**********mobile search field**************/

.search-form-wrapper input {

    border-radius: 0px;

    font-size: 16px;

    color: #000 !IMPORTANT;

    border: 0px;

    background: #fff;

}

.search-form-wrapper {

    display: none;

    position: absolute;

    right: 0;

    padding: 3px 3px;

    margin-top: 13px;

    background: #5b5b5d;

    width: 100%;

    z-index: 999;

    top: 77px;

    left: 0;

}



/*** Mobile menu category-list***/

.mobile-nav-links i.fa.fa-search {

    color: #575757;

    font-weight: 100;

    font-size: 20px;

}

.mobile-nav-links i.fa-times.fa {

    color: #575757;

    font-weight: 100;

    font-size: 20px;

}

.menu-cat-list-bg {

    background-color: #fff;

}

.menu-category-list {

    overflow: auto;

}

.menu-category-list h3 {

    color: #000;

    font-weight: 400;

    font-size: 20px;

    text-align: center;

}

.hero-inner a.btn-submit {

    color: #fff;

    text-decoration: none;

}

.mobile-cart-btns a.btn-lg {

    color: #fff;

}



/** checkout **/

.steps {

    position: relative;

}

.steps.faded {

    pointer-events: none;

    opacity: 0.5;



}

.steps .number {

    position: absolute;

    margin-left: auto;

    margin-right: auto;

    left: 0;

    right: 0;

    text-align: center;

    width: 40px;

    height: 40px;

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

    top: -15px;

    color: #fff;

    line-height: 40px;

    border-radius: 50%;

}

.order-details button.btn {

    font-size: 16px;

}

.shipping-address {

    padding-left: 0px;

    padding-right: 0px;

}

.payment-method {

    padding-left: 0px;

    padding-right: 0px;

}

.order-summary {

    padding-left: 0px;

    padding-right: 0px;

}



/***checkout delivery address popup***/

.modal-footer button.checkout-button.btn {

    margin: 0 auto;

}

.checkout .address-block {

    border: 1px solid;

    padding: 15px;

}

.date-inner:hover {
    background-color: #5b5a5db8;
    color: #fff;
}

.date-li.active .date-inner {
    background-color: #178400;
    color: #fff !important;

}

.showDeliveryMethods button {

    margin-top: 10px;

    border: 0px;

    font-size: 14px;

    padding: 5px 10px;

}

.showDeliveryMethods button:hover {

    background-color: #5b5a5d;

    color: #fff;

}

.showDeliveryMethods .btn-link:hover {

    border-radius: 0px;

    text-decoration: none;

}



.showDeliveryTimings button {

    margin-top: 10px;

    border: 0px;

    font-size: 14px;

    padding: 5px 10px;

}

.showDeliveryTimings button:hover {

    background-color: #5b5a5d;

    color: #fff;

}

.showDeliveryTimings .btn-link:hover {

    border-radius: 0px;

    text-decoration: none;

}

div#OccasionForm .btn-lg {

    background: #5b5a5d;

    border-color: #5b5a5d;

    border-radius: 0px;

    margin-top: 15px;

}

.checkout .address-block {

    margin-top: 10px;

}

.btn-delivery-here {

    background-color: #5b5a5d;

    border-color: #5b5a5d;

    border-radius: 0px;

    font-size: 16px;

}

.recipient-address-btn {

    padding-top: 10px;

    padding-bottom: 10px;

    font-size: 20px;

}

.checkout-occation :checked+span {
    background-color: #028014 !important;
    color: #ffff !important;
}



.checkout-occation input[type="radio"] {

    display: none;

}

p#id_occasion {

    margin-left: -10px;

}

#id_occasion span {

    margin-left: 10px;

}



/***Dropdown menu***/

.dropdown-menu {

    background-color: #fff;

}

.dropdown-menu a.dropdown-item {

    font-size: 13px;

    color: #000000;

    padding-bottom: 6px;

}

.dropdown-menu a.dropdown-item:before {

    content: "\f105";

    font-family: FontAwesome;

    color: #000;

    margin-right: 8px;

}



.dropdown-menu a.dropdown-item:hover {

    background-color: transparent;

    text-decoration: underline;

}

.ui-datepicker-inline.ui-datepicker {

    border-radius: 0px;

}

.ui-datepicker-header.ui-widget-header {

    border-radius: 0px;

    background-color: grey;

    color: #fff;

}
.btn-clr {
    color: white;
}


#filter-clear-change {
    margin-left: 23px;
    color:red;
}

/******** MEDIA QURIES ********************/

@media(min-width:320px) {

    .container {

        max-width: 1400px;

    }
     .addon-align {
    padding-right: 4px;
    padding-left: 4px;
}

}

@media (max-width: 1200px) {

    .offcanvas-header {
        display: block;
    }

    .navbar-collapse {

        visibility: hidden;

        transform: translateX(-100%);

        border-radius: 0;

        display: block;

        position: fixed;

        top: 0;

        left: 0;

        height: 100%;

        z-index: 1200;

        width: 100%;

        overflow-y: scroll;

        overflow-x: hidden;

        transition: visibility .2s ease-in-out, transform .2s ease-in-out;

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

    }

    .navbar-collapse.show {

        visibility: visible;

        transform: translateX(0);

        display: block;

    }

    .homeslider {

        margin-top: 0px
    }

    /*.navbar-collapse.show {

    z-index: 999;

}*/



    .navbar-nav {

        /* display: flex; */

        /* width: 100%; */

    }

    .mobile-nav {

        background-color: #fff;

        border-top: 0px !important;

        border-bottom: 0px !important;

        box-shadow: none !important;

    }

    .mob-header-icons img {

        width: 70%;

    }

    .mobile-nav img {

        height: 25px;

    }

    .navbar-expand-xl .navbar-toggler {

        display: block;

    }

}



@media (max-width: 992px) {

    .product-stripper {

        display: none;

    }

    .product-title {

        margin-bottom: 5px !important;

    }

    .product-gallery {

        padding: 0;

    }

    .dropdown-menu {

        background: white;

        border: none;

    }

    .mobile-side-nav .product-nav .nav-tabs .nav-link {

        border: 2px solid transparent !important;

        background: #e7e7e7;

        border-radius: 0;

        text-transform: uppercase;

    }

    #main_nav {

        background: #ffffff;

    }

    .mobile-side-nav {

        background: white;

        width: 80%;

        height: 100%;



    }

    .t-title h2 {

        font-size: 22px;

    }

    .footer-color-bg {

        background-color: #800404;

        padding: 15px 15px;

    }

    form#newsletter-form input#email {

        width: 57%;

        height: 47px;

        font-size: 13px;

        margin-top: -5px;

    }

    /* .categories h2 {

        min-height: 35px !important;

    } */

    .mobile-nav i.lni.lni-menu {

        color: #000;

        font-size: 25px;

    }

    .mob-header-icons i {

        color: #000;

        font-size: 22px;

        margin: 0 !important;

    }

    .mob-header-icons i.lni.lni-user {

        /*margin-right: 20px;*/

    }

    span.count {

        top: -9px;

        right: -9px;

    }

    .order-detail-padding-mb {

        padding: 0px !important;

        margin-top: 20px;

    }

    .site-logo {

        display: none;

    }

    input.search.form-control {

        background: #ffffff;

        border-bottom: 1px solid #ddd !important;

        border-radius: 3px 0px 0px 3px;

        border: none;

    }

    .search-form-wrapper button {

        background: #7f0504;

        color: #fff;

        border-radius: 0px 3px 3px 0px;

        border: none;

    }

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

        padding: 9px 20px 0px 20px !important;

        font-size: 14px !important;

        color: #fff;

        font-weight: 600;

        display: flex;

    }

    .navbar-dark .navbar-nav .nav-link span.material-icons.text-dark {

        margin-right: 10px;

    }

    .dropdown-menu a.dropdown-item {

        font-size: 14px;

        color: black;

    }

    .dropdown-menu.megamenu.show {

        border: none;

    }

    .search-form-wrapper {

        display: block;

        position: relative;

        padding: 3px 3px;

        background: #f6e590;

        width: 100%;

        z-index: 995;

        top: 0;

        margin-top: 0px;

    }

    .mobile-side-search .search-form-side-wrapper {

        display: block !important;

        position: relative;

        padding: 3px 3px;

        background: #ffffff00;

        width: 100%;

        z-index: 995;

        top: 0px;

        margin-top: 0px;

        left: 0;

    }

    .mobile-side-search .search-form-side-wrapper button {

        background: #fff;

        color: #fff;

        border-radius: 0px 3px 3px 0px;

        border: none;

    }

    .mobilre-header-section .search-form-wrapper {

        display: block;

        position: relative;

        padding: 3px 3px;

        background: #ffffff00;

        width: 100%;

        z-index: 995;

        top: -33px;

        margin-top: 0px;

    }

    .mobilre-header-section .search-form {

        width: 100%;

    }

    .mobilre-header-section .mobile-nav button.btn.btn-outline-danger.btn-close.float-right {

        color: #7f0504;

        padding: 10px;

        margin: 0px;

        background: #ffffff00;

        border-color: #fff0;

        z-index: 99999;

        position: relative;

        font-size: 26px;

        top: -20px;

    }

    .mobile-tab-items ul li i {

        margin-right: 10px;

    }



    .mobilre-header-section .offcanvas-header {

        display: block;

        height: 70px;

    }

    /***Mobile responsive home page***/

    .giftbox {

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

        margin-top: 0px !important;

        padding-top: 0px;

    }

    .left-social-media {

        bottom: 100px !important;

        right: 19px;

        z-index: 99999;

    }

    .mobile-gift-box {

        background-color: #e7e7e7 !important;

    }

    #tawkchat-minified-box {

        border: 0 none;

        padding: 0;

        margin: 0;

        position: relative;

        width: 100%;

        height: 100%;

        text-align: left;

        font-size: 16px;

        margin-top: -9px !important;

    }

    /****Trending Now***/

    .mobile-categories {

        position: initial !IMPORTANT;

        background-image: none !important;

        opacity: 1 !important;

        color: #000 !IMPORTANT;

        padding: 7px 0px !important;

    }

    .mobile-categories h2::before {

        content: none !important;

    }

    .mobile-categories h2::after {

        content: none !important;

    }

    .mobile-trendingGrid {

        background-color: #eaeef2;

        margin-bottom: 0px !important;

        min-height: auto;

        margin: 15px 5px;


        border-radius: 0 !IMPORTANT;

    }

    .grey-light-bg {

        background-color: #ffffff !important;

    }

    .mobile-trendingGrid img {

        border: 1px solid;

        padding: 2px;

    }

    .mobile-categories h2 {

        position: relative;

        opacity: 1 !important;

        margin-bottom: 0px !important;

        font-size: 14px !IMPORTANT;

    }

    .btn-cart {

        background: #a79c95;

        padding: 0px 5px;

        font-size: 20px;

        color: #ffff;

    }

    .mobile-nav button.btn.btn-outline-danger.btn-close.float-right {

        color: white;

        border-color: #fff;

    }

    /**Gift css**/

    .giftGrid {

        position: relative;

        margin-bottom: 35px;

        min-height: auto !IMPORTANT;

    }

    .gift_categories {

        padding-right: 35px !important;

        padding-top: 10px !important;

    }

    .gift_categories .giftforher {

        margin-right: -27px !important;

    }

    .gift_categories li {

        margin-top: 2px !important;

        margin-bottom: 10px !important;

    }

    .giftforher h5 {

        font-size: 18px !important;

    }

    .square-image {

        width: 100%;

        height: 215px;

        /*border-radius: 50px;*/

        background-size: cover;

        background-position: center center;

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

        margin: 0px auto 0px;
    }



    .offer-content {

        background-size: cover !important;

        background-position: center center !important;

    }

    .offer-body {

        margin: 0px 0px 50px 0px !important;

        background-color: #ffffffd1;

    }

    .offer-content h4 {

        line-height: 1;

    }



    /**** css for mobile single product page ***/

    .check-availability .form-control {

        max-width: 100%;

    }

    .product-info h3 {

        font-size: 25px;

    }

    

    .cart-buy-btn {

        display: flex;
        gap: 10px;

    }

    .buy-now-btn {

        background-color: #764b9d !important;

    }

    .add-to-cart-mobile-btn .btn-add-to-cart.btn-lg {

        margin-right: 0px !important;

        width: 50%;

        font-size: 17px;

        background-color: #b6b800;

        /* border-color: #b6b800; */

        /* font-weight: 500; */

        /* padding: 15px 0px; */

    }

    .add-to-cart-mobile-btn .btn.btn-wish-list.btn-lg {

        width: 50%;

        margin-left: -5px;

        font-size: 17px;

    }

    /*** addon css for mobile***/

    .addon-text {

        font-size: 15px !important;

    }

    .addon-close-btn {

        margin-top: -16px !important;

        font-size: 30px !important;

    }

    .add-on-selected {

        font-size: 15px !important;

    }

    nav.navbar.navbar-addon {

        top: -9px !important;

    }

    .add-on-btn {

        font-size: 15px;

        padding: 2px 5px;

    }

    nav.navbar.navbar-addon ul li a {

        padding: 3px 5px !important;

        font-size: 15px;

    }

    .item-title {

        font-size: 15px !important;

    }

    .new-price {

        font-size: 15px !important;

    }

    /* .add-on-items {

        margin-top: -25px !IMPORTANT;

    } */

    .mob-trending-colun-gap {

        padding-left: 0px;

        padding-right: 0px;

    }

    .navbar-nav i.fa.fa-angle-down {

        float: right;

        margin-left: 10px;

        margin-top: 3px;

    }

    .mobilre-header-section {

        background: #f8f2ff;

    }

    .col-megamenu {

        margin-left: 13px;

    }

    .mobile-nav-links button.navbar-toggler {

        padding: 0px;

        background: #f8f2ff;

    }

    .product-bar {

        padding-top: 1rem !important;

    }

    /**Cart css**/

    .my-cart h4 {

        font-size: 25px !important;

    }

    .table-heading {

        font-size: 16px !important;

    }

    .cart-table img {

        max-width: 100px;

    }

    .cart-table td {

        font-size: 13px;

    }

    .coupon-btn {

        font-size: 13px;

    }

    .coupon-box input {

        font-size: 13px;

    }

    .mobile-cart-btns a.btn-lg {

         font-size: 14px;
        font-weight: 600;

    }



    /**order history**/

    .order-details h2 {

        font-size: 25px;

    }

    .order-details img {

        max-width: 100px;

    }

    .order-details td {

        font-size: 13px;

    }

    .order-details th {

        font-size: 15px;

    }

    .order-details button.btn {

        font-size: 13px;

    }



    /**order detail**/

    .detail-order h1 {

        font-size: 20px !important;

    }

    .detail-order ul li {

        font-size: 13px;

    }

    .order-head border span {}



    span.order-id {

        font-size: 15px;

    }



    span.order-date {

        font-size: 15px;

    }



    span.delivery-date {

        font-size: 15px;

    }



    span.track {

        font-size: 15px;

    }



    span.invoice {

        font-size: 15px;

    }



    /***my profile***/

    .my-profile-info td {

        font-size: 13px;

    }

    .profile-options {

        font-size: 13px;

    }

    .profile-options i {

        font-size: 26px !important;

    }



    /*** product catelog***/

    .close-button {

        padding-right: 80px;

    }

    .close-btn {

        position: absolute;

        z-index: 9999;

    }

    .apply-cancel-btn {

        background: #e7e7e7;

        position: fixed;

        right: 0;

        left: 0;

        padding-top: 5px;

        bottom: 0;

        z-index: 99999;

    }

    .filter-contents {

        margin-top: -1px;

        padding-top: 55px;

    }



    .popup-overlay-filter {

        position: fixed;

        z-index: 999;

        width: 100%;

        bottom: 0;

        max-height: 100%;

        left: 0;

        right: 0;

        overflow: scroll;

        margin: 0;

    }



    .filter-search {

        background: #ffffff;

        width: 100%;

        left: 0;

        z-index: 999999;

        position: sticky;

        padding-top: 10px;

        padding-bottom: 0px;

        right: 0;

        overflow: scroll;

        top: 0;

        bottom: 0;

        margin: -56px 0 0 0;

        overflow-y: auto;

        scroll-behavior: smooth;



    }



    .filter-mob-btn {

        position: fixed;

        bottom: 0;

        width: 100%;

        z-index: 10;

        margin: 0;

        text-align: center;

    }

    .filter-btn {

        background-color: #FFFFFE !important;

        border-radius: 0px;

        color: black;

        font-weight: 500;

        box-shadow: 0px 0px 5px 2px #ababab;

        border: none;

    }





    .filter-mob-btn button:hover {

        border: 1px solid #666666;

        background: #666666;

        color: #000000;

    }

    .recipient-address-btn {

        padding-top: 10px;

        padding-bottom: 10px;

        font-size: 15px;

    }

    #id_occasion input[type="checkbox"] {

        display: none;

    }



    #id_occasion span {

        padding: 5px 10px 5px 10px !important;

    }

    .checkout-occation {

        display: block !important;

    }



    input.secret-checkbox:checked:before {

        height: 30px !important;

    }

    .other-occasion {

        width: 100% !important;

        height: 30px !important;

        margin-left: 0px !important;

        border: 1px solid #0000002b !important;

        margin-bottom: 10px;

    }

    .dropdown-menu a.dropdown-item:focus {

        background-color: transparent;

        outline: none;

    }

    /*Cart Mobile*/

    .stepper {

        display: flex;

        padding-top: 10px;

    }

    .trash-btn {

        float: right;

    }

    .product-name a {

        text-decoration: none;

        position: relative;

        display: inline-block;

        overflow: hidden;

        max-height: 60px;

        text-overflow: ellipsis;

    }

    .rmv-btn {

        padding-left: 0px;

    }

    .apply-cpn-btn {

        padding: 8px 0 8px 0;

    }

    .total-price {

        padding-top: 15px;

    }

    .cart-table img {

        max-width: 75px;

    }

    .stepper {

        display: flex;

        padding-right: 15px;

    }

    .m-cart-price {

        display: flex;

    }

    .m-cart-price.stepper {

        padding-right: 10px;

    }

    .m-remove {

        padding-top: 7px;

        margin: auto;

        position: absolute;

        right: 30px;

    }

}

@media (max-width: 767px) {

    .add-to-cart-mobile-btn {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 888;
        height: 50px;
    }

    .menu-category-list h3 {

        color: #000;

        font-weight: 500;

        font-size: 14px;

        margin-top: 6px;

        text-align: center;

    }

    .menu-category-list img {

        width: 80px;

        height: 80px;

    }

    .productGrid .product-img {

        min-height: 150px !important;

    }

    .productGrid h3 {

        font-size: 15px;

        margin-bottom: 5px;

    }

    .price h5 {

        margin-bottom: 0px;

        font-size: 15px;

        font-weight: 500;

    }

    .product-content {

        padding: 5px 10px !important;

    }

    .hero-inner {

        margin-left: 25px !important;

        top: 32% !important;

    }

    .hero-inner h2 {

        font-size: 17px;

        max-width: 140px;

        margin-top: -18px;

    }

    .hero-inner input.btn-submit {

        font-size: 10px;

        background-color: #A79C95;

        color: #fff;

        border-radius: 0px;

        padding: 6px 20px;

    }

    .hero-inner a.btn-submit {

        background-color: #7b51a6;

        color: #fff;

        border-radius: 0px;

        padding: 6px 20px;

        font-size: 10px;

    }

    .masonry figure:nth-child(1) {

        width: auto;

        float: left;

        margin-right: 0px;

    }

    .masonry figure:nth-child(2) {

        float: left;

        width: 49%;

        margin-right: 0px;

    }



    .masonry figure:nth-child(3) {

        width: 49%;

        float: left;

        margin-left: 6px;

    }

    .masonry figure:nth-child(4) img {

        width: 100%;

    }

    .mosonary-last-img img {

        width: 100%;

    }

    .add-on-footer {

        padding: 10px 15px 10px 15px !important;

    }

    .checkout-button {

        padding-right: 20px !important;

        padding-left: 20px !important;

        font-size: 15px;

    }

    .checkout-btn {

        font-size: 15px;

    }

    .checkout input {

        font-size: 15px;

    }

    .checkout select {

        font-size: 15px;

    }

    .checkout textarea {

        font-size: 15px;

    }

    .checkout label {

        font-size: 15px;

    }

    .delivery-address-date-rate {

        display: block !IMPORTANT;

    }

    p.orderhistory-deliver-date {

        padding: 6px 0px !important;

    }

    .checkout span {

        font-size: 15px;

    }

    .checkout .date-inner p {

        font-size: 33px !important;

        font-weight: 600;

    }

    .checkout .date-inner {

        width: 55px !important;

        height: 65px !important;

    }

    .checkout .date-li {

        padding-right: 0px;

        padding-left: 0px;

        font-size: 15px;

    }

    div#OccasionForm .btn-lg {

        font-size: 15px;

    }

    .steps .number {

        width: 30px;

        height: 30px;

        line-height: 30px
    }

    .track-table {

        width: 100% !important;

    }

    .track-table .user-detail {

        font-size: 14px;

        line-height: 20px;

    }

    .td-w30 {

        width: 30%;

        font-weight: 500;

        line-height: 18px;

        font-size: 14px;

    }

    .order-label {

        font-size: 11px;

        line-height: 15px;

        text-align: center;

    }

    .single-price h5 {

        font-size: 25px;

    }

    .valentine-day li {

        padding: 10px 10px 39px 10px !important;

    }

    .day-icon {

        position: absolute;

        left: 58px !important;

        width: 70px !important;

        top: -20px !important;

    }

    .square-image {
        height: 100px;
    }



}



@media (max-width: 500px) {

    .giftfinder-display {

        display: inline;

    }

    .gift-finder-btn {

        text-align: center;

        margin-top: 15px;

    }

    .giftfindbox h2 {

        text-align: center !important;

    }

    .gift-finder {

        padding-bottom: 0px !important;

        padding-top: 0px !important;

    }

    .footer-services .right-border {

        border-right: 0px solid white;

    }

    .footer-services {

        margin-top: 18px;

    }

    .footer-section-top {

        background-color: #5b5b5d;

        padding-top: 10px !important;

    }

    .steps-margin {

        margin-top: -30px !important;

    }



}



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

    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar .has-megamenu {
        position: inherit !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        padding: 20px;
    }

    .navbar .nav-link {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    h2.decore-heading {

        font-size: 25px;

        padding: 10px 0px;

    }

    a.decor-btn:hover {

        background-color: #F2B705;

    }



}

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

    div#appCategory {

        margin-top: 41px;

    }

    .my-breadcrumb {

        margin-top: 41px;

    }

    div#appProduct {

        margin-top: 53px;

    }

    #appCart {

        margin-top: 41px;

    }

    /*.checkout {

    margin-top: 41px;

}*/

    div#appCouponHistory {

        margin-top: 41px;

    }

    .checkout-margin {

        margin-top: 41px;

    }

    .footer-fixed-area {

        display: none;

    }

}



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

    #myBtn {

        display: none;

        position: fixed;

        bottom: 34px;

        z-index: 99;

        left: 0;

        font-size: 45px;

        border: none;

        outline: none;

        color: #fed524;

        cursor: pointer;

        padding: 15px;

        border-radius: 4px;

        background: #ff000000;

    }
}





@media(min-width:1601px) {

    .container {

        max-width: 1600px;

    }

}



@media screen and (max-width: 374px) and (min-width: 320px) {

    .masonry figure:nth-child(2) {

        float: left;

        width: 48%;

    }

    .hero-inner h2 {

        max-width: initial;

        margin-top: 8px;

    }
    .m-remove {
    padding-top: 6px;
    margin: auto;
    position: absolute;
    right: 10px !important;
}



}

@media screen and (max-width: 1295px) and (min-width: 767px) {

    .masonry figure:nth-child(1) {

        width: 49%;

        float: left;

        margin-right: 7px;

    }

    .masonry figure:nth-child(2) {

        float: left;

        width: 24%;

        margin-right: 9px;

    }

    .day-icon {

        position: absolute;

        left: 88px !important;

        width: 80px;

        top: -5px !important;

    }



}



@media all and (max-width: 380px) {

    .gift_categories {

        position: absolute;

        bottom: -7px !important;

        right: 30px;

        background-color: #808080d6;

        color: white;

        padding-right: 85px;

        padding-top: 30px;

        padding-bottom: 0px;

        border-radius: 5px;

    }

}