/* accordian left side  */

.accmain {
    width: 300px;
}

@media (max-width: 767.98px) {
.accmain {
    width: 100%;
}
}

.accordion-button:not(.collapsed) {
    color: #000;
    font-weight: 500;
    background-color: #f5f5f5;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button {
    background-color: #f5f5f5;
}

.accordion {
    --bs-accordion-bg: #f5f5f5;
    font-size: 13px;
}

.accordion-item {
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
    border-right: none;
    border-left: none;
}


/* Plus sign when accordion is collapsed */

.accordion-button:not(.collapsed)::after {
    content: "-";
}


/* Minus sign when accordion is expanded */

.accordion-button.collapsed::after {
    content: "+";
}

.accordion-button::after {
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    padding-left: 10px;
    transform: translateY(2px);
}

.accordion-button::after {
    background-image: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: none;
}


/* accordian left side  */


/* listing products  */

.listing-product {}

.listing-product h1 {
    font-family: 'Italiana', serif;
    font-size: 3rem;
    color: #000;
}

.listing-product .result-text {
    font-size: 1rem;
    color: #000;
}

.listing-product .product-select .form-select {
    font-size: 1rem;
    color: #000;
    width: 200px;
    background-color: #f5f5f5;
    border: none;
}


/* .courseBox1 {background: var(--white); padding-bottom: 70px;}
.courseBox1 p {font-weight: 600; text-align: center;}
.courseBox1_pic {height: 0; padding-bottom: 100%; position: relative; border: 1px solid #dedede;}
.courseBox1_pic img {width: 100%; height: 100%; object-fit: cover; position: absolute;}
.courseBox1:hover .courseBox1_pic{box-shadow:0px 0px 5px rgb(203 201 201); border: 1px solid #0A1933;} */


/* listing products  */

.product-list {
    margin: 0 auto;
    /*centers the div horizontally*/
    position: relative;
    /*Required for the overlay effect because below in the "overlay" class it is set to position: absolute, so that class is absolute positioned relative to this container class*/
    width: 100%;
    max-width: 500px;
    /*Makes the container div a max-width of 500px*/
    height: 100%;
}

.product-list img {
    object-fit: cover;
    border: 1px solid #bababa;
}

.product-list:hover img {
    box-shadow: 0px 0px 5px rgb(203 201 201);
    border: 1px solid #0A1933;
    border-bottom: none;
}

.prname {
    width: 100px;
}

.image {
    display: block;
    width: 100%;
    /*sets this to be 100% width of its container*/
}

.overlay {
    position: absolute;
    /*See above comment in container class for position: relative*/
    background: #f5f5f5;
    /* Black see-through */
    width: 100%;
    /*takes up 100% width of the container*/
    transition: .2s ease-out;
    opacity: 0;
    /*Sets it to originally not be visible until below hover conditions*/
    color: rgb(24, 24, 24);
    font-size: 12px;
    padding: 10px;
    /* text-align: center; */
    z-index: 2;
    box-shadow: 0px 0px 5px rgb(203 201 201);
    border: 1px solid #0A1933;
    border-top: none;
    top: 100%;
}

@media (max-width: 767.98px) {
    .overlay {
        font-size: 10px;
    }
}

.overlay p {
    line-height: 10px;
}

.product-list:hover .overlay {
    opacity: 1;
    /*Makes overlay visible when the container div is hovered*/
}

.about-banner {
    background-color: #181818;
}

.about-content h1 {
    font-family: 'Italiana', serif;
    font-size: 3rem;
    color: #000;
}


/* pagination */

.pagination-round {
    display: inline-block;
    margin-top: 30px;
}

.pagination-round a {
    color: black;
    float: left;
    padding: 8px 15px;
    text-decoration: none;
}

.pagination-round a.active {
    background-color: #e9c081;
    color: white;
    border-radius: 35px;
}

.pagination-round a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 35px;
}


/* pagination */

.style-box {
    background-color: #f5f5f5;
    color: #181818;
    padding: 10px;
    text-align: center !important;
    margin-bottom: 15px;
}

.EnquiryBtn {
    background: var(--darkBlue);
    color: #fff;
    padding: 10px;
    text-align: center !important;
    transition-duration: 0.4s;
    /* pagination */
}

.EnquiryBtn:hover {
    background: #e9c081;
    color: #000;
}


/* product-details */

.product-details {}

.product-details h1 {
    font-family: 'Italiana', serif;
    font-size: 3rem;
    color: #000;
}

.product-details .table-details h2 {
    font-size: 1rem;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.product-details .table-details h2 span {
    background-color: white;
    padding-right: 10px;
}

.product-details .table-details h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.5em;
    border-top: 1px solid rgb(92, 92, 92);
    z-index: -1;
}

.table>:not(caption)>*>* {
    border-bottom: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    background-color: #f7f7f7;
    /* border-bottom-width: var(--bs-border-width); */
}

.border-end {
    border-bottom: 1px solid rgb(92, 92, 92);
}


/* product-details */

.product-detailslist {
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 500px;
    height: 100%;
    border: 1px solid rgb(217, 216, 216);
    padding: 10px;
}

.product-detailslist p {
    font-weight: 600;
}

.product-detailslist .styletext {
    font-size: 12px;
}

@media (min-width: 992px) {
    .product-details-card {
        width: 20%;
    }
}


/* zoom effect */

.section8 {
    /* float: left; */
    position: relative;
    margin: 10px 5px 10px 5px;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.section8 img {
    width: 100%;
    height: auto;
}

.section8:hover {
    cursor: pointer;
}

.section8 .zoom-overlay {
    width: 40px;
    height: 40px;
    background: #efeeee60;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: 0px;
    transition: 0.5s ease;
    border-radius: 30px;
    padding-top: 5px;
}

.section8 .zoomicon {
    font-size: 20px;
}

.section8 .icon-2x {
    position: absolute;
    bottom: 0px;
    left: 5px;
    transition: 0.5s ease;
}

.section8 h1 {
    position: absolute;
    top: 90%;
    left: -100%;
    font-size: 17px;
    text-align: center;
    padding-left: 30px;
}


/* .section8:hover .zoom-overlay {
    width: 100%;
    height: 100%;
    transition: 0.5s ease;
}

.section8:hover .zoom-overlay .icon-2x {
    bottom: 45%;
    left: 45%;
}

.section8:hover h1 {
    left: 0%;
    transition: 0.5s ease;
    text-align: center;
} */

.fancybox__content {
    margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);
    padding: 6px;
    color: var(--fancybox-content-color, #374151);
    background: var(--fancybox-content-bg, #fff);
    position: relative;
    align-self: center;
    display: flex;
    flex-direction: column;
    z-index: 20;
}


/* zoom effect */

.product-detailslist:hover {
    box-shadow: 0px 0px 5px rgb(203 201 201);
    border: 1px solid #0A1933;
}

.contact-details-icon {
    font-size: 25px;
    margin-bottom: 10px;
}


/* contact map */

.responsive-map-container {
    position: relative;
    padding-bottom: 46.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.responsive-map-container iframe,
.responsive-map-container object,
.responsive-map-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 100%; */
}


/* filter button responsive */

#res-filter {}

#mob-filter {
    display: none;
}



@media (max-width: 575.98px) {
    #mob-filter,#filterdesk {
        display: none;
        max-height: 80vh;
        overflow-y: auto;
        transition: all 0.4s ease-in-out;
        /* transform: translateY(-500px); */
        position: fixed;
        bottom: 70px;
        width: 100%;
        z-index: 9999;
    }
}

@media (max-width: 991.98px) {
    #mob-filter {
        display: none;
        max-height: 80vh;
        overflow-y: auto;
        transition: all 0.4s ease-in-out;
        /* transform: translateY(-500px); */
        position: fixed;
        bottom: 70px;
        width: 100%;
        z-index: 99;
    }
}

@media (min-width: 576px) {
    #res-filter {
        display: block;
    }
}

@media (min-width: 768px) {
    #res-filter {
        display: block;
    }
}

@media (min-width: 992px) {
    #res-filter {
        display: none;
    }
}

@media (min-width: 1200px) {
    #res-filter {
        display: none;
    }
}

@media (min-width: 1400px) {
    #res-filter {
        display: none;
    }
}

#res-filter .bg-button {
    text-align: center;
}

#res-filter .bg-button .container-button {
    display: inline-block;
}

#res-filter .bg-button .container-button button {
    background-color: #22232c;
    color: #ffffff;
    height: 40px;
    width: 110px;
    line-height: 40px;
    position: relative;
    padding-left: 50px;
    font-family: Lato;
    font-weight: bolder;
    letter-spacing: 1px;
    border: none;
    border-radius: 3px;
    margin: 10px;
    transition: all 0.1s ease-in-out;
}

#res-filter .bg-button .container-button button div {
    display: inline-block;
    background-color: #131419;
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px 0 0 3px;
    transition: all 0.1s ease-in-out;
}

#res-filter .bg-button .container-button button:hover {
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.3);
}

#res-filter .one {}

#res-filter .one button:hover>div {
    background-color: #6A8EBE;
}


/* filter button responsive */

.container1 {
    padding-top: 50px;
}


/* body, html {overflow-x:hidden!important;} */

#CloseButtonFilter {}

.bothbutton {
    background-color: #d0cccc53;
    height: 70px;
    width: 100%;
}

@media (min-width: 576px) {
    .res-sort {
        display: block;
    }
}

@media (max-width: 575.98px) {
    .res-sort {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .res-sort {
        display: none;
    }
}


/* sort by footer button */

#sort-by {}

#sort-by .sort-title {
    background: #ffffff;
    color: #3a3a3a;
}

#sort-by .sort-new {
    background: #f1f1f1fe;
    color: #3a3a3a;
    padding: 10px;
    text-align: left !important;
    transition-duration: 0.4s;
}

#sort-by .sort-new:hover {
    background: #e9c081;
    color: #000;
}

#sort-by {
    display: none;
}

@media (max-width: 575.98px) {
    #sort-by {
        display: none;
        max-height: 80vh;
        overflow-y: auto;
        transition: all 0.3s ease-in-out;
        /* transform: translateY(-500px); */
        position: fixed;
        bottom: 55px;
        width: 100%;
        z-index: 99;
    }
}

@media (max-width: 991.98px) {
    #sort-by {
        display: none;
        max-height: 80vh;
        overflow-y: auto;
        transition: all 0.3s ease-in-out;
        /* transform: translateY(-500px); */
        position: fixed;
        bottom: 55px;
        width: 100%;
        z-index: 99;
    }
}


/* sort by footer button */

.footer-cust {
    margin-left: 20px;
}


 /* range slider */

 .rangeSliderBox {font-size:14px;min-height:68px;}
.rangeSliderBox .rangeLabel {font-weight:500;}
.noUi-target,.noUi-target * {-webkit-touch-callout: none;-webkit-user-select: none;-ms-touch-action: none;touch-action: none;-ms-user-select: none;-moz-user-select: none;user-select: none;-moz-box-sizing: border-box;box-sizing: border-box;}
.noUi-target {position: relative;direction: ltr;}
.noUi-base {width: 100%;height: 100%;position: relative;z-index: 1;}
.noUi-origin {position: absolute;right: 0;top: 0;left: 0;bottom: 0;}
.noUi-handle {position: relative;z-index: 1;}
.noUi-stacking .noUi-handle {z-index: 10;}
.noUi-state-tap .noUi-origin {-webkit-transition: left 0.3s,top .3s;transition: left 0.3s,top .3s;}
.noUi-state-drag * {cursor: inherit !important;}
.noUi-base,.noUi-handle {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
/* Slider size and handle placement */
.noUi-horizontal {height: 2px;}  
.noUi-horizontal .noUi-handle {width:10px;height:10px;border-radius:50%;left:-5px;top:-4px;background-color:rgba(0,0,0,1);cursor:pointer;}
/* Styling */
.noUi-background {background: #D6D7D9;}
.noUi-connect {background: #000;-webkit-transition: background 450ms;transition: background 450ms;}
.noUi-origin {border-radius: 2px;}
.noUi-target {border-radius: 2px;}
/* .noUi-target.noUi-connect {} */
/* Handles and cursors */
.noUi-draggable {cursor: w-resize;}
.noUi-vertical .noUi-draggable {cursor: n-resize;}
.noUi-handle {cursor: default;-webkit-box-sizing: content-box !important;-moz-box-sizing: content-box !important;box-sizing: content-box !important;}
/* .noUi-handle:active {} */
/* Disabled state */
[disabled].noUi-connect,[disabled] .noUi-connect {background: #B8B8B8;}  
[disabled].noUi-origin,[disabled] .noUi-handle {cursor: not-allowed;}

.priceSelect:focus{box-shadow: none; border-color: #ccc; }



/* ************** product slider ********** */

.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-slider *, .slick-slider *:focus {outline:none;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline:none;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before, .slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.slick-slider .slick-arrow {width:50px;height:50px;display:block;border:0;border-radius:50%;color:#fff;background:#f3c78a;position:absolute;top:50%;transform:translateY(-50%);z-index:1;text-indent:-9999px;overflow:hidden;opacity:0;transition:all .2s ease;}
.slick-slider:hover .slick-arrow {opacity:1;}
.slick-slider .slick-arrow:before {position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;display:block;text-indent:0;height:20px;font-size:18px;line-height:20px}
.slick-slider .slick-arrow.slick-prev {left:0}
.slick-slider .slick-arrow.slick-prev:before {content:'\276E'}
.slick-slider .slick-arrow.slick-next {right:0}
.slick-slider .slick-arrow.slick-next:before {content:'\276F'}
.slick-slider .slick-arrow.slick-disabled {opacity:0}

@media (max-width:991.98px) {
.slick-slider .slick-arrow {opacity:1;width:40px;height:40px}
}
@media (max-width:767.98px) {
.slick-slider .slick-arrow {opacity:1;width:30px;height:30px}
.slick-slider .slick-arrow:before {font-size:14px}
}
@media (max-width:575.98px) {
.slick-slider .slick-arrow {opacity:1;width:25px;height:25px}
.slick-slider .slick-arrow:before {font-size:12px}
}



.prodSliderContainer {width:100%;max-width:550px;margin-bottom:50px}

.fancybox__backdrop{background: #fff !important;}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after{border-color:transparent !important}
.fancybox__thumbs .carousel__slide>*{border: 5px solid #f9f9f9 !important;}
.carousel__viewport{display: none;}
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{background: #fff !important;}

.prodThumbSlider {width:100%;float:left;margin-top:7px;overflow:hidden;}
.prodThumbSlider .slick-list {margin-right:-4px;margin-left:-4px}
.prodThumbSlider .slick-slide {padding:0 6px}
.prodThumbSlider .slick-slide > div {border:1px solid #ddd;padding:5px;background:#f1f1f1;width:90%;margin:auto;}
.prodThumbSlider .slick-slide > div img {width:100%;background:#fff;padding:10%}
.prodThumbSlider .slick-slide.slick-current > div {border:1px solid #aaa}

.prodImageSlider {width:100%;float:left;border:0px solid #eee;background:#fff;overflow:hidden;position:relative;box-shadow:0 0 0px rgba(0,0,0,.1)}
.prodImageSlider a {display:block}
.prodImageSlider img {width:100%;padding:10%;background:#fff;cursor:url(../images/zoom-in.svg),zoom-in;}

.prodImageSlider.slick-slider .slick-arrow {width:50px;height:50px;position:absolute;padding:0;border:0;background:#f3c78a;color:#fff;text-indent:-99999px;overflow:hidden;z-index:10;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.prodImageSlider.slick-slider .slick-prev {left:-70px}
.prodImageSlider.slick-slider .slick-next {right:-70px}
.prodImageSlider:hover.slick-slider .slick-prev {left:0}
.prodImageSlider:hover.slick-slider .slick-next {right:0}
.prodImageSlider.slick-slider .slick-arrow:before {position:absolute;width:100%;display:block;margin:auto;color:#fff;text-indent:0;text-align:center}
.prodImageSlider.slick-slider .slick-prev:before {content:'\276e';}
.prodImageSlider.slick-slider .slick-next:before {content:'\276f';}

.prodImageSlider .slick-dots {width:100%;text-align:center;margin:0;padding:0;position:absolute;bottom:0px}
.prodImageSlider .slick-dots li {width:7px;height:7px;list-style:none;margin:0 5px;display:inline-block;}
.prodImageSlider .slick-dots li button {width:7px;height:7px;border:0;display:block;padding:0;border-radius:50%;text-indent:-9999px;overflow:hidden;background:#bbb}
.prodImageSlider .slick-dots li.slick-active button {background:#666}

.video {position:relative}
.video:after {content:'\25b8';width:30px;height:30px;line-height:24px;background:#fff;display:block;text-align:center;border-radius:50%;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;color:#f3c78a;font-size:24px;border:3px solid #f3c78a;box-shadow:0 0 10px rgba(0,0,0,1)}
.prodImageSlider .video:after {width:50px;height:50px;line-height:44px;font-size:40px}

/* EasyZoom core styles */
.easyzoom {position:relative;/* 'Shrink-wrap' the element */display: inline-block;*display: inline;*zoom: 1;}
.easyzoom img {vertical-align: bottom;}
.easyzoom.is-loading img {cursor: progress;}
.easyzoom.is-ready img {cursor: crosshair;}
.easyzoom.is-error  img {cursor: not-allowed;}
.easyzoom-notice {position:absolute;top:50%;left:50%;z-index:2;width:auto;padding:0 15px;margin:0;line-height:2em;font-size:14px;text-align:center;background:#FFF;box-shadow:0 0 10px #888;transform:translate(-50%);}
.easyzoom-flyout {position:absolute;z-index:1;overflow:hidden;background:#fff;border:1px solid #eee;}
/* EasyZoom layout variations */
.easyzoom--overlay .easyzoom-flyout {top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;}
.easyzoom--adjacent .easyzoom-flyout {top: 0;left: 100%;width: 100%;height: 100%;margin-left: 20px;}
.easyzoom--overlay .easyzoom-flyout img {width:auto}

@media (max-width:991.98px) {
.prodSliderContainer {max-width:none;}
.prodImageSlider {width:100%;border:0}
.prodThumbSlider {margin-top:15px}
.prodImageSlider.slick-slider .slick-arrow {width:40px;height:40px;}
.easyzoom-flyout {display:none;}
}

@media (max-width:767.98px) {
.prodSliderContainer {margin-bottom:0}
.prodThumbSlider {display:none}
.prodImageSlider img {width:75%;margin:auto}
.prodImageSlider.slick-slider .slick-arrow {width:30px;height:30px;}
}



.CloseButtonFilter {
    display: none;
}

@media (max-width: 767.98px) { .CloseButtonFilter {
    display: block;
} }
    
@media (max-width: 575.98px) { .CloseButtonFilter {
    display: block;
} }