/* list -page css */
@font-face {
     font-family: 'avenir_nextregular';
     src: url('font/avenir-next-regular-webfont.woff2') format('woff2'),
          url('font/avenir-next-regular-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 }
 body {overflow-x: hidden;font-family: 'avenir_nextregular'!important;font-size: 14px;background: #fff; margin: 0;} 
/* header start */

input[type='checkbox'] { accent-color:#4e3629;}

/* header.head {position: sticky;top: 0;background-color: #fff;z-index: 999;padding:  15px; box-shadow: 0px 0px 40px 0px rgba(81, 54, 40, 0.1); }
     
header.head .left-side {font-weight: 600;font-size: 14px;}

header.head .right-side {font-size: 11px;font-weight: 600;}

header.head a{color: #4e3629 !important;white-space: nowrap;}

header.head  i.fa.fa-shopping-cart {font-size: 14px;}

header.head li {margin: 0px 10px;}

header.head button#dropdownMenuButton1 {border: none;background-color: #fff;color: #4e3629;font-weight: 600;font-size: 14px !important;}

header.head button.dropdown-toggle::after {content: none !important;}

header.head ul.dropdown-menu.show li a {font-size: 13px;}

.head .sidebar {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;background-color: #fff;overflow-x: hidden;transition: 0.5s;padding-top: 60px;}

.head .sidebar a {padding: 8px 0px; text-decoration: none; color: #4e3629 !IMPORTANT; display: block; transition: 0.3s;}

.head .sidebar .closebtn { position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}

.head .openbtn {background-color: transparent; border: none;color: #4e3629;}

.head .collapsible {background-color: #f3f3f3;color: #4e3629;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;}
  
.head .collapsible:after {content: '\002B';color: #4e3629;font-weight: bold;float: right;margin-left: 5px;}
  
.head .active:after {content: "\2212";}
  
.head .content {padding: 0 18px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;background-color: #f1f1f1;} */
/* header end */

#loading {

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: fixed;

    background-color: #6b6b6b99;

    z-index: 2000;

    text-align: center;

    display: none;

}

.LoderImage {

    max-width: 100px;

    height: auto;

}

#loading-image {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    width: 97px;

    height: 97px;

}

/* breadcrumb */

.bread-filter-section .breadcrumb a {color: #333;text-decoration: none;}

.bread-filter-section ol.breadcrumb {PADDING: 10PX 0px;FONT-SIZE: 14PX; }

.bread-filter-section .breadcrumb-item+.breadcrumb-item::before {display: inline-block;padding-right: .5rem; padding-left: .5rem; content: "\f105"!important; color:#c6c5c7 ;font-family: "FontAwesome";}
 
/* end breadcrumb */

/* show products  */
.d-flex .dropdown-toggle::after{content:none!important;}

.d-flex .mob-fliters button.btn {border: 1px solid #ddd;color: #fff !important;background-color: #4e3629;border-radius: inherit;display: none;}

.d-flex button#dropdownMenuButton1  i.fa.fa-angle-down {font-size: 14px;font-weight: 600;}

.d-flex button#dropdownMenuButton1 { border: 1px solid #c5c5c5 !important;background: #fff;color: #4e3629;padding: 8px 20px;font-size: 12px;font-weight: 600;}

 .d-flex .dropdown a.dropdown-item {font-size: 13px;color: #4e3629 !important;}

 .dropdown a.dropdown-item:focus, .dropdown a.dropdown-item:hover {
    color:#fff !important;
    background-color: #4e3629 !important;
   
 }

 .d-flex button#dropdownMenuButton1:hover {background-color: #4e3629;color:#fff !important; border: 1px solid #4e3629;}

 .bread-filter-section .d-flex {
     justify-content: end;
     gap: 15px;
     margin: 15px 0px;
 }
 ul.tablist.list-style-none.button-list.grid-list.pull-right li{display: inline-flex;}
 .d-flex .veiw-page button {
     border: 1px solid #ddd;
     padding: 2px 10px;
     background: #4e3629;
     color: #ffff;
 }
.d-flex.align-items-center.flex-wrap .veiw-page .grid-list  i.active {
    background: #4e3629;
    color: #fff;
}
ul.tablist.list-style-none.button-list.grid-list.pull-right {
    padding: 0px;
    margin-bottom: 0px;
}
 .d-flex .show-inventory a{ color:#777;text-decoration: none;}

 .d-flex .search {position: relative; width: 40%;}

.d-flex .search a.srch_btn { position: absolute; right: 0px; height: 100%; background-color: #4e3629; padding: 6px 15px;color: #fff !important;}

.d-flex input[type="text"] {width: 100%; border: 1px solid #ddd ;padding: 6px;font-size: 14px;}

.d-flex .show-inventory input#inventory {width: 17px;height: 17px;vertical-align: middle;}

/* end show products */

/* sidebar start */
 .main-section{padding: 15px 15px !important;}

 .main-section .sidebar-2{display:block;position: relative;}

 .main-section .sidebar-2 h4 {color: #000;display: inline-block;font-weight: 600;font-size: 14px;}

 .main-section .sidebar-2 input#close_btn {background-color: #fff;color:#000;font-weight: 600;font-size: 14px;border:none;}

.main-section .sidebar-2 .badge {color: #777777;font-weight: 400;white-space: nowrap;}

 .main-section .sidebar-2 li {position: relative;margin-bottom: 0;color: #777;font-size: 14px;}

 .main-section .sidebar-2 a {color:#777777;text-decoration: none;}

 .main-section .sidebar-2 .categories{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

 .main-section .sidebar-2  .me-1 {width: 17px;height:17px;vertical-align: middle;}

 .main-section .sidebar-2 .price-input {width: 100%;display: flex; margin: 20px 0;}

 .main-section .sidebar-2  .price-input .field {display: flex;align-items: center;flex-wrap: wrap;}

 .main-section .sidebar-2 .field input {width: 100%; font-size:14px;margin-left: 5px;border-radius: 5px;text-align: center;border: 1px solid #999;}
    
 .main-section input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none;}

 .main-section .sidebar-2 .price-input .separator{width: 130px;display: flex;font-size: 19px;align-items: center;justify-content: center; }

 .main-section .sidebar-2 .slider{height: 5px;position: relative;background: #ddd;border-radius: 5px;}

 .main-section .sidebar-2  .slider .progress{height: 100%;left: 2%;right: 25%;position: absolute;border-radius: 5px; background: #4e3629; }

 .main-section .sidebar-2 .range-input{position: relative;}

/* .main-section .sidebar-2 .range-input input{position: absolute;width: 100%;height: 5px;top: -5px;background: none;pointer-events: none;color:#4e3629;} */

.main-section .sidebar-2 .range-input input {
     position: absolute;
     width: 100%;
     height: 5px;
     top: -5px;
     background: none;
     pointer-events: none;
     color: #4e3629;
     -webkit-appearance:none;
 }

 .main-section .sidebar-2 input[type="range"]::-webkit-slider-thumb{height: 17px; width: 17px;border-radius: 50%;background:#4e3629;pointer-events: auto;-webkit-appearance: none;box-shadow: 0 0 6px rgba(0,0,0,0.05);}

.main-section .sidebar-2 input[type="range"]::-moz-range-thumb{height: 17px;width: 17px;border: none;border-radius: 50%;background: #4e3629;pointer-events: auto;-moz-appearance: none;box-shadow: 0 0 6px rgba(0,0,0,0.05);}

 .main-section .sidebar-2 .price-range {position: relative;padding-bottom: 35px;border-bottom: 1px solid #ddd;}

 .main-section .sidebar-2 .coll{border-bottom: 1px solid #ddd;}

 /* .main-section .sidebar-2 .Metal-type{border-bottom: 1px solid #ddd;}

 .main-section .sidebar-2 .metal-grade{border-bottom: 1px solid #ddd;}

 .main-section .sidebar-2 .metal-color{border-bottom: 1px solid #ddd;}

 .main-section .sidebar-2 .gem-type{border-bottom: 1px solid #ddd;} */

 .main-section .sidebar-2 h5{color:#4e3629;}

 .main-section  button.btn {border: 1px solid #fff;background-color: #4e3629;color: #fff;width: 100%;border-radius: inherit;font-size: 12px;padding: 7px;font-weight: 600;}
 
 .main-section button.btn.btn_filter {position: sticky;bottom: 0px;}
 
 .main-section button.btn a{color:#fff !important;}

 
  /*sidebar end  */
.main-section .content-list .list {display: flex;flex-wrap: wrap;justify-content:center;align-items: center;margin-top:0px;gap: 20px;}

.main-section .content-list .list .card-box {position: relative;box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);margin:10px 0px;height:auto;text-align: center;background-color: #fff;flex: 0 0 23%;}

.main-section .content-list .list .card-box .img-box {display: flex;height: 265px;justify-content: center;align-items: center;}

/*.main-section .content-list .list .card-box .img-box .img-fluid {max-width: 358px;width: 100%;height: 238px;}*/
.main-section .content-list .list .card-box .img-box .img-fluid {max-width: 300px;width: 100%;height: 220px;}

.main-section .content-list .list .card-box .title { min-height:100px; text-transform:lowercase;}

 .main-section .content-list .list .card-box .sku-no {position: absolute;top: 0;margin-left: 10px;color:#4e3629;}

 .main-section .content-list .list .card-box .sku-no p{font-size: 14px;}

 .main-section .col-lg-10.col-md-10.main-content {position: relative;}

 .main-section .content-list .list .card-box .btn-box button.btn {width: 50%;float: right;padding: 10px;}

 .main-section .content-list .list .card-box .btn-box button.btn-btn {border: 1px solid #fff; background-color: #f1f1f1; color: #5a5a5a; border-radius: inherit; font-size: 16px; width: 50%; padding: 7px; white-space: nowrap; font-weight: 600;}
 
 .main-section .content-list .list .card-box .title a{color: #4e3629;}

/* open navbar */

.bread-filter-section .filterbar .btn_filter_bar {position:sticky;bottom: 0;display: flex;background-color: #fff;border-top: 1px solid #e9e9ed;padding: 10px 15px;width:100%;z-index:999;}

.bread-filter-section  .filterbar .btn_filter_bar a{font-size: 15px;color: #4e3629!important;font-weight: 500;text-transform:uppercase;width:50%;text-align: center;}

.bread-filter-section .filterbar {height: 100%;width: 0;position: fixed;z-index:999;top: 0%;left: 0;background-color: #fff;overflow-x: hidden;transition: 0.5s;padding-top: 20px;}

.bread-filter-section .filterbar  h4 {font-size: 16px;color: #000;padding: 5px 10px;}

.bread-filter-section .filterbar  a {padding: 8px 0px; text-decoration: none; color: #4e3629 !IMPORTANT; display: block; transition: 0.3s;}

.bread-filter-section .filterbar .closebtn {position: absolute;bottom: 15px;left: -51px; font-size: 15px;background-color: #fff;width: 50%;text-align: center;padding: 10px; padding: 13px !important;line-height: 25px;}

.bread-filter-section .filterbar .all_filters {border-top: 1px solid #ddd;}

.bread-filter-section .filterbar i.fa.fa-close { position: absolute; right: 0; color: #ddd; padding: 10px 5px;}

.bread-filter-section .filterbar .price { position: relative; font-size: 14px; width:90%;}

.bread-filter-section .filterbar .open_filter {background-color: transparent; border: none;color: #4e3629;}

.bread-filter-section .filterbar .tab { background-color: #f5f5f6;float: left;width: 40%;}

.bread-filter-section .filterbar .tab button.active {background-color: #fff;border-bottom: 1px solid #e9e9e9;}
  
.bread-filter-section .filterbar .tab button { background-color: #f5f5f6;padding: 15px 15px; width: 100%; border: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 14px; border-bottom: 1px solid #ddd;}
   
.bread-filter-section .filterbar .tabcontent {float: left;padding: 0px 12px;width: 60%;}

.main-content .content-list ul li {background-color: #f7f7f7;text-transform: capitalize;font-size: 11px;font-weight: 400;padding:7px 15px;-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;border-radius: 20px;}

.main-content .content-list .filter_list_breadcrumb ul li a{ color: #3e4152;}

.main-content .content-list .filter_list_breadcrumb  {padding-left: 30px;}

.main-content .content-list .filter_list_breadcrumb span.close {margin-left: 10px;}

.content-list #list_diamond table.table thead {
    background-color: #4e3629 !important;
    
}
.card-box .title a p{text-transform: capitalize;}
/* media query list page */

@media  (max-width: 1920px){ 
                              /* .head .row .toogle-bar{ display: none;}  */
                              /* for header */

                             /* .head .row .items{display:block;}  */
                               /* for header */

                             /* .head .row.mobile-head {display: none;}   */
                               /* for header */

                             .main-section .breadcrumb li a {font-size: 14px;color: #4e3629 !important;}                             
}

@media  (max-width: 1200px){ 

 .main-section {padding: 15px 20px !important;}
 .main-section .sidebar-2 .me-3 {margin-right: 5px!important;}
 
}

@media  (max-width: 1169px){
     .main-section .content-list .list .card-box {flex: 0 0 30%;}
}
@media(max-width:992px){
     /* .head .row .toogle-bar { display: block;} */
       /* for header */
     /* .head .row .items{display:none;} */
       /* for header */
     /* .head .row.mobile-head {display:flex;margin-top:10px;align-items: center;}  */
        /* for header */
     .main-section .content-list .list .card-box {flex: 0 0 45%;}
     .d-flex .mob-fliters button.btn{display:inline-block;}
}
@media(max-width:767px){
     .main-section .sidebar-2{display:none;}
     .main-section .d-flex {justify-content: start!important;}
}


@media(max-width:575px){
     .d-flex .search {width:100% !important;}
.main-section .content-list .list .card-box {flex: 1 0 50%;}
.main-section .d-flex .search {width: 100% !important;}
.main-section .list .card-box .img-box img{height:70%;}
}


@media screen and (max-height: 450px) {
     .head .sidebar {padding-top: 15px;}
     .head .sidebar a {font-size: 18px;}
}


/* new css */
/* new css */
div#filter_list {
    position: absolute;
    z-index: 9;
}
div#list_diamond {
    padding-top: 40px;
}
div#grid_diamond {
    display: flex!important;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    padding-top: 30px;
}

.card-box .btn-box input[type='checkbox'] {
    accent-color: #4e3629;
    appearance: none;
    display: none !important;
}