.c-cart-toggler-wrapper.hidden-lg {
     position: absolute;
     /* left: ; */
     top: 43px;
     right: 1px;
     display: ruby-base;
 }
 .icon-handbag.c-cart-icon.icon-cart-1 {
    font-size: 24px; 
    z-index: 30 !important;
    bottom: -1px;
    position: absolute;
    left: -28px;
  }
 .sl-slider {
     width: 412px;
     height: 883px;
 }

 @media (max-width: 767px) {
     .hero {
         display: none;
     }
 }

 .prix {
     width: 73px;
 }

 .sl-slide {

     font-family: Snell Roundhand;
 }

 .navbar-header {
     position: absolute;
     height: 100px;
 }

 .tp-bgimg.defaultimg {
     position: relative;
     top: 96px;
     height: 30%;
 }

 .btn.btn-md.focus,
 .btn.btn-md:focus,
 .btn.btn-md:hover {
     color: #333;
     text-decoration: none;
     background-color: aquamarine;
 }

 .c-cart-number.c-theme-bg {
     background-color: #32c5d2 !important;
     margin-left: -7px;
     position: relative;
     top: -9px;
     display: inline-block;
     border-radius: 15px;
     text-align: center;
     padding: 0px 0;
     height: 19px;
     font-size: 16px;
     width: 19px;
     color: #ffffff;
 }

 .c-page-on-scroll .c-layout-header .c-cart-toggler-wrapper .c-btn-icon {
     margin-bottom: 3px !important;
 }

 .c-layout-header .c-cart-toggler-wrapper .c-btn-icon i {
     font-size: 20px !important;
 }

 .c-layout-header .c-cart-toggler-wrapper .c-cart-number {
     margin-right: 5px;
     position: relative;
     top: -3px;
     display: inline-block;
     border-radius: 20px;
     text-align: center;
     padding: 3px 0;
     height: 25px;
     font-size: 15px;
     width: 25px;
     color: #ffffff;
 }

 .c-cart-number {
     margin: -3px 0 0 7px;
     border-radius: 40px;
     color: #ffffff;
     text-align: center;
     width: 30px;
     height: 30px;
     display: inline-block;
     float: right;
     padding-top: 5px;
 }

 .modal-dialog {
     position: -webkit-sticky;
     float: right;
     top: 15%;
     background-color: rgb(138, 223, 195);
 }

 .btn-unique>a {
     color: rgb(207, 238, 238);
 }

 .panierAreabt {
     color: #fff;
     height: 40px;
     background: #00acc8;
     line-height: 40px !important;
     padding: 0 20px !important;
     text-transform: uppercase;
     position: relative;
     font-size: 1.1em;
     border: none;
     width: 238px;
     border: 1px solid #fff;
 }

 .panierAreabt>a {
     color: rgb(207, 238, 238);
 }

 .panierAreabt:hover,
 .panierAreabt:focus {
     background: #111111;
     border: none;
     color: #fff;
 }

 .qty .count {
     color: #000;
     display: inline-block;
     vertical-align: top;
     font-size: 25px;
     font-weight: 700;
     line-height: 30px;
     padding: 0 2px;
     min-width: 35px;
     text-align: center;
 }

 .qty .plus {
     cursor: pointer;
     display: inline-block;
     vertical-align: top;
     color: white;
     width: 30px;
     height: 30px;
     font: 30px/1 Arial, sans-serif;
     text-align: center;
     border-radius: 50%;
 }

 .qty .minus {
     cursor: pointer;
     display: inline-block;
     vertical-align: top;
     color: white;
     width: 30px;
     height: 30px;
     font: 30px/1 Arial, sans-serif;
     text-align: center;
     border-radius: 50%;
     background-clip: padding-box;
 }

 .minus:hover {
     background-color: #111111 !important;
 }

 .plus:hover {
     background-color: #111111 !important;
 }

 .minus {
     background-color: #00acc8 !important;
 }

 .plus {
     background-color: #00acc8 !important;
 }

 .qty.mt-5 {
     position: relative;
     display: flex;
 }

 span {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
 }

 input {
     border: 0;
     width: 2%;
 }

 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 input:disabled {
     background-color: white;
 }

 .c-bg-red-2-hover:hover {
     background-color: #00acc8 !important;
 }

 .text-primary {
     color: #32c5d2;
 }

 a {
     color: #32c5d2;
     text-decoration: none;
 }

 .navbar-default .navbar-nav>.active>a,
 .navbar-default .navbar-nav>.active>a:hover,
 .navbar-default .navbar-nav>.active>a:focus {
     color: #32c5d2;
     background-color: transparent;
 }

 .navbar-default .navbar-nav>li>a:hover,
 .navbar-default .navbar-nav>li>a:focus {
     color: #32c5d2;
     background-color: transparent;
 }

 @media (min-width: 768px) {

     .navbar ul.nav>li>a:hover,
     .navbar ul.nav>li>a:focus {
         border-top-color: #32c5d2;
         border-bottom: none;
     }
 }

 @media (min-width: 768px) {

     .navbar ul.nav>li.active>a,
     .navbar ul.nav>li.open>a {
         text-decoration: none !important;
         border-top-color: #32c5d2;
     }
 }

 /* .c-layout-page {
                position: relative;
                top: 15px;
                } */
 .c-cart-toggler-wrapper {
     position: absolute;
     top: 41px;
     right: 28px;
     list-style: none;
 }


 .custom-menu {
     height: 43px;
     background-color: #ffffff;
     border-bottom-color: transparent;
     font-family: 'PT Serif', serif;
     min-height: 57px;
     margin-bottom: 0;
     border-top: none;
     border-bottom: none;
 }

 .custom-input-group {
     position: relative;
 }

 .custom-input-group input {
     border-radius: 10px;
     padding-right: 40px;
 }

 .custom-form-control {
     width: 100%;
 }

 .form-control {
     display: block;
     width: 100%;
     height: 37px;
     padding: 6px 12px;
     padding-right: 12px;
     font-size: 15px;
     line-height: 1.55;
     color: #555555;
     background-color: #ffffff;
     background-image: none;
     border: 1px solid #cccccc;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
 }

 .custom-input-group .input-group-append {
     position: absolute;
     right: 1px;
     top: -20px;
     bottom: 0;
     display: flex;
     align-items: center;
 }

 .custom-btn {

     border-radius: 0px 9px 9px 0px;
     font-weight: 380;
     font-family: 'PT Serif', serif;
     text-transform: uppercase;
     letter-spacing: 0.1em;
     padding: 4px 10px;
     font-size: 15px;
     line-height: 1.55;
     transition: background-color 0.3s, border-color 0.3s;
     /* border-radius: 0; */
     margin-top: 20px;
     outline: none;
     min-width: 71px;
     font-size: 1.2em !important;

 }

 .search-navbar {
     position: fixed;
     top: 57px;
     left: 0;
     width: 100%;
     background-color: #fff;
     z-index: 100;
     padding: 10px;
 }






 /* Styles pour la liste de sortie de l'autocomplétion */
 .ui-autocomplete {
     max-height: 200px;
     /* Définissez la hauteur maximale de la liste */
     overflow-y: auto;
     /* Ajoutez une barre de défilement vertical si nécessaire */
     position: absolute;
     z-index: 1000;
     /* Assurez-vous que la liste apparaît au-dessus de tout */
     background-color: #fff;
     /* Couleur d'arrière-plan */
     border: 1px solid #ccc;
     /* Bordure */
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     /* Ombre */
     width: 23%;
     /* Largeur de la liste */
 }

 /* Styles pour chaque élément de la liste */
 .ui-menu-item {
     padding: 8px 12px;
     /* Rembourrage intérieur de chaque élément */
     cursor: pointer;
     /* Curseur au survol */
     transition: background-color 0.2s;
     /* Transition pour le changement de couleur au survol */
 }

 .ui-menu-item:hover {
     background-color: #f5f5f5;
     /* Couleur de fond au survol */
 }

 .ui-menu-item {
     list-style-type: none;
     padding: 0;
 }

 .custom-btn {
     border-radius: 0px 9px 9px 0px;
 }


 .custom-sales-bar {
     background-color: rgb(255, 255, 255);
     position: absolute;
     top: 21px;
     z-index: 16;
     width: 100%;
     text-align: center;
     padding: 10px 0;
 }

 .custom-sales-bar ul {
     list-style: none;
     padding: 0;
 }

 .custom-sales-bar li {
     display: inline-block;
     margin-right: 20px;
 }

 .custom-sales-bar a {
     color: #333;
     text-decoration: none;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .custom-sales-bar i {
     font-size: 24px;
     margin-bottom: 5px;
 }

 @media (max-width: 767px) {
     .custom-sales-bar {
         display: none;
     }

     .c-content-box.c-size-md {
         padding: 1px;
     }

     .c-layout-page {
         position: relative;
         top: 1px;
     }

     .profile {
         margin: 10px;
         padding: 10px;
         max-width: 95%;
         border-radius: 26px;
     }
 }

 .c-margin-b-20 {
     position: relative;
     top: 44px;
 }

 .c-content-title-4 {
     margin-bottom: 1px;
 }

 .c-layout-page {
     position: relative;
     top: 1px;
 }